@extends('layouts.site')

@section('content')
    <div class="hero py-5 text-center text-white"
        style="
            background-color: rgb(24, 142, 188);
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAU0lEQVQIHQXBwRGDIBAAwO2/AMcCDHAcPjIRxjJ8Je1kl1uqUgphsWu6w0sIG6npLpcUBql4e/wsVRKabrkNTacIYbMrwsF06rqUhsnXVKVT+Hj+Ue4rPSONk4kAAAAASUVORK5CYII=);
        ">
        <div class="container py-5">
            <h1 class="display-6 fw-bold text-center">Pesquise qualquer ato na legislação municipal</h1>
            <p class="lead text-center">Digite abaixo ou use os campos da pesquisa avançada</p>
            <form action="{{ route('laws.search') }}" method="GET">
                @csrf
                <div class="row justify-content-center">
                    <div class="col-12 col-md-10">
                        <div class="row g-2 mb-3">
                            <div class="col">
                                <input type="text" name="q" class="form-control form-control-lg"
                                    placeholder="Pesquisa por palavra-chave..." value="{{ request('q') }}">
                            </div>
                            <div class="col-auto">
                                <button type="submit" class="btn btn-primary btn-lg">Pesquisar</button>
                            </div>
                        </div>
                        <div id="advanced-fields">
                            <div class="row g-2">
                                <div class="col-12 col-md-4">
                                    <select name="law_type_id" class="form-control form-control-lg">
                                        <option value="">Tipo do Ato</option>
                                        @foreach ($lawTypes as $lawType)
                                            <option value="{{ $lawType->id }}"
                                                {{ request('law_type_id') == $lawType->id ? 'selected' : '' }}>
                                                {{ $lawType->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12 col-md-4">
                                    <input type="text" name="number" class="form-control form-control-lg"
                                        placeholder="Número do Ato" value="{{ request('number') }}">
                                </div>
                                <div class="col-12 col-md-4">
                                    <input type="text" name="year" class="form-control form-control-lg"
                                        placeholder="Ano do Ato" value="{{ request('year') }}">
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col d-flex align-items-center justify-content-between">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" id="search_ocr" name="search_ocr"
                                            value="1" {{ request('search_ocr') ? 'checked' : '' }}
                                            onchange="document.getElementById('ocr-info').style.display = this.checked ? 'block' : 'none';">
                                        <label class="form-check-label fw-semibold text-white" for="search_ocr">
                                            Buscar no texto OCR
                                        </label>
                                    </div>
                                    <small id="ocr-info" class="text-white-50 ms-3"
                                        style="display: {{ request('search_ocr') ? 'block' : 'none' }}">
                                        Inclui o texto extraído dos PDFs na busca.
                                    </small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="container my-5">
        <h5 class="registryCount"> Foram encontrados <div class="badge text-bg-secondary">{{ $laws->count() }}</div>
            registro(s) nessa página.<br></h5>
        @if ($laws->count() > 0)
            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
                @foreach ($laws as $law)
                    <div class="col">
                        <div class="card h-100 rounded-4 hover-shadow border-0 shadow-sm transition">
                            <div class="card-body d-flex flex-column p-4">
                                <h5 class="card-title text-dark fw-semibold mb-3">
                                    <i class="bi bi-file-earmark-text-fill text-secondary me-2"></i>
                                    {{ $law->full_number ?? "Lei Nº {$law->number}/{$law->year}" }}
                                </h5>
                                <ul class="list-unstyled small text-muted mb-3">
                                    <li><strong>📌 Tipo:</strong> {{ $law->lawType->name ?? '-' }}</li>
                                    <li><strong>📅 Data do Ato:</strong> {{ $law->date_act?->format('d/m/Y') ?? '-' }}</li>
                                    <li><strong>🗓️ Publicado:</strong>
                                        {{ $law->date_publication?->format('d/m/Y') ?? '-' }}</li>
                                </ul>
                                @if ($law->title)
                                    <p class="text-secondary small mb-3">
                                        <i class="bi bi-info-circle-fill me-1"></i>
                                        {{ Str::limit($law->title, 100) }}
                                    </p>
                                @endif
                                @if (request('search_ocr') && $law->pdf_text_ocr)
                                    @php
                                        $ocrMatches = collect(json_decode($law->pdf_text_ocr, true))
                                            ->pluck('text')
                                            ->filter(
                                                fn($txt) => Str::contains(strtolower($txt), strtolower(request('q'))),
                                            )
                                            ->take(3);
                                    @endphp
                                    @if ($ocrMatches->count())
                                        <p class="bg-result small mb-3 rounded px-2 py-1 text-white">
                                            Este resultado foi encontrado no conteúdo extraído dos PDFs (OCR).
                                        </p>
                                        <ul class="list-unstyled small mb-3">
                                            @foreach ($ocrMatches as $match)
                                                <li class="text-dark fw-bold">…{{ Str::limit($match, 100) }}…</li>
                                            @endforeach
                                        </ul>
                                    @endif
                                @elseif(request('search_ocr') && $law->pdf_text)
                                    @php
                                        $pdfMatches = collect(json_decode($law->pdf_text, true))
                                            ->pluck('text')
                                            ->filter(
                                                fn($txt) => Str::contains(strtolower($txt), strtolower(request('q'))),
                                            )
                                            ->take(3);
                                    @endphp
                                    @if ($pdfMatches->count())
                                        <p class="bg-result small mb-3 rounded px-2 py-1 text-white">
                                            Este resultado foi encontrado no conteúdo do PDF.
                                        </p>
                                        <ul class="list-unstyled small mb-3">
                                            @foreach ($pdfMatches as $match)
                                                <li class="text-dark fw-bold">…{{ Str::limit($match, 100) }}…</li>
                                            @endforeach
                                        </ul>
                                    @endif
                                @endif
                                <a href="{{ route('laws.consolidada', $law->id) }}"
                                    class="btn btn-gradient-primary rounded-pill mt-auto">
                                    Ver Detalhes <i class="bi bi-arrow-right-short ms-1"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="d-flex justify-content-center mt-5">
                {{ $laws->links('pagination::bootstrap-5') }}
            </div>
        @else
            <div class="alert alert-warning rounded-4 mt-4 text-center shadow-sm">
                <i class="bi bi-exclamation-triangle-fill me-2"></i>
                Nenhum resultado encontrado para os filtros informados.
            </div>
        @endif
    </div>
    <style>
        /* Versão alternativa com cores personalizadas resultado da busca */
        .btn-gradient-primary {
            background: linear-gradient(135deg, #072936, #0c394aff);
            color: #fff;
            border: none;
            transition: background 0.3s ease;
        }

        .btn-gradient-primary:hover {
            background: linear-gradient(135deg, #072936, #1e5a70ff);
            color: #fff;
        }

        .hover-shadow:hover {
            box-shadow: 0 0 20px rgba(0, 123, 255, 0.15);
            transform: translateY(-3px);
        }

        .transition {
            transition: all 0.3s ease-in-out;
        }

        .bg-result {
            background-color: #072936;
        }

        .registryCount {
            background-color: rgb(24, 142, 188);
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAU0lEQVQIHQXBwRGDIBAAwO2/AMcCDHAcPjIRxjJ8Je1kl1uqUgphsWu6w0sIG6npLpcUBql4e/wsVRKabrkNTacIYbMrwsF06rqUhsnXVKVT+Hj+Ue4rPSONk4kAAAAASUVORK5CYII=);
            color: white;
            padding: 10px;
            padding-left: 30px;
            transition: transform 0.3s, background 0.3s;
        }
    </style>
@endsection