@extends('layouts.publicador.novo_padrao')

@section('content')

    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <linK rel="stylesheet" href="{{ asset('css/publicador.css') }}">

    <div class="container">
        <div class="content-wrapper">

            <div class="content-header">
                <h4 class="mb-4">
                    @choice('labels.projetos', 0)
                    <small class="text-muted">@lang('labels.acoes.pesquisar')</small>
                </h4>
            </div>

            <div class="content-wrapper">
                <div class="filter-wrapper">
                    {{ html()->form('GET')->novalidate()->route('publicador.geracao.projetos.pesquisar')->attribute('id', 'formPesquisa')->class(['form my-2 mb-4'])->open() }}
                    <div class="row">

                        {{-- NOME --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="nome" class="form-label">Nome</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-person"></i>
                                        </span>
                                    </div>
                                    {{ html()->text('nome', \Request::query('nome'))->class(['form-control border-left-0'])->placeholder(__('labels.nome')) }}
                                </div>
                            </div>
                        </div>

                        {{-- PROFESSOR --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="professor" class="form-label">Professor</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-person"></i>
                                        </span>
                                    </div>
                                    {{ html()->text('professor', \Request::query('professor'))->class(['form-control border-left-0'])->placeholder(__('labels.professor')) }}
                                </div>
                            </div>
                        </div>

                        {{-- CIDADE --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="cidade" class="form-label">Cidade</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-geo-alt"></i>
                                        </span>
                                    </div>
                                    {{ html()->text('cidade', \Request::query('cidade'))->class(['form-control border-left-0'])->placeholder(__('labels.cidade')) }}
                                </div>
                            </div>
                        </div>

                        {{-- NÚCLEO REGIONAL --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="nucleo" class="form-label">Núcleo Regional</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-building"></i>
                                        </span>
                                    </div>
                                    {{ html()->text('nucleo', \Request::query('nucleo'))->class(['form-control border-left-0'])->placeholder(__('Núcleo Regional')) }}
                                </div>
                            </div>
                        </div>

                        {{-- EMAIL --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="email" class="form-label">E-mail</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-envelope"></i>
                                        </span>
                                    </div>
                                    {{ html()->email('email', \Request::query('email'))->class(['form-control border-left-0'])->placeholder(__('labels.email')) }}
                                </div>
                            </div>
                        </div>

                        {{-- ESCOLA --}}
                        <div class="col-3">
                            <div class="form-group">
                                <label for="escola" class="form-label">Escola</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-journal"></i>
                                        </span>
                                    </div>
                                    {{ html()->text('escola', \Request::query('escola'))->class(['form-control border-left-0'])->placeholder(__('labels.escola')) }}
                                </div>
                            </div>
                        </div>

                        {{-- DATA DE CADASTRO (DE) --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="data_cadastro_de" class="form-label">Data de Cadastro (De)</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-calendar"></i>
                                        </span>
                                    </div>
                                    {{ html()->date('data_cadastro_de', \Request::query('data_cadastro_de'))->class(['form-control border-left-0 data-hora'])->placeholder(sprintf('%s %s', __('labels.created_at'), __('labels.de'))) }}
                                </div>
                            </div>
                        </div>

                        {{-- DATA DE CADASTRO (ATÉ) --}}
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="data_cadastro_ate" class="form-label">Data de Cadastro (Até)</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="bi bi-calendar"></i>
                                        </span>
                                    </div>
                                    {{ html()->date('data_cadastro_ate', \Request::query('data_cadastro_ate'))->class(['form-control border-left-0 data-hora'])->placeholder(sprintf('%s %s', __('labels.created_at'), __('labels.de'))) }}
                                </div>
                            </div>
                        </div>

                        <div class="col-6 text-left">
                            <a class="btn btn-sm btn-success mb-3"
                                href="{{ route('publicador.geracao.projetos.index') }}">Limpar</a>
                        </div>
                        <div class="col-6 text-right">
                            {{ html()->submit(__('labels.acoes.pesquisar'))->class(['btn btn-sm btn-primary mb-3']) }}
                        </div>

                    </div>
                    {{ html()->form()->close() }}
                </div>
            </div>

            @if (session('status-success'))
                <div class="alert alert-success text-center" role="alert">
                    {{ session('status-success') }}
                </div>
            @endif

            @if (session('status-error'))
                <div class="alert alert-danger text-center" role="alert">
                    {{ session('status-error') }}
                </div>
            @endif

            @include('layouts.publicador.aviso_paginacao')

            {{-- TODO - Maat Excel requires php-GD
             <div class="col-12 text-right paddin">
                <button type="button" class="btn btn-success btn-sm"
                 onclick="exportarComFiltros()"
                    title="Exportar com filtros aplicados">
                    <i class="fas fa-download"></i> Exportar
                </button>
            </div> --}}

            @unless ($lista->isEmpty())
                <table class="table table-sm table-striped table-bordered table-hover">
                    <thead class="thead-default">
                        <tr>
                            <th>@lang('labels.cidade')</th>
                            <th class="d-none d-sm-table-cell" nowrap>@lang('labels.nucleo_regional')</th>
                            <th class="d-none d-sm-table-cell">@lang('labels.escola')</th>
                            <th>@lang('labels.nome')</th>
                            <th class="d-none d-sm-table-cell">@lang('labels.ementa')</th>
                            <th class="d-none d-sm-table-cell">@lang('labels.data_cadastro')</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($lista as $item)
                            <tr>
                                <td>{{ $item->cidade }}</td>
                                <td class="d-none d-sm-table-cell">{{ $item->nucleo_regional }}</td>
                                <td class="d-none d-sm-table-cell">{{ $item->escola }}</td>
                                <td class="w-25"><a
                                        href="{{ route('publicador.geracao.projetos.editar', ['id' => $item->id]) }}">{{ $item->nome }}</a>
                                </td>
                                <td class="d-none d-sm-table-cell">{{ strip_tags($item->ementa) }}</td>
                                <td class="d-none d-sm-table-cell" nowrap>
                                    {{ \Carbon\Carbon::parse($item->created_at)->format('d/m/Y H:i') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <div class="alert alert-info text-center">
                    <h5>Nenhum projeto encontrado</h5>
                    <p class="mb-0">Tente ajustar os filtros de pesquisa ou
                        <a href="{{ route('publicador.geracao.projetos.index') }}">limpe os filtros</a> para ver todos os
                        projetos.
                    </p>
                </div>
            @endunless

            @include('layouts.publicador.paginacao')
        </div>
    </div>

    <script>
        function exportarComFiltros() {
            // Criar URL de exportação com os parâmetros atuais
            const form = document.getElementById('formPesquisa');
            const formData = new FormData(form);
            const params = new URLSearchParams(formData);

            // Remover parâmetros vazios
            for (let [key, value] of params.entries()) {
                if (!value || value.trim() === '') {
                    params.delete(key);
                }
            }

            // Construir URL de exportação
            const baseUrl = '{!! route('publicador.geracao.projetos.exportar') !!}';
            const urlCompleta = params.toString() ? baseUrl + '?' + params.toString() : baseUrl;

            // Abrir em nova aba para download
            window.open(urlCompleta, '_blank');
        }

        // Adicionar funcionalidade de exportar com Enter no formulário
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('formPesquisa');
            if (form) {
                form.addEventListener('keydown', function(e) {
                    if (e.ctrlKey && e.key === 'e') {
                        e.preventDefault();
                        exportarComFiltros();
                    }
                });
            }
        });
    </script>

    <style>
        .paddin {
            padding: 0 0 1rem 0;
        }

        .filter-wrapper {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 0.375rem;
            padding: 1rem;
            margin-bottom: 1rem;
        }

        .content-header h4 {
            color: #495057;
            font-weight: 600;
        }

        .btn-success:hover {
            transform: translateY(-1px);
            transition: all 0.2s ease;
        }

        .table th {
            background-color: #004071;
            color: white;
            border-color: #004071;
        }

        .alert-info {
            border-left: 4px solid #17a2b8;
        }
    </style>
@endsection