@extends('layouts.app')

@section('content')
<div class="row py-5">
    <div class="col-md-12">
        <div class="text-end mb-3">
            <a href="{{ route('landing_websites.index') }}" class="btn btn-light">Retour</a>
            <a href="{{ route('landing_websites.export_results', ['landingWebsite' => $landingWebsite]) }}" class="btn btn-dark">Exporter</a>
            <a href="{{ route('landing_websites.delete_results', ['landingWebsite' => $landingWebsite]) }}" class="btn btn-danger">Reset</a>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <form class="form-horizontal" method="POST" action="{{ route('landing_websites.store_form_emails', ['landingWebsite' => $landingWebsite]) }}">
                    <div class="mb-3">
                        <label for="tags" class="col-form-label">Envoyer les résultats en temps réél au emails suivants:</label>
                        <input id="tags" type="text" name="emails" class="form-control" value="{{ $landingWebsite->tagsWithType('form_emails')->implode('name', ',') }}" novalidate>
                    </div>

                    <div class="mb-3">
                        <label for="bcc-tags" class="col-form-label">Cci: </label>
                        <input id="bcc-tags" type="text" name="bcc-emails" class="form-control tagify-tags" value="{{ $landingWebsite->tagsWithType('form_bcc_emails')->implode('name', ',') }}" novalidate>
                    </div>

                    <div class="text-end">
                        <button type="submit" class="btn btn-primary mb-2">Enregistrer</button>
                    </div>

                </form>
            </div>
        </div>

        @if($landingWebsite->slug)
        <div class="card mb-3">
            <div class="card-body">
                <span>url API : </span>
                <code>{{ config('app.url') }}/api/landing_websites/{{ $landingWebsite->slug }}/form-results</code>
                <small class="text-muted ms-2">(OAuth2 client_credentials requis)</small>
            </div>
        </div>
        @endif

        @if($landingWebsite->formResults->count())
        <div class="table">
            <table class="table table-hover table-align-middle table-light">
                <thead class="table-dark">
                    <tr>
                        @foreach(array_keys($landingWebsite->formResultsCleaned[0]) as $key)
                        <th scope="col">{{ $key }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    @foreach($landingWebsite->formResultsCleaned as $result)
                    <tr>
                        @foreach(array_keys($result) as $key)
                        <td>{{ isset($result[$key]) ? $result[$key] : 'NULL' }}</td>
                        @endforeach
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>
@endsection

@push('scripts')
<script>
  wpAdmin.allTags = {!! json_encode([]) !!};
</script>
@vite('resources/js/views/tags.js')
@endpush