@extends('layouts.app')

@section('title', 'Contratos')

@section('content')
<div class="content pt-3">
    <nav class="mb-3" aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Contratos</li>
        </ol>
    </nav>

    <div class="mb-4">
        <!-- Título e botão Adicionar Contrato -->
        <div class="row g-3 mb-4">
            <div class="col-auto">
                <h2 class="mb-0">Contratos</h2>
            </div>
        </div>

        <!-- Filtros -->
        <form method="GET" action="{{ route('contratos.index') }}" id="filterForm" class="d-flex align-items-center flex-wrap mb-4">
            <!-- Registros por página -->
            <div class="me-2 mb-2">
                <select name="per_page" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="10"  {{ request('per_page',10)==10  ? 'selected':'' }}>10</option>
                    <option value="25"  {{ request('per_page',25)==25  ? 'selected':'' }}>25</option>
                    <option value="50"  {{ request('per_page',50)==50  ? 'selected':'' }}>50</option>
                    <option value="100" {{ request('per_page',100)==100?'selected':'' }}>100</option>
                </select>
            </div>

            <!-- Dropdown de Período -->
            <div class="me-2 mb-2">
                <div class="dropdown">
                    <button class="btn btn-secondary btn-sm dropdown-toggle" type="button"
                    id="periodoDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                Período:
                @switch(request('periodo', 'tudo'))
                    @case('hoje')
                        Hoje
                    @break
                    @case('amanha')
                        Amanhã
                    @break
                    @case('proximo_7')
                        Próximo 7 dias
                    @break
                    @case('proximo_15')
                        Próximo 15 dias
                    @break
                    @case('proximo_mes')
                        Próximo mês
                    @break
                    @case('intervalo')
                        Intervalo
                    @break
                    @case('especifico')
                        Específico
                    @break
                    @default
                        Tudo
                @endswitch
            </button>

            @php
            // mantemos todos os parâmetros atuais, menos paginação
            $base = request()->except(['page','periodo','data_inicio','data_fim','data_especifica']);
            $p    = request('periodo','tudo');
        @endphp

        <ul class="dropdown-menu" aria-labelledby="periodoDropdown">
            <li>
                <a class="dropdown-item {{ $p=='hoje' ? 'active' : '' }}"
                href="{{ route('contratos.index', array_merge($base,['periodo'=>'hoje'])) }}">
                 Hoje
                </a>
            </li>
            <!-- ... outras opções ... -->
            <li>
                <a class="dropdown-item {{ $p=='tudo' ? 'active' : '' }}"
                   href="{{ route('contratos.index', array_merge($base,['periodo'=>'tudo'])) }}">
                    Tudo
                </a>
            </li>
                        <li>
                <a class="dropdown-item {{ $p=='amanha' ? 'active' : '' }}"
                   href="{{ route('contratos.index', array_merge($base,['periodo'=>'amanha'])) }}">
                    Amanhã
                </a>
            </li>
            <li>
                <a class="dropdown-item {{ $p=='proximo_7' ? 'active' : '' }}"
                   href="{{ route('contratos.index', array_merge($base,['periodo'=>'proximo_7'])) }}">
                    Próximo 7 dias
                </a>
            </li>
            <li>
                <a class="dropdown-item {{ $p=='proximo_15' ? 'active' : '' }}"
                   href="{{ route('contratos.index', array_merge($base,['periodo'=>'proximo_15'])) }}">
                    Próximo 15 dias
                </a>
            </li>
            <li>
                <a class="dropdown-item {{ $p=='proximo_mes' ? 'active' : '' }}"
                   href="{{ route('contratos.index', array_merge($base,['periodo'=>'proximo_mes'])) }}">
                    Próximo mês
                </a>
            </li>
            <li>
            <a class="dropdown-item {{ $p=='intervalo' ? 'active' : '' }}"
            href="{{ route('contratos.index', array_merge($base,['periodo'=>'intervalo'])) }}">
                Intervalo
            </a>
        </li>
        <li>
            <a class="dropdown-item {{ $p=='especifico' ? 'active' : '' }}"
            href="{{ route('contratos.index', array_merge($base,['periodo'=>'especifico'])) }}">
                Específico
            </a>
        </li>
    </ul>


                    <input type="hidden" name="periodo" id="periodoInput" value="{{ request('periodo','tudo') }}">
                </div>
            </div>

            <!-- Intervalo -->
            <div class="me-2 mb-2" id="periodoIntervaloContainer"
                 style="display: {{ request('periodo')==='intervalo'?'block':'none' }};">
                <div class="d-flex">
                    <input type="date" name="data_inicio" class="form-control form-control-sm me-1"
                           value="{{ request('data_inicio') }}">
                    <input type="date" name="data_fim"    class="form-control form-control-sm me-1"
                           value="{{ request('data_fim') }}">
                    <button type="submit" class="btn btn-primary btn-sm">Aplicar</button>
                </div>
            </div>

            <!-- Específico -->
            <div class="me-2 mb-2" id="periodoEspecificoContainer"
                 style="display: {{ request('periodo')==='especifico'?'block':'none' }};">
                <input type="date" name="data_especifica" class="form-control form-control-sm"
                       value="{{ request('data_especifica') }}">
            </div>

            <!-- Campos ocultos para manter sort_by e sort_order -->
            <input type="hidden" name="sort_by"    value="{{ request('sort_by','data') }}">
            <input type="hidden" name="sort_order" value="{{ request('sort_order','asc') }}">

            <!-- Busca por contrado -->
            <div class="me-2 mb-2">
                <div class="search-box">
                    <input class="form-control search-input"
                           type="search" name="q"
                           placeholder="Buscar contrato"
                           value="{{ request('q') }}">
                    <span class="fa fa-search search-box-icon"></span>
                </div>
            </div>

            <!-- Seleção de coluna para busca -->
            <div class="me-2 mb-2">
                <select name="field" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="all"    {{ request('field','all')=='all'      ? 'selected':'' }}>Todas as colunas</option>
                    <option value="evento" {{ request('field')=='evento'            ? 'selected':'' }}>Evento</option>
                    <option value="data"   {{ request('field')=='data'              ? 'selected':'' }}>Data</option>
                    <option value="cidade" {{ request('field')=='cidade'            ? 'selected':'' }}>Cidade</option>
                    <option value="empresa"{{ request('field')=='empresa'           ? 'selected':'' }}>Empresa</option>
                    <option value="tipo"   {{ request('field')=='tipo'              ? 'selected':'' }}>Tipo</option>
                    <option value="artista"{{ request('field')=='artista'           ? 'selected':'' }}>Artista</option>
                </select>
            </div>
            <div class="me-2 mb-2">
                <button type="button" class="btn btn-primary"
                        onclick="window.location='{{ route('contratos.create') }}'">
                    <i class="fas fa-plus me-2"></i>Adicionar Contrato
                </button>
            </div>

        </form>

        {{-- envolva tudo em um container com data-list --}}
        @php $pp = (int) request('per_page', 10); @endphp
        <div id="contratos"
            data-list='{"valueNames":["id","evento","data","cidade","empresa","tipo","artista"],"page":{{ $pp }},"pagination":true}'>
            <div class="table-responsive">
            <table class="table table-sm fs-9 mb-0">
                <thead class="text-body">
                    <tr>
                        <th class="sort ps-3" data-sort="id" style="min-width:4.5rem;">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'id',
                                    'sort_order'=> request('sort_by')=='id' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}" class="text-body text-decoration-none">
                                #
                                @if(request('sort_by')=='id')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @endif
                            </a>
                        </th>

                        <th class="sort" data-sort="evento">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'evento',
                                    'sort_order'=> request('sort_by')=='evento' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}"  class="text-body text-decoration-none">
                                Evento
                                @if(request('sort_by')=='evento')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @endif
                            </a>
                        </th>

                        <th class="sort" data-sort="data">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'data',
                                    'sort_order'=> request('sort_by')=='data' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}"  class="text-body text-decoration-none">
                                Data
                                @if(request('sort_by')=='data')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @endif
                            </a>
                        </th>

                        <th class="sort" data-sort="cidade">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'cidade',
                                    'sort_order'=> request('sort_by')=='cidade' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}"  class="text-body text-decoration-none">
                                Cidade
                                @if(request('sort_by')=='cidade')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @endif
                            </a>
                        </th>

                        <th class="sort" data-sort="empresa">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'empresa',
                                    'sort_order'=> request('sort_by')=='empresa' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}"  class="text-body text-decoration-none">
                                Empresa
                                @if(request('sort_by')=='empresa')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @else
                                    <i class="fas fa-arrow-down-short-wide ms-1 text-muted"></i>
                                @endif
                            </a>
                        </th>

                        <th class="sort" data-sort="tipo">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'tipo',
                                    'sort_order'=> request('sort_by')=='tipo' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}"  class="text-body text-decoration-none">
                                Tipo
                                @if(request('sort_by')=='tipo')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @endif
                            </a>
                        </th>

                        <th class="sort" data-sort="artista">
                            <a href="{{ request()->fullUrlWithQuery([
                                    'sort_by'=>'artista',
                                    'sort_order'=> request('sort_by')=='artista' && request('sort_order')=='asc' ? 'desc':'asc'
                                ]) }}"  class="text-body text-decoration-none">
                                Artista
                                @if(request('sort_by')=='artista')
                                    <i class="fas fa-arrow-{{ request('sort_order')=='asc' ? 'up':'down' }} ms-1"></i>
                                @endif
                            </a>
                        </th>

                        <th class="text-center" style="width: 150px;">Anexo</th>
                        <th class="text-center" style="width: 150px;">Nota Fiscal</th>
                        <th class="text-end" style="width: 80px;">Ações</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($contratos as $contrato)
                        <tr>
                            <td class="id">{{ $contrato->id }}</td>
                            <td class="evento">{{ $contrato->evento->nome }}</td>
                            @php
                                $raw = $contrato->evento->data;
                                // se vier no formato ISO (YYYY-mm-dd), parseia; senão, assume que já está em d/m/Y
                                if (preg_match('/^\d{4}-\d{2}-\d{2}$/', $raw)) {
                                    $display = \Carbon\Carbon::parse($raw)->format('d/m/Y');
                                } else {
                                    $display = $raw;
                                }
                            @endphp
                            <td class="data">{{ $display }}</td>
                            <td class="cidade">{{ $contrato->evento->cidade }}/{{ $contrato->evento->uf }}</td>
                            <td class="empresa">
                                @foreach($contrato->empresas as $e){{ $e->razao_social }}@if(!$loop->last), @endif @endforeach
                            </td>
                            <td class="tipo">{{ $contrato->modeloContrato->nome ?? 'Não especificado' }}</td>

                            <td class="artista">
                                @if($contrato->artista)
                                    <span title="{{ $contrato->artista->nome_real }}{{ $contrato->artista->nome_artistico ? ' (' . $contrato->artista->nome_artistico . ')' : '' }}">
                                        {{ Str::limit($contrato->artista->nome_real, 20) }}
                                        @if($contrato->artista->nome_artistico)
                                            <br><small class="text-muted">({{ Str::limit($contrato->artista->nome_artistico, 15) }})</small>
                                        @endif
                                    </span>
                                @endif
                            </td>

                            <!-- Coluna para o nome do arquivo anexo -->
                            <td class="text-center align-top" style="max-width: 150px;">
                                @if($contrato->anexo_contrato)
                                    <div class="mb-1">
                                        <a href="#" class="text-primary text-decoration-none d-block"
                                           data-bs-toggle="modal"
                                           data-bs-target="#visualizarAnexoModal-{{ $contrato->id }}"
                                           title="{{ $contrato->anexo_contrato }}">
                                            <i class="fas fa-file-contract me-1"></i>{{ Str::limit($contrato->anexo_contrato, 10, '...') }}
                                        </a>
                                    </div>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>

                            <!-- Coluna para as notas fiscais -->
                            <td class="text-center align-top" style="max-width: 150px;">
                                @if($contrato->notasFiscaisAnexas->count() > 0)
                                    @foreach($contrato->notasFiscaisAnexas as $nota)
                                        <div class="mb-1">
                                            <a href="#" class="text-success text-decoration-none d-block"
                                               data-bs-toggle="modal"
                                               data-bs-target="#visualizarNotaFiscalModal-{{ $nota->id }}"
                                               title="{{ $nota->arquivo }}">
                                                <i class="fas fa-file-invoice me-1"></i>{{ Str::limit($nota->arquivo, 10, '...') }}
                                            </a>
                                        </div>
                                    @endforeach
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>

                            <td class="text-end">
                                <div class="btn-reveal-trigger position-static">
                                    <button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
                                            type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="fas fa-ellipsis-h"></i>
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-end py-2">
                                        <a class="dropdown-item" href="{{ route('contratos.edit', $contrato) }}">
                                            Editar
                                        </a>

                                        @if($contrato->minuta)
                                            <a class="dropdown-item" href="{{ route('contratos.download-pdf', $contrato) }}">
                                                Download PDF
                                            </a>
                                        @endif

                                        @if($contrato->anexo_contrato)
                                            <a class="dropdown-item" href="{{ route('contratos.download-anexo', $contrato) }}">
                                                Download Anexo
                                            </a>
                                        @endif

                                        <!-- Novo item: abre o modal para visualizar o anexo do contrato -->
                                        <a class="dropdown-item" href="#"
                                           data-bs-toggle="modal"
                                           data-bs-target="#anexoModal-{{ $contrato->id }}">
                                            Anexo do Contrato (PDF, DOC, etc.)
                                        </a>

                                        <button class="dropdown-item text-danger" type="button" data-bs-toggle="modal" data-bs-target="#deleteModal">
                                            Excluir
                                        </button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center">Nenhum contrato encontrado.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
            </div> {{-- .table-responsive --}}
        </div> {{-- #contratos --}}


        <!-- Paginação e Registros por Página -->
        <div class="d-flex justify-content-between align-items-center mb-3">
            <form method="GET" action="{{ route('contratos.index') }}" class="d-flex align-items-center">
                <label for="perPage" class="form-label mb-0 me-2">Registros por página:</label>

                {{-- mantém todos os filtros e ordenação --}}
                <input type="hidden" name="q"               value="{{ request('q') }}">
                <input type="hidden" name="periodo"         value="{{ request('periodo','tudo') }}">
                <input type="hidden" name="data_inicio"     value="{{ request('data_inicio') }}">
                <input type="hidden" name="data_fim"        value="{{ request('data_fim') }}">
                <input type="hidden" name="data_especifica" value="{{ request('data_especifica') }}">
                <input type="hidden" name="sort_by"         value="{{ request('sort_by','data') }}">
                <input type="hidden" name="sort_order"      value="{{ request('sort_order','asc') }}">

                <select name="per_page" id="perPage" class="form-select form-select-sm" style="width:auto"
                        onchange="this.form.submit()">
                    <option value="10"  {{ request('per_page',10)==10   ? 'selected':'' }}>10</option>
                    <option value="25"  {{ request('per_page',25)==25   ? 'selected':'' }}>25</option>
                    <option value="50"  {{ request('per_page',50)==50   ? 'selected':'' }}>50</option>
                    <option value="100" {{ request('per_page',100)==100 ? 'selected':'' }}>100</option>
                </select>
            </form>

            <div>
                {{ $contratos->appends(request()->query())->links('vendor.pagination.bootstrap-5') }}
            </div>
        </div>
    </div>
</div>

<!-- Modal de exclusão (exemplo) -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content">
            <form method="POST">
                @csrf
                @method('DELETE')
                <div class="modal-header">
                    <h5 class="modal-title">Excluir Contrato</h5>
                    <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Tem certeza de que deseja excluir este contrato?</p>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary btn-sm" type="button" data-bs-dismiss="modal">Cancelar</button>
                    <button class="btn btn-danger btn-sm" type="submit">Excluir</button>
                </div>
            </form>
        </div>
    </div>
</div>

@foreach($contratos as $contrato)
    <!-- Modal para envio/atualização do Anexo do Contrato -->
    <div class="modal fade" id="anexoModal-{{ $contrato->id }}" tabindex="-1" aria-labelledby="anexoModalLabel-{{ $contrato->id }}" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- Formulário para upload do anexo -->
                <form action="{{ route('contratos.update-anexo', $contrato->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title" id="anexoModalLabel-{{ $contrato->id }}">Anexo do Contrato</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                    </div>
                    <div class="modal-body">
                        @if($contrato->anexo_contrato)
                            <div class="mb-3">
                                <label class="form-label">Arquivo Atual:</label>
                                <div>
                                    <a href="{{ route('contratos.download-anexo', $contrato) }}" target="_blank">
                                        Visualizar / Fazer Download
                                    </a>
                                </div>
                            </div>
                        @else
                            <p>Nenhum anexo disponível para este contrato.</p>
                        @endif

                        <div class="mb-3">
                            <label for="anexo_contrato" class="form-label">Novo Anexo (PDF, DOC, etc.)</label>
                            <input type="file" name="anexo_contrato" id="anexo_contrato" class="form-control">
                            <small class="form-text text-muted">Formatos permitidos: PDF, DOC, DOCX, ODT. Tamanho máximo: 2MB.</small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-primary">Enviar Anexo</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endforeach

{{-- Modais para visualização de anexos de contratos --}}
@foreach($contratos as $contrato)
    @if($contrato->anexo_contrato)
        <div class="modal fade" id="visualizarAnexoModal-{{ $contrato->id }}" tabindex="-1" aria-labelledby="visualizarAnexoModalLabel-{{ $contrato->id }}" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="visualizarAnexoModalLabel-{{ $contrato->id }}">
                            Anexo do Contrato #{{ $contrato->id }} - {{ $contrato->anexo_contrato }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                    </div>
                    <div class="modal-body p-0">
                        <iframe src="{{ route('contratos.visualizar-anexo', $contrato) }}"
                                style="width: 100%; height: 70vh; border: none;"
                                id="anexoFrame-{{ $contrato->id }}">
                            <p>Seu navegador não suporta iframes. <a href="{{ route('contratos.download-anexo', $contrato) }}" target="_blank">Clique aqui para fazer download</a></p>
                        </iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                        <button type="button" class="btn btn-primary" onclick="imprimirAnexo({{ $contrato->id }})">
                            <i class="fas fa-print me-2"></i>Imprimir
                        </button>
                        <a href="{{ route('contratos.download-anexo', $contrato) }}" class="btn btn-success" target="_blank">
                            <i class="fas fa-download me-2"></i>Download
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endforeach

{{-- Modais para visualização de notas fiscais individuais --}}
@foreach($contratos as $contrato)
    @foreach($contrato->notasFiscaisAnexas as $nota)
        <div class="modal fade" id="visualizarNotaFiscalModal-{{ $nota->id }}" tabindex="-1" aria-labelledby="visualizarNotaFiscalModalLabel-{{ $nota->id }}" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="visualizarNotaFiscalModalLabel-{{ $nota->id }}">
                            Nota Fiscal - {{ $nota->arquivo }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                    </div>
                    <div class="modal-body p-0">
                        <iframe src="{{ route('notas-fiscais-anexas.visualizar', $nota) }}"
                                style="width: 100%; height: 70vh; border: none;"
                                id="notaFiscalFrame-{{ $nota->id }}">
                            <p>Seu navegador não suporta iframes. <a href="{{ $nota->url }}" target="_blank">Clique aqui para fazer download</a></p>
                        </iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                        <button type="button" class="btn btn-primary" onclick="imprimirNotaFiscal({{ $nota->id }})">
                            <i class="fas fa-print me-2"></i>Imprimir
                        </button>
                        <a href="{{ $nota->url }}" class="btn btn-success" target="_blank">
                            <i class="fas fa-download me-2"></i>Download
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endforeach

@endsection

@push('scripts-custom')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // 1) Inicializa o List.js
        var contratosList = new List('contratos', {
            valueNames: ['id','evento','data','cidade','empresa','tipo','artista'],
            page: {{ $pp }},
            pagination: true,
            searchClass: 'search-input'
        });

        // 2) Exibe/esconde campos de intervalo/específico conforme o período selecionado
        function updatePeriodFields() {
            var periodo = "{{ request('periodo','tudo') }}";
            var intervalo = document.getElementById('periodoIntervaloContainer');
            var especifico = document.getElementById('periodoEspecificoContainer');

            if (periodo === 'intervalo') {
                intervalo.style.display = 'block';
                especifico.style.display = 'none';
            } else if (periodo === 'especifico') {
                especifico.style.display = 'block';
                intervalo.style.display = 'none';
            } else {
                intervalo.style.display = 'none';
                especifico.style.display = 'none';
            }
        }

        // 3) Submete o formulário ao alterar a data "específica"
        var dataEspecifica = document.querySelector('#periodoEspecificoContainer input[name="data_especifica"]');
        if (dataEspecifica) {
            dataEspecifica.addEventListener('change', function() {
                document.getElementById('filterForm').submit();
            });
        }

        updatePeriodFields();

        // 4) Limpar iframes quando modais são fechados (para economizar recursos)
        document.querySelectorAll('.modal').forEach(function(modal) {
            modal.addEventListener('hidden.bs.modal', function() {
                var iframes = modal.querySelectorAll('iframe');
                iframes.forEach(function(iframe) {
                    var src = iframe.src;
                    iframe.src = 'about:blank';
                    // Recarregar na próxima abertura
                    setTimeout(function() {
                        iframe.src = src;
                    }, 100);
                });
            });
        });
    });

    // Função para imprimir anexo do contrato
    function imprimirAnexo(contratoId) {
        var frame = document.getElementById('anexoFrame-' + contratoId);
        if (frame) {
            try {
                frame.contentWindow.print();
            } catch (e) {
                console.error('Erro ao imprimir anexo:', e);
                alert('Não foi possível imprimir o documento. Tente fazer o download primeiro.');
            }
        }
    }

    // Função para imprimir nota fiscal
    function imprimirNotaFiscal(notaFiscalId) {
        var frame = document.getElementById('notaFiscalFrame-' + notaFiscalId);
        if (frame) {
            try {
                frame.contentWindow.print();
            } catch (e) {
                console.error('Erro ao imprimir nota fiscal:', e);
                alert('Não foi possível imprimir o documento. Tente fazer o download primeiro.');
            }
        }
    }
</script>
@endpush