@extends('layouts.app')

@section('content')
    <header class="page-header">
        <h1>Recherche guidée</h1>
        @if($total)
            <a class="primary small" href="{{ route('campaigns.index', request()->query()) }}">Créer une campagne avec cette sélection</a>
        @endif
    </header>

    <form method="get" action="{{ route('search.index') }}" class="guided-search">
        <fieldset class="full checks">
            <legend>Esthétiques</legend>
            @php($selectedAesthetics = (array)($filters['aesthetic'] ?? []))
            <label><input type="checkbox" name="aesthetic[]" value="" @checked(!$selectedAesthetics)> Toutes</label>
                @foreach ($aesthetics as $item)
                <label><input type="checkbox" name="aesthetic[]" value="{{ $item }}" @checked(in_array($item, $selectedAesthetics, true))> {{ $item }}</label>
                @endforeach
        </fieldset>
        <label>Format
            <select name="format">
                <option value="">Tous</option>
                @foreach ($formats as $item)
                    <option value="{{ $item }}" @selected(($filters['format'] ?? '') === $item)>{{ $item }}</option>
                @endforeach
            </select>
        </label>
        <label>Période
            <select name="period">
                <option value="">Toutes</option>
                @foreach ($periods as $item)
                    <option value="{{ $item }}" @selected(($filters['period'] ?? '') === $item)>{{ $item }}</option>
                @endforeach
            </select>
        </label>
        <label>Territoire
            <select name="territory">
                <option value="">Tous</option>
                @foreach ($territories as $item)
                    <option value="{{ $item }}" @selected(($filters['territory'] ?? '') === $item)>{{ $item }}</option>
                @endforeach
            </select>
        </label>
        <label>Type d’organisateur
            <select name="organizer_type">
                <option value="">Tous</option>
                @foreach ($organizerTypes as $item)
                    <option value="{{ $item }}" @selected(($filters['organizer_type'] ?? '') === $item)>{{ $item }}</option>
                @endforeach
            </select>
        </label>
        <label>Ville centre
            <input name="center_city" value="{{ $filters['center_city'] ?? '' }}" placeholder="Bordeaux">
        </label>
        <label>Rayon
            <select name="radius_km">
                <option value="">Aucun</option>
                <option value="50" @selected(($filters['radius_km'] ?? '') === '50')>50 km</option>
                <option value="100" @selected(($filters['radius_km'] ?? '') === '100')>100 km</option>
            </select>
        </label>
        <label>Affichage
            <select name="per_page">
                @foreach ([50, 100, 250] as $count)
                    <option value="{{ $count }}" @selected((string)($filters['per_page'] ?? '50') === (string)$count)>{{ $count }}</option>
                @endforeach
            </select>
        </label>
        <button class="primary">Rechercher</button>
    </form>

    @if ($hasSearch)
        <section class="results">
            <h2>{{ $total }} résultat(s)</h2>
            @if($results->count())
                <form method="get" action="{{ route('campaigns.index') }}" id="selected-campaign-form" class="selected-campaign-form">
                    @foreach((array)($filters['aesthetic'] ?? []) as $aesthetic)
                        <input type="hidden" name="aesthetic[]" value="{{ $aesthetic }}">
                    @endforeach
                    @foreach(['format', 'period', 'territory', 'organizer_type', 'center_city', 'radius_km'] as $field)
                        <input type="hidden" name="{{ $field }}" value="{{ $filters[$field] ?? '' }}">
                    @endforeach
                    <input type="hidden" name="selected_organization_ids" id="selected-organization-ids">

                    <div class="selection-toolbar">
                        <button type="button" class="secondary small" id="select-all-results">Tout cocher</button>
                        <button type="button" class="secondary small" id="clear-all-results">Tout décocher</button>
                        <button class="primary small">Créer une campagne avec les fiches cochées</button>
                    </div>

                    @foreach ($results as $organization)
                        <article class="result-row selectable-result">
                            <label class="select-result">
                                <input type="checkbox" value="{{ $organization->id }}" @disabled(!$organization->bestEmail())>
                                <span>{{ $organization->bestEmail() ? 'Inclure' : 'Email manquant' }}</span>
                            </label>
                            <div>
                                <h3><a href="{{ route('organizations.show', $organization) }}">{{ $organization->name }}</a></h3>
                                <p>{{ $organization->city }} @if($organization->country) - {{ $organization->country }} @endif</p>
                                <p class="muted">{{ $organization->organizer_types }}</p>
                            </div>
                            <div>
                                <strong>{{ $organization->commercial_status }}</strong>
                                <p>{{ $organization->contactLabel() }}</p>
                            </div>
                            <div>
                                @if($organization->bestEmail())
                                    <a class="secondary small" href="mailto:{{ $organization->bestEmail() }}">Envoyer un mail</a>
                                @else
                                    <span class="muted">Email à vérifier</span>
                                @endif
                            </div>
                        </article>
                    @endforeach
                </form>
            @else
                <p>Aucun résultat pour ces critères.</p>
            @endif
        </section>
    @endif
@endsection

@push('scripts')
<script>
const selectedCampaignForm = document.getElementById('selected-campaign-form');
if (selectedCampaignForm) {
    const checks = [...selectedCampaignForm.querySelectorAll('input[type="checkbox"]:not(:disabled)')];
    document.getElementById('select-all-results')?.addEventListener('click', () => checks.forEach(check => check.checked = true));
    document.getElementById('clear-all-results')?.addEventListener('click', () => checks.forEach(check => check.checked = false));
    selectedCampaignForm.addEventListener('submit', event => {
        const selected = checks.filter(check => check.checked).map(check => check.value);
        if (!selected.length) {
            event.preventDefault();
            alert('Coche au moins une fiche avant de créer une campagne partielle.');
            return;
        }
        document.getElementById('selected-organization-ids').value = selected.join(',');
    });
}
</script>
@endpush