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

@php
    $documentsTabUrl = route('site.materials', array_merge(request()->query(), ['tab' => 'documents', 'front_layout' => 'new']));
    $projectsTabUrl = route('site.materials', array_merge(request()->query(), ['tab' => 'projects', 'front_layout' => 'new']));
    $resetUrl = route('site.materials', ['tab' => $tab, 'front_layout' => 'new']);
    $hasAdvancedFilters = filled(request('start_date')) || filled(request('end_date')) || filled(request('text')) || filled(request('content_ocr')) || filled(request('owner_id_inactive')) || filled(request('assemblyman_inactive')) || filled(request('assemblyman_inactive2')) || filled(request('frase'));
@endphp

@section('site_content')
    <div>
        <section class="sl-materials-surface">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', ['label' => 'Documentos', 'href' => $documentsTabUrl, 'active' => $tab === 'documents'])
                @include('site.components.materials-tab', ['label' => 'Projetos de Lei', 'href' => $projectsTabUrl, 'active' => $tab === 'projects'])
            </div>

            <form method="GET" action="{{ route('site.materials') }}" class="space-y-4" data-materials-search-form>
                <input type="hidden" name="front_layout" value="new">
                <input type="hidden" name="tab" value="{{ $tab }}">
                <input type="hidden" name="start_date" value="{{ request('start_date') }}">
                <input type="hidden" name="end_date" value="{{ request('end_date') }}">
                <input type="hidden" name="text" value="{{ request('text') }}">
                <input type="hidden" name="frase" value="{{ request('frase') ? '1' : '' }}">
                <input type="hidden" name="content_ocr" value="{{ request('content_ocr') }}">
                <input type="hidden" name="owner_id_inactive" value="{{ request('owner_id_inactive') }}">
                <input type="hidden" name="assemblyman_inactive" value="{{ request('assemblyman_inactive') ? '1' : '' }}">
                <input type="hidden" name="assemblyman_inactive2" value="{{ request('assemblyman_inactive2') ? '1' : '' }}">

                <div class="sl-materials-toolbar">
                    <div class="sl-materials-filters sl-materials-filters--materials">
                        @include('site.components.materials-filter-field', [
                            'id' => 'owner_id',
                            'label' => 'Responsável',
                            'name' => 'owner_id',
                            'type' => 'select',
                            'options' => $assemblymensList,
                            'value' => request('owner_id'),
                        ])

                        @include('site.components.materials-filter-field', [
                            'id' => 'type',
                            'label' => $tab === 'documents' ? 'Tipo Documento' : 'Tipo Projeto',
                            'name' => 'type',
                            'type' => 'select',
                            'options' => $tab === 'documents' ? $documentTypes : $lawsTypes,
                            'value' => request('type'),
                        ])

                        @include('site.components.materials-filter-field', [
                            'id' => 'number',
                            'label' => 'Número',
                            'name' => 'number',
                            'value' => request('number'),
                            'placeholder' => 'Ex.: 29',
                        ])

                        @include('site.components.materials-filter-field', [
                            'id' => 'year',
                            'label' => 'Ano',
                            'name' => 'year',
                            'value' => request('year'),
                            'placeholder' => 'Ex.: 2026',
                        ])
                    </div>

                    <div class="sl-materials-toolbar__actions">
                        <button type="button" class="sl-materials-button is-light" data-modal-open="materials-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' => 'materials-advanced-filters',
                'title' => 'Filtro de busca avançada',
                'panelClass' => 'sl-modal__dialog--narrow sl-modal__dialog--filters',
            ])
                <form method="GET" action="{{ route('site.materials') }}" class="space-y-4 sl-advanced-filters-form" data-materials-advanced-form id="materials-advanced-form">
                    <input type="hidden" name="front_layout" value="new">
                    <input type="hidden" name="tab" value="{{ $tab }}">
                    <input type="hidden" name="type" value="{{ request('type') }}">
                    <input type="hidden" name="number" value="{{ request('number') }}">
                    <input type="hidden" name="year" value="{{ request('year') }}">

                    <div class="sl-advanced-search-grid">
                        <label class="sl-checkbox-field">
                            <input type="checkbox" name="{{ $tab === 'documents' ? 'assemblyman_inactive' : 'assemblyman_inactive2' }}" value="1" data-materials-inactive-toggle>
                            <span>
                                <strong>Inativos</strong>
                                <small>Buscar parlamentares inativos</small>
                            </span>
                        </label>

                        <label class="sl-checkbox-field">
                            <input type="checkbox" name="frase" value="1" data-materials-phrase-toggle @checked(request('frase'))>
                            <span>
                                <strong>Frase completa</strong>
                                <small>{{ $tab === 'documents' ? 'Pesquisa exata e ativa apoio por OCR nos anexos' : 'Pesquisa exata no texto do projeto' }}</small>
                            </span>
                        </label>
                    </div>

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

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

                    <div class="sl-materials-filter-field">
                        <label for="owner_id_modal">Responsável ativo</label>
                        <select id="owner_id_modal" name="owner_id" class="sl-materials-control">
                            @foreach ($assemblymensList as $optionValue => $optionLabel)
                                <option value="{{ $optionValue }}" @selected((string) $optionValue === (string) request('owner_id'))>{{ $optionLabel }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="sl-materials-filter-field" data-materials-inactive-owner hidden style="display: none;">
                        <label for="owner_id_inactive">Responsável inativo</label>
                        <select id="owner_id_inactive" name="owner_id_inactive" class="sl-materials-control" disabled>
                            @foreach ($assemblymensListInactive as $optionValue => $optionLabel)
                                <option value="{{ $optionValue }}" @selected((string) $optionValue === (string) request('owner_id_inactive'))>{{ $optionLabel }}</option>
                            @endforeach
                        </select>
                    </div>

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

                    @if (\App\Models\Module::isActive('GED') && $tab === 'documents')
                        <div class="sl-materials-filter-field" data-materials-ocr-field @if (!request('frase') && !request('content_ocr')) hidden style="display: none;" @endif>
                            <label for="content_ocr">Que contenha (texto) OCR:</label>
                            <input id="content_ocr" type="text" name="content_ocr" value="{{ request('content_ocr') }}" class="sl-materials-control" placeholder="Buscar dentro dos anexos com OCR">
                        </div>
                    @endif

                    @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="materials-advanced-form">Aplicar filtros</button>
                    @endslot
                </form>
            @endcomponent

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

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