@extends('layouts.digitar')

@section('Breadcrumbs')
    {!! Breadcrumbs::render('documents.list') !!}
@endsection

@section('content')
    <style>
        .docs-elim-page {
            color: #23344d;
        }

        .docs-elim-panel {
            padding: 18px;
            margin-bottom: 18px;
        }

        .docs-elim-panel__header {
            margin-bottom: 14px;
        }

        .docs-elim-panel__header h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 700;
            color: #34495e;
        }

        .docs-elim-panel__header p {
            margin: 4px 0 0;
            color: #7f8c8d;
        }

        .docs-elim-toolbar {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .docs-elim-panel__header .docs-elim-toolbar {
            margin-top: 10px;
        }

        .docs-elim-selection-note {
            margin: 0 0 14px;
            padding: 10px 14px;
            border: 1px solid #bcdff1;
            background: #eef8fd;
            color: #31708f;
            border-radius: 4px;
        }

        .docs-elim-filters .select2-container {
            width: 100% !important;
        }

        .docs-elim-filters .select2-container .select2-selection--single,
        .docs-elim-filters .select2-container .select2-selection--multiple {
            min-height: 34px;
            border: 1px solid #ccc;
            border-radius: 2px;
            padding-top: 2px;
        }

        .docs-elim-filters .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 30px;
            padding-left: 12px;
        }

        .docs-elim-filters .select2-container .select2-selection--single .select2-selection__arrow {
            height: 32px;
        }

        .docs-elim-filters .select2-container .select2-selection--multiple {
            padding-left: 6px;
            padding-right: 6px;
        }

        .docs-elim-filters .select2-container .select2-search--inline .select2-search__field {
            margin-top: 4px;
        }

        .docs-elim-table-wrap {
            overflow-x: auto;
            border: 1px solid #dfe6ed;
        }

        .docs-elim-table {
            width: 100%;
            margin: 0;
            background: #fff;
        }

        .docs-elim-table > thead > tr > th {
            border-top: 0 !important;
            border-bottom: 1px solid #dfe6ed !important;
            background: #fbfbfb;
            color: #34495e;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            white-space: nowrap;
            padding: 14px 14px;
        }

        .docs-elim-table > tbody > tr > td {
            vertical-align: middle !important;
            padding: 14px 14px;
            border-top: 0 !important;
            border-bottom: 1px solid #edf1f5 !important;
        }

        .docs-elim-table > tbody > tr:last-child > td {
            border-bottom: 0 !important;
        }

        .docs-elim-muted {
            color: #7f8c8d;
        }

        .docs-elim-chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 10px;
            border-radius: 999px;
            background: #eef6ff;
            color: #337ab7;
            font-size: 12px;
            font-weight: 700;
            margin: 2px 6px 2px 0;
        }

        .docs-elim-chip--warning {
            background: #fcf8e3;
            color: #8a6d3b;
        }

        .docs-elim-badge {
            display: inline-flex;
            align-items: center;
            padding: 4px 9px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

        .docs-elim-badge--danger {
            background: #f2dede;
            color: #a94442;
        }

        .docs-elim-badge--success {
            background: #dff0d8;
            color: #3c763d;
        }

        .docs-elim-empty {
            text-align: center;
            padding: 42px 20px;
            color: #7f8c8d;
        }

        .docs-elim-empty i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 66px;
            height: 66px;
            border-radius: 20px;
            background: #f5f5f5;
            color: #95a5a6;
            font-size: 28px;
            margin-bottom: 14px;
        }

        .docs-elim-modal .modal-dialog {
            width: min(1120px, calc(100vw - 24px));
            margin: 20px auto;
        }

        .docs-elim-modal .modal-content {
            overflow: hidden;
            max-height: calc(100vh - 40px);
            display: flex;
            flex-direction: column;
        }

        .docs-elim-modal .modal-header {
            background: #f5f5f5;
            border-bottom: 1px solid #e5e5e5;
        }

        .docs-elim-modal .modal-title {
            font-weight: 700;
            color: #34495e;
        }

        .docs-elim-modal .modal-body {
            padding: 22px;
            overflow-y: auto;
            max-height: calc(100vh - 140px);
        }

        .docs-elim-modal .detail-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .docs-elim-modal .detail-box {
            background: #fbfcfe;
            border: 1px solid #e7edf6;
            border-radius: 14px;
            padding: 14px;
            min-height: 82px;
        }

        .docs-elim-modal .detail-box h5 {
            margin: 0 0 8px;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .08em;
            color: #7a8ba4;
            font-weight: 800;
        }

        .docs-elim-modal .detail-box p,
        .docs-elim-modal .detail-box li {
            margin: 0;
            color: #2d3e57;
            line-height: 1.6;
        }

        .docs-elim-modal .detail-box ul {
            margin: 0;
            padding-left: 18px;
        }

        @media (max-width: 992px) {
            .docs-elim-modal .detail-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>

    @php
        $selectedDocumentTypes = (array) request('document_type_id', []);
        $selectedDocumentTypeIds = is_array($selectedDocumentTypes) ? $selectedDocumentTypes : [$selectedDocumentTypes];
    @endphp

    <div class="docs-elim-page">
        <div class="the-box rounded docs-elim-panel">
            <div class="docs-elim-panel__header">
                <div>
                    <h3>Documentos descarte</h3>
                </div>
            </div>

            <form method="GET" action="{{ route('documents.eliminated.index') }}" class="docs-elim-filters">
                <input type="hidden" name="search" value="1">
                <input type="hidden" name="has-filter" value="true">
                <div class="row">
                    <div class="form-group col-md-2">
                        {!! Form::label('start_date', 'De:') !!}
                        {!! Form::date('start_date', request('start_date'), ['class' => 'form-control']) !!}
                    </div>
                    <div class="form-group col-md-2">
                        {!! Form::label('end_date', 'Até:') !!}
                        {!! Form::date('end_date', request('end_date'), ['class' => 'form-control']) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('document_type_id', 'Tipo de documentos') !!}
                        {!! Form::select('document_type_id[]', $documentTypes->toArray(), $selectedDocumentTypeIds, [
                            'class' => 'form-control document-type-select2',
                            'id' => 'document-type-select2',
                            'multiple',
                            'style' => 'width:100%;',
                            'data-placeholder' => 'Selecione ...',
                        ]) !!}
                    </div>
                    <div class="form-group col-md-2">
                        {!! Form::label('box_id', 'Caixa') !!}
                        {!! Form::select('box_id', $boxes->prepend('Selecione ...', ''), request('box_id'), [
                            'class' => 'form-control docs-elim-select2',
                            'style' => 'width:100%;',
                            'data-placeholder' => 'Selecione ...',
                        ]) !!}
                    </div>
                    <div class="form-group col-md-2">
                        {!! Form::label('shelf_id', 'Prateleira') !!}
                        {!! Form::select('shelf_id', $shelfs->prepend('Selecione ...', ''), request('shelf_id'), [
                            'class' => 'form-control docs-elim-select2',
                            'style' => 'width:100%;',
                            'data-placeholder' => 'Selecione ...',
                        ]) !!}
                    </div>
                    <div class="clearfix hidden-sm hidden-xs"></div>
                    <div class="form-group col-md-3">
                        {!! Form::label('local_id', 'Local') !!}
                        {!! Form::select('local_id', $locals->prepend('Selecione ...', ''), request('local_id'), [
                            'class' => 'form-control docs-elim-select2',
                            'style' => 'width:100%;',
                            'data-placeholder' => 'Selecione ...',
                        ]) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('final_disposal', 'Destinação final do PDF') !!}
                        {!! Form::select(
                            'final_disposal',
                            [
                                '' => 'Selecione ...',
                                'Corrente' => 'Corrente',
                                'Intermediário' => 'Intermediário',
                                'Permanente' => 'Permanente',
                                'Eliminar' => 'Eliminar',
                            ],
                            request('final_disposal', 'Eliminar'),
                            [
                                'class' => 'form-control',
                                'style' => 'width:100%;',
                                'data-placeholder' => 'Selecione ...',
                            ],
                        ) !!}
                    </div>
                    <div class="form-group col-md-4">
                        <label>&nbsp;</label>
                        <div class="checkbox" style="margin-top: 7px;">
                            <label>
                                {!! Form::checkbox('only_disposable', 1, request()->boolean('only_disposable', true)) !!}
                                Somente elimináveis (prazo vencido)
                            </label>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-group col-md-3">
                        <div class="docs-elim-toolbar">
                            <button type="submit" class="btn btn-block btn-primary">
                                <i class="fa fa-search"></i> Buscar documentos para descarte
                            </button>
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <div class="docs-elim-toolbar">
                            <button type="submit" class="btn btn-block btn-success"
                                formaction="{{ url('/generate/pdf/temporality') }}" formtarget="_blank">
                                <i class="fa fa-file-pdf-o"></i> Gerar PDF temporariedade
                            </button>
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <div class="docs-elim-toolbar">
                            <button type="submit" class="btn btn-block btn-success"
                                formaction="{{ url('/generate/pdf/temporality/discard') }}" formtarget="_blank">
                                <i class="fa fa-file-pdf-o"></i> Gerar PDF descarte
                            </button>
                        </div>
                    </div>
                    <div class="form-group col-md-3">
                        <div class="docs-elim-toolbar">
                            <a href="{{ route('documents.eliminated.index') }}" class="btn btn-block btn-warning">
                                <i class="fa fa-undo"></i> Limpar
                            </a>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        @if ($showResults)
            <div class="the-box rounded docs-elim-panel">
                <div class="docs-elim-panel__header">
                    <div>
                        <h3>Documentos elegíveis para eliminação</h3>
                    </div>
                    <div class="docs-elim-toolbar">
                        <button type="button" class="btn btn-default" id="toggle-all-documents">
                            <i class="fa fa-check-square-o"></i> Selecionar todos
                        </button>
                        <button type="button" class="btn btn-success" id="batch-delete-button" data-toggle="modal" data-target="#batchDeleteModal" disabled>
                            <i class="fa fa-trash"></i> Eliminar so selecionados
                        </button>
                    </div>
                </div>

                <form id="batch-elimination-form" method="POST" action="{{ route('documents.eliminated.store') }}">
                    @csrf
                    <input type="hidden" name="select_all_results" id="select-all-results" value="0">
                    <input type="hidden" name="start_date" value="{{ request('start_date') }}">
                    <input type="hidden" name="end_date" value="{{ request('end_date') }}">
                    <input type="hidden" name="box_id" value="{{ request('box_id') }}">
                    <input type="hidden" name="shelf_id" value="{{ request('shelf_id') }}">
                    <input type="hidden" name="local_id" value="{{ request('local_id') }}">
                    <input type="hidden" name="only_disposable" value="{{ request()->boolean('only_disposable', true) ? 1 : 0 }}">
                    @foreach ($selectedDocumentTypeIds as $documentTypeId)
                        <input type="hidden" name="document_type_id[]" value="{{ $documentTypeId }}">
                    @endforeach

                    <div class="docs-elim-toolbar" style="margin-bottom: 14px;">
                        <button type="button" class="btn btn-default" id="select-all-results-button">
                            <i class="fa fa-list"></i> Selecionar todos os {{ $eligibleDocuments->total() }} resultados
                        </button>
                    </div>

                    <div class="docs-elim-selection-note" id="select-all-results-note" style="display:none;">
                        Todos os {{ $eligibleDocuments->total() }} resultados da busca serão considerados na eliminação.
                    </div>

                    <div class="docs-elim-table-wrap">
                        <table class="table docs-elim-table table-hover">
                            <thead>
                                <tr>
                                    <th width="40">
                                        <input type="checkbox" id="check-all-documents">
                                    </th>
                                    <th>Número</th>
                                    <th>Tipo</th>
                                    <th>Caixa / Local</th>
                                    <th>Prazo</th>
                                    <th>Resumo</th>
                                    <th width="80">Olho</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($eligibleDocuments as $document)
                                    @php
                                        $rawDate = !empty($document->date) ? \Carbon\Carbon::parse($document->date) : null;
                                        $formattedDate = $rawDate ? $rawDate->format('d/m/Y') : 'Sem data';
                                        $year = $rawDate ? $rawDate->format('Y') : null;
                                        $originNumber = !is_null($document->number) && $document->number !== '' ? $document->number : 'S/N' . ($year ? '/' . $year : '');
                                        $limitDate = !empty($document->data_limite_descarte) ? \Carbon\Carbon::parse($document->data_limite_descarte)->format('d/m/Y') : 'Sem prazo';
                                        $resume = strip_tags((string) $document->resume);
                                        $resume = preg_replace('/\s+/', ' ', trim($resume));
                                        $resumePreview = \Illuminate\Support\Str::limit($resume, 120);
                                        $documentPayload = [
                                            'id' => $document->document_id,
                                            'number' => $originNumber,
                                            'type' => $document->tipo_documento,
                                            'date' => $formattedDate,
                                            'resume' => $document->resume,
                                            'boxes' => $document->caixas,
                                            'locals' => $document->locais,
                                            'retention_period' => $document->ano,
                                            'final_disposal' => $document->destinacao_final,
                                            'observacao' => $document->observacao,
                                            'limit_date' => $limitDate,
                                            'sector' => $document->nome_do_setor,
                                        ];
                                    @endphp
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="document_ids[]" value="{{ $document->document_id }}" class="document-check">
                                        </td>
                                        <td>
                                            <div class="docs-elim-muted">{{ $formattedDate }}</div>
                                            <strong>{{ $originNumber }}</strong>
                                        </td>
                                        <td>
                                            <strong>{{ $document->tipo_documento }}</strong>
                                            <div class="docs-elim-muted">{{ $document->nome_do_setor }}</div>
                                        </td>
                                        <td>
                                            <div>
                                                @if (!empty($document->caixas))
                                                    @foreach (explode(', ', $document->caixas) as $boxLabel)
                                                        <span class="docs-elim-chip">{{ $boxLabel }}</span>
                                                    @endforeach
                                                @else
                                                    <span class="docs-elim-chip docs-elim-chip--warning">Sem caixa</span>
                                                @endif
                                            </div>
                                            <div class="docs-elim-muted" style="margin-top: 6px;">
                                                {{ $document->locais ?: 'Sem local' }}
                                            </div>
                                        </td>
                                        <td>
                                            <span class="docs-elim-badge docs-elim-badge--danger">Limite {{ $limitDate }}</span>
                                            <div class="docs-elim-muted" style="margin-top: 6px;">
                                                Retenção: {{ $document->ano ?? 'N/A' }} ano(s)
                                            </div>
                                        </td>
                                        <td>
                                            <div>{{ $resumePreview }}</div>
                                        </td>
                                        <td>
                                            <button type="button"
                                                class="btn btn-primary btn-xs js-review-document"
                                                data-toggle="modal"
                                                data-target="#documentReviewModal"
                                                data-document='@json($documentPayload)'>
                                                <i class="fa fa-eye"></i>
                                            </button>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7">
                                            <div class="docs-elim-empty">
                                                <i class="fa fa-inbox"></i>
                                                <h4>Nenhum documento elegível encontrado</h4>
                                                <p>Altere os filtros acima para localizar documentos prontos para eliminação.</p>
                                            </div>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="clearfix" style="margin-top: 14px;"></div>
                    {{ $eligibleDocuments->links() }}

                    <div class="modal fade docs-elim-modal" id="batchDeleteModal" tabindex="-1" role="dialog" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <h4 class="modal-title">Confirmar eliminacao dos selecionados</h4>
                            </div>
                            <div class="modal-body">
                                <p>
                                    Selecione os documentos na tabela e informe uma justificativa curta. O lote sera gravado
                                    para permitir a restauracao posterior.
                                </p>
                                <div class="form-group">
                                    {!! Form::label('reason', 'Justificativa / observação') !!}
                                    {!! Form::textarea('reason', null, [
                                        'class' => 'form-control',
                                        'rows' => 4,
                                        'placeholder' => 'Ex.: lote autorizado pelo setor responsável',
                                    ]) !!}
                                </div>
                                <div class="alert alert-warning" style="margin-bottom: 0;">
                                    <i class="fa fa-info-circle"></i> Os documentos em uso em pauta serão ignorados automaticamente.
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-danger">
                                    <i class="fa fa-trash"></i> Eliminar selecionados
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        @else
            <div class="the-box rounded docs-elim-panel">
                <div class="docs-elim-empty">
                    <i class="fa fa-search"></i>
                    <h4>Buscar documentos para descarte</h4>
                    <p>
                        Preencha os filtros acima e clique em <strong>Buscar documentos para descarte</strong> para montar a lista
                        de documentos elegíveis. A eliminação em lote só aparece depois da pesquisa.
                    </p>
                </div>
            </div>
        @endif

        <div class="the-box rounded docs-elim-panel">
                <div class="docs-elim-panel__header">
                    <div>
                        <h3>Lotes eliminados</h3>
                    </div>
                </div>

            <div class="docs-elim-table-wrap">
                <table class="table docs-elim-table table-hover">
                    <thead>
                        <tr>
                            <th>Lote</th>
                            <th>Qtd.</th>
                            <th>Eliminado por</th>
                            <th>Estado</th>
                            <th>Itens</th>
                            <th width="160">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                            @forelse ($batches as $batch)
                                @php
                                    $batchItemsPayload = $batch->items->map(function ($item) {
                                        $snapshot = $item->snapshot ?? [];
                                        $rawDocument = $snapshot['document'] ?? [];
                                        $rawNumber = $rawDocument['number'] ?? null;
                                        $rawType = $rawDocument['document_type_name'] ?? null;
                                        $rawDate = $rawDocument['date'] ?? null;
                                        $label = $rawNumber ?: ('Documento #' . $item->document_id);

                                        if (!$rawNumber && $item->document && method_exists($item->document, 'getName')) {
                                            $fallbackName = trim((string) optional($item->document)->getName());
                                            if ($fallbackName !== '') {
                                                $label = $fallbackName;
                                            }
                                        }

                                        return [
                                            'id' => $item->id,
                                            'document_id' => $item->document_id,
                                            'label' => $label,
                                            'type' => $rawType ?? optional(optional($item->document)->document_type)->name,
                                            'date' => !empty($rawDate) ? \Carbon\Carbon::parse($rawDate)->format('d/m/Y') : null,
                                            'limit_date' => $snapshot['temporality']['data_limite_descarte'] ?? null,
                                            'boxes' => $snapshot['boxes'] ?? [],
                                            'storages' => $snapshot['storages'] ?? [],
                                            'files' => $snapshot['files'] ?? [],
                                            'resume' => $rawDocument['resume'] ?? optional($item->document)->resume,
                                        ];
                                    })->values()->all();
                                @endphp
                            <tr>
                                <td>
                                    <strong>{{ $batch->batch_code }}</strong>
                                    <div class="docs-elim-muted">{{ optional($batch->created_at)->format('d/m/Y H:i') }}</div>
                                </td>
                                <td>{{ $batch->document_count }}</td>
                                <td>
                                    {{ optional($batch->deletedByUser)->name ?? 'Sistema' }}
                                    <div class="docs-elim-muted">{{ $batch->reason ?: 'Sem observação' }}</div>
                                </td>
                                <td>
                                    @if ($batch->status === 'restaurado')
                                        <span class="docs-elim-badge docs-elim-badge--success">Restaurado</span>
                                    @else
                                        <span class="docs-elim-badge docs-elim-badge--danger">Eliminado</span>
                                    @endif
                                    @if ($batch->restored_at)
                                        <div class="docs-elim-muted" style="margin-top: 6px;">
                                            Restaurado em {{ $batch->restored_at->format('d/m/Y H:i') }}
                                        </div>
                                    @endif
                                </td>
                                <td>
                                    <button type="button"
                                        class="btn btn-primary btn-xs js-open-batch"
                                        data-toggle="modal"
                                        data-target="#batchItemsModal"
                                        data-items='@json($batchItemsPayload)'>
                                        <i class="fa fa-eye"></i> Ver
                                    </button>
                                </td>
                                <td>
                                    @if ($batch->status !== 'restaurado')
                                        <form action="{{ route('documents.eliminated.restore', $batch->id) }}" method="POST" style="display:inline;">
                                            @csrf
                                            <button type="submit" class="btn btn-success btn-xs" onclick="return confirm('Tem certeza que deseja restaurar este lote?')">
                                                <i class="fa fa-undo"></i> Restaurar
                                            </button>
                                        </form>
                                    @else
                                        <span class="docs-elim-muted">Já restaurado</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6">
                                    <div class="docs-elim-empty">
                                        <i class="fa fa-archive"></i>
                                        <h4>Nenhum lote registrado</h4>
                                        <p>Depois da primeira eliminação em lote, os registros aparecerão aqui para consulta e reversão.</p>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="clearfix" style="margin-top: 14px;"></div>
            {{ $batches->appends(request()->query())->links() }}
        </div>
    </div>

    <div class="modal fade docs-elim-modal" id="documentReviewModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">Revisar documento</h4>
                </div>
                <div class="modal-body">
                    <div class="detail-grid">
                        <div class="detail-box">
                            <h5>Identificação</h5>
                            <p id="review-document-label"></p>
                            <p class="docs-elim-muted" id="review-document-meta"></p>
                        </div>
                        <div class="detail-box">
                            <h5>Resumo</h5>
                            <p id="review-document-resume"></p>
                        </div>
                        <div class="detail-box">
                            <h5>Caixas</h5>
                            <div id="review-document-boxes"></div>
                        </div>
                        <div class="detail-box">
                            <h5>Localização</h5>
                            <p id="review-document-locations"></p>
                        </div>
                        <div class="detail-box">
                            <h5>Temporariedade</h5>
                            <p id="review-document-temporality"></p>
                        </div>
                        <div class="detail-box">
                            <h5>Arquivos</h5>
                            <div id="review-document-files"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade docs-elim-modal" id="batchItemsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">Documentos do lote</h4>
                </div>
                <div class="modal-body">
                    <div id="batch-items-wrapper"></div>
                </div>
            </div>
        </div>
    </div>

    @push('scripts')
        <script>
            (function () {
                if ($.fn.select2) {
                    $('#document-type-select2').select2({
                        width: '100%',
                        placeholder: $('#document-type-select2').data('placeholder') || 'Selecione ...',
                        allowClear: true,
                        closeOnSelect: false
                    });

                    $('.docs-elim-select2').select2({
                        width: '100%',
                        placeholder: 'Selecione ...',
                        allowClear: true
                    });

                    $('#document-type-select2').on('select2:select', function () {
                        $(this).select2('close');
                    });
                }

                var checkAll = document.getElementById('check-all-documents');
                var toggleAllButton = document.getElementById('toggle-all-documents');
                var batchDeleteButton = document.getElementById('batch-delete-button');
                var selectAllResultsInput = document.getElementById('select-all-results');
                var selectAllResultsButton = document.getElementById('select-all-results-button');
                var selectAllResultsNote = document.getElementById('select-all-results-note');
                var documentChecks = Array.prototype.slice.call(document.querySelectorAll('.document-check'));

                function updateSelectionState() {
                    var checkedCount = documentChecks.filter(function (checkbox) {
                        return checkbox.checked;
                    }).length;
                    var allResultsSelected = selectAllResultsInput && selectAllResultsInput.value === '1';
                    var allChecked = documentChecks.length > 0 && checkedCount === documentChecks.length;
                    var anyChecked = checkedCount > 0 || allResultsSelected;

                    if (checkAll) {
                        checkAll.checked = allChecked;
                        checkAll.indeterminate = anyChecked && !allChecked;
                    }

                    if (toggleAllButton) {
                        toggleAllButton.innerHTML = allChecked
                            ? '<i class="fa fa-square-o"></i> Limpar seleção'
                            : '<i class="fa fa-check-square-o"></i> Selecionar todos';
                    }

                    if (selectAllResultsButton) {
                        selectAllResultsButton.innerHTML = allResultsSelected
                            ? '<i class="fa fa-times-circle"></i> Limpar seleção global'
                            : '<i class="fa fa-list"></i> Selecionar todos os {{ $eligibleDocuments->total() }} resultados';
                    }

                    if (selectAllResultsNote) {
                        selectAllResultsNote.style.display = allResultsSelected ? 'block' : 'none';
                    }

                    if (batchDeleteButton) {
                        batchDeleteButton.disabled = !anyChecked;
                    }
                }

                function parsePayload(raw) {
                    try {
                        return JSON.parse(raw || '{}');
                    } catch (error) {
                        return {};
                    }
                }

                function normalizeArray(value) {
                    if (Array.isArray(value)) {
                        return value;
                    }

                    if (typeof value === 'string' && value.trim() !== '') {
                        return value.split(',').map(function (item) {
                            return item.trim();
                        }).filter(Boolean);
                    }

                    return [];
                }

                function fillReviewModal(payload) {
                    var boxLabels = normalizeArray(payload.boxes);
                    var locationLabels = normalizeArray(payload.locals);
                    var fileEntries = normalizeArray(payload.files);

                    document.getElementById('review-document-label').innerHTML =
                        '<strong>' + (payload.number || 'Sem número') + '</strong> - ' + (payload.type || 'Sem tipo');
                    document.getElementById('review-document-meta').textContent =
                        'Documento #' + (payload.id || '-') + ' | Data: ' + (payload.date || '-') + ' | Setor: ' + (payload.sector || '-');
                    document.getElementById('review-document-resume').textContent = payload.resume || 'Sem resumo informado.';
                    document.getElementById('review-document-locations').textContent =
                        'Caixa(s): ' + (boxLabels.length ? boxLabels.join(', ') : 'Sem caixa') +
                        ' | Local: ' + (locationLabels.length ? locationLabels.join(', ') : 'Sem local');
                    document.getElementById('review-document-temporality').textContent =
                        'Prazo: ' + (payload.retention_period || 'N/A') + ' ano(s) | Limite: ' + (payload.limit_date || '-') + ' | Destinação: ' + (payload.final_disposal || '-');

                    var boxesHtml = boxLabels.map(function (boxLabel) {
                        return '<span class="docs-elim-chip">' + boxLabel + '</span>';
                    }).join(' ');
                    document.getElementById('review-document-boxes').innerHTML = boxesHtml || '<p class="docs-elim-muted">Sem caixa vinculada.</p>';

                    if (fileEntries.length) {
                        document.getElementById('review-document-files').innerHTML = '<ul>' + fileEntries.map(function (file) {
                            if (typeof file === 'string') {
                                return '<li>' + file + '</li>';
                            }

                            return '<li>' + (file.filename_origin || file.filename || 'Arquivo') + '</li>';
                        }).join('') + '</ul>';
                    } else {
                        document.getElementById('review-document-files').innerHTML = '<p class="docs-elim-muted">Sem anexos.</p>';
                    }
                }

                if (checkAll) {
                    checkAll.addEventListener('change', function () {
                        if (selectAllResultsInput) {
                            selectAllResultsInput.value = '0';
                        }
                        var allChecked = checkAll.checked;
                        documentChecks.forEach(function (checkbox) {
                            checkbox.checked = allChecked;
                        });
                        updateSelectionState();
                    });
                }

                if (toggleAllButton) {
                    toggleAllButton.addEventListener('click', function () {
                        if (selectAllResultsInput) {
                            selectAllResultsInput.value = '0';
                        }
                        var shouldCheck = !documentChecks.every(function (checkbox) {
                            return checkbox.checked;
                        });

                        documentChecks.forEach(function (checkbox) {
                            checkbox.checked = shouldCheck;
                        });

                        updateSelectionState();
                    });
                }

                documentChecks.forEach(function (checkbox) {
                    checkbox.addEventListener('change', function () {
                        if (selectAllResultsInput) {
                            selectAllResultsInput.value = '0';
                        }
                        updateSelectionState();
                    });
                });

                if (selectAllResultsButton) {
                    selectAllResultsButton.addEventListener('click', function () {
                        var shouldSelectAllResults = !selectAllResultsInput || selectAllResultsInput.value !== '1';

                        if (selectAllResultsInput) {
                            selectAllResultsInput.value = shouldSelectAllResults ? '1' : '0';
                        }

                        if (checkAll) {
                            checkAll.checked = false;
                            checkAll.indeterminate = false;
                        }

                        documentChecks.forEach(function (checkbox) {
                            checkbox.checked = shouldSelectAllResults;
                        });

                        updateSelectionState();
                    });
                }

                updateSelectionState();

                document.addEventListener('click', function (event) {
                    var reviewButton = event.target.closest('.js-review-document, .js-review-batch-item');
                    if (reviewButton) {
                        fillReviewModal(parsePayload(reviewButton.getAttribute('data-document')));
                    }

                    var batchButton = event.target.closest('.js-open-batch');
                    if (batchButton) {
                        var items = parsePayload(batchButton.getAttribute('data-items'));
                        var wrapper = document.getElementById('batch-items-wrapper');

                        if (!items.length) {
                            wrapper.innerHTML = '<div class="docs-elim-empty"><i class="fa fa-inbox"></i><h4>Sem itens</h4><p>Este lote não possui documentos listados.</p></div>';
                            return;
                        }

                        var html = '<div class="docs-elim-table-wrap"><table class="table docs-elim-table table-hover"><thead><tr><th>Documento</th><th>Caixa / Local</th><th>Resumo</th><th width="70">Olho</th></tr></thead><tbody>';

                        items.forEach(function (item) {
                            var storageLabels = normalizeArray(item.storages).map(function (storage) {
                                return [storage.local_description, storage.shelf_description, storage.drawer_description].filter(Boolean).join(' - ');
                            }).filter(Boolean);

                            var boxLabels = normalizeArray(item.boxes).map(function (box) {
                                return box.box_description || box.box_id;
                            }).filter(Boolean);

                            html += '<tr>';
                            html += '<td><strong>' + (item.label || ('Documento #' + item.document_id)) + '</strong><div class="docs-elim-muted">' + (item.type || '-') + ' | ' + (item.date || '-') + '</div></td>';
                            html += '<td><div class="docs-elim-muted">' + (boxLabels.length ? boxLabels.join(', ') : 'Sem caixa') + '</div><div class="docs-elim-muted">' + (storageLabels.length ? storageLabels.join(', ') : 'Sem localização') + '</div></td>';
                            html += '<td>' + (item.resume ? item.resume : 'Sem resumo') + '</td>';
                            html += '<td><button type="button" class="btn btn-info btn-xs js-review-batch-item" data-toggle="modal" data-target="#documentReviewModal" data-document=\'' + JSON.stringify({
                                id: item.document_id,
                                number: item.label || ('Documento #' + item.document_id),
                                type: item.type || '',
                                date: item.date || '',
                                resume: item.resume || '',
                                boxes: boxLabels,
                                locals: storageLabels,
                                retention_period: '',
                                final_disposal: 'Eliminar',
                                observacao: '',
                                limit_date: item.limit_date || '',
                                sector: '',
                                files: item.files || []
                            }).replace(/'/g, '&#39;') + '\'><i class="fa fa-eye"></i></button></td>';
                            html += '</tr>';
                        });

                        html += '</tbody></table></div>';
                        wrapper.innerHTML = html;
                    }
                });

                $('#documentReviewModal').on('hidden.bs.modal', function () {
                    document.getElementById('review-document-label').textContent = '';
                    document.getElementById('review-document-meta').textContent = '';
                    document.getElementById('review-document-resume').textContent = '';
                    document.getElementById('review-document-boxes').innerHTML = '';
                    document.getElementById('review-document-locations').textContent = '';
                    document.getElementById('review-document-temporality').textContent = '';
                    document.getElementById('review-document-files').innerHTML = '';
                });
            })();
        </script>
    @endpush
@endsection