@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">
                    {!! Form::open([
                        'route' => ['publicador.geracao.projetos.pesquisar'],
                        'method' => 'GET',
                        'class' => 'form my-2 mb-4',
                        'novalidate' => true,
                        'id' => 'formPesquisa',
                    ]) !!}
                    <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>
                                    {{ Form::text('nome', \Request::query('nome'), ['class' => 'form-control border-left-0', 'placeholder' => __('labels.nome'), 'id' => '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>
                                    {{ Form::text('professor', \Request::query('professor'), ['class' => 'form-control border-left-0', 'placeholder' => __('labels.professor'), 'id' => '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>
                                    {{ Form::text('cidade', \Request::query('cidade'), ['class' => 'form-control border-left-0', 'placeholder' => __('labels.cidade'), 'id' => '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>
                                    {{ Form::text('nucleo', \Request::query('nucleo'), ['class' => 'form-control border-left-0', 'placeholder' => __('Núcleo Regional'), 'id' => 'nucleo']) }}
                                </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>
                                    {{ Form::email('email', \Request::query('email'), ['class' => 'form-control border-left-0', 'placeholder' => __('labels.email'), 'id' => '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>
                                    {{ Form::text('escola', \Request::query('escola'), ['class' => 'form-control border-left-0', 'placeholder' => __('labels.escola'), 'id' => '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>
                                    {{ Form::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')), 'id' => 'data_cadastro_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>
                                    {{ Form::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.ate')), 'id' => 'data_cadastro_ate']) }}
                                </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">
                            {{ Form::submit(__('labels.acoes.pesquisar'), ['class' => 'btn btn-sm btn-primary mb-3']) }}
                        </div>

                    </div>
                    {!! 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')

            <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