@extends('site.layouts.new.app')

@php
    $resetUrl = route('site.meetings', ['front_layout' => 'new']);
    $hasAdvancedFilters = filled(request('start_date')) || filled(request('end_date')) || filled(request('number')) || filled(request('year')) || filled(request('session_place_id')) || filled(request('signed_status')) || filled(request('text')) || filled(request('frase')) || filled(request('has_files'));
    $signedOptions = [
        '' => 'Selecione...',
        'signed' => 'Somente assinadas',
        'unsigned' => 'Somente não assinadas',
    ];
@endphp

@section('site_content')
    <div>
        <section class="sl-materials-surface">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', ['label' => 'Atas e pautas', 'href' => $resetUrl, 'active' => true])
            </div>

            <form method="GET" action="{{ route('site.meetings') }}" class="space-y-4" data-meetings-search-form>
                <input type="hidden" name="front_layout" value="new">
                <input type="hidden" name="start_date" value="{{ request('start_date') }}">
                <input type="hidden" name="end_date" value="{{ request('end_date') }}">
                <input type="hidden" name="number" value="{{ request('number') }}">
                <input type="hidden" name="year" value="{{ request('year') }}">
                <input type="hidden" name="session_place_id" value="{{ request('session_place_id') }}">
                <input type="hidden" name="signed_status" value="{{ request('signed_status') }}">
                <input type="hidden" name="text" value="{{ request('text') }}">
                <input type="hidden" name="frase" value="{{ request('frase') ? '1' : '' }}">
                <input type="hidden" name="has_files" value="{{ request('has_files') ? '1' : '' }}">

                <div class="sl-materials-toolbar sl-meetings-toolbar">
                    <div class="sl-materials-filters sl-meetings-filters">
                        @include('site.components.materials-filter-field', [
                            'id' => 'type',
                            'label' => 'Tipo',
                            'name' => 'type',
                            'type' => 'select',
                            'options' => $sessionTypes,
                            'value' => request('type'),
                            'className' => 'sl-meetings-filter-field--type',
                        ])

                        @include('site.components.materials-filter-field', [
                            'id' => 'meeting_date',
                            'label' => 'Data',
                            'name' => 'meeting_date',
                            'type' => 'date',
                            'value' => request('meeting_date'),
                            'className' => 'sl-meetings-filter-field--date',
                        ])
                    </div>

                    <div class="sl-materials-toolbar__actions">
                        <button type="button" class="sl-materials-button is-light" data-modal-open="meetings-advanced-filters">
                            <svg viewBox="0 0 24 24" aria-hidden="true">
                                <path d="M4 7h16M7 12h10M10 17h4" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.8" />
                            </svg>
                            <span>Filtros</span>
                            @if ($hasAdvancedFilters)
                                <span class="sl-materials-button__badge"></span>
                            @endif
                        </button>

                        <button type="button" class="sl-materials-button is-light is-disabled" disabled title="Exportação em preparação">
                            <svg viewBox="0 0 24 24" aria-hidden="true">
                                <path d="M12 4v9m0 0 3.5-3.5M12 13 8.5 9.5M5 15.5v1.75A1.75 1.75 0 0 0 6.75 19h10.5A1.75 1.75 0 0 0 19 17.25V15.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" />
                            </svg>
                            <span>Exportar</span>
                        </button>

                        <a href="{{ $resetUrl }}" class="sl-materials-button is-light sl-materials-button--primary-action">
                        <span>Limpar filtros</span>
                        <svg viewBox="0 0 16 16" aria-hidden="true">
                            <path d="M5.5 3.5 10 8l-4.5 4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" />
                        </svg>
                        </a>

                        <button type="submit" class="sl-materials-button is-primary sl-materials-button--primary-action">
                        <svg viewBox="0 0 24 24" aria-hidden="true">
                            <circle cx="11" cy="11" r="6.5" fill="none" stroke="currentColor" stroke-width="1.9"></circle>
                            <path d="m16 16 4 4" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.9"></path>
                        </svg>
                        <span>Pesquisar</span>
                        </button>
                    </div>
                </div>
            </form>

            @component('site.components.modal', [
                'id' => 'meetings-advanced-filters',
                'title' => 'Filtro de busca avançada',
                'panelClass' => 'sl-modal__dialog--narrow sl-modal__dialog--filters',
            ])
                <form method="GET" action="{{ route('site.meetings') }}" class="space-y-4 sl-advanced-filters-form" data-meetings-advanced-form id="meetings-advanced-form">
                    <input type="hidden" name="front_layout" value="new">
                    <input type="hidden" name="type" value="{{ request('type') }}">

                    <div class="sl-advanced-search-grid">
                        <label class="sl-checkbox-field">
                            <input type="checkbox" name="has_files" value="1" @checked(request('has_files'))>
                            <span>
                                <strong>Com anexos</strong>
                                <small>Exibe apenas sessões que possuem arquivos vinculados.</small>
                            </span>
                        </label>

                        <label class="sl-checkbox-field">
                            <input type="checkbox" name="frase" value="1" @checked(request('frase'))>
                            <span>
                                <strong>Frase completa</strong>
                                <small>Busca exata dentro do texto complementar da sessão.</small>
                            </span>
                        </label>
                    </div>

                    <div class="sl-advanced-search-grid is-dates">
                        <div class="sl-materials-filter-field">
                            <label for="meetings_start_date">De</label>
                            <input id="meetings_start_date" type="date" name="start_date" value="{{ request('start_date') }}" class="sl-materials-control">
                        </div>

                        <div class="sl-materials-filter-field">
                            <label for="meetings_end_date">Até</label>
                            <input id="meetings_end_date" type="date" name="end_date" value="{{ request('end_date') }}" class="sl-materials-control">
                        </div>
                    </div>

                    <div class="sl-advanced-search-grid">
                        <div class="sl-materials-filter-field">
                            <label for="meetings_number">Número</label>
                            <input id="meetings_number" type="text" name="number" value="{{ request('number') }}" class="sl-materials-control" placeholder="Ex.: 29">
                        </div>

                        <div class="sl-materials-filter-field">
                            <label for="meetings_year">Ano</label>
                            <input id="meetings_year" type="text" name="year" value="{{ request('year') }}" class="sl-materials-control" placeholder="Ex.: 2026">
                        </div>
                    </div>

                    <div class="sl-advanced-search-grid">
                        <div class="sl-materials-filter-field">
                            <label for="session_place_id">Local</label>
                            <select id="session_place_id" name="session_place_id" class="sl-materials-control">
                                @foreach ($sessionPlaces as $optionValue => $optionLabel)
                                    <option value="{{ $optionValue }}" @selected((string) $optionValue === (string) request('session_place_id'))>{{ $optionLabel }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="sl-materials-filter-field">
                            <label for="signed_status">Assinatura</label>
                            <select id="signed_status" name="signed_status" class="sl-materials-control">
                                @foreach ($signedOptions as $optionValue => $optionLabel)
                                    <option value="{{ $optionValue }}" @selected((string) $optionValue === (string) request('signed_status'))>{{ $optionLabel }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="sl-materials-filter-field">
                        <label for="meetings_text">Que contenha (texto):</label>
                        <textarea id="meetings_text" name="text" class="sl-materials-control sl-materials-control--textarea" placeholder="Digite um trecho para localizar nas atas e pautas">{{ request('text') }}</textarea>
                    </div>

                    @slot('footer')
                        <a href="{{ $resetUrl }}" class="sl-materials-button is-light">Limpar tudo</a>
                        <button type="button" class="sl-materials-button is-light" data-modal-close>Cancelar</button>
                        <button type="submit" class="sl-materials-button is-primary" form="meetings-advanced-form">Aplicar filtros</button>
                    @endslot
                </form>
            @endcomponent

            @include('site.components.meetings-table', ['records' => $records, 'signStatuses' => $signStatuses, 'frontParams' => $frontParams])

            @if (method_exists($records, 'links'))
                <div class="sl-materials-pagination-wrap">
                    @include('site.components.materials-pagination', ['records' => $records])
                </div>
            @endif
        </section>
    </div>
@endsection