@extends('layouts.digitar')

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

@section('content')
    <link rel="stylesheet" href="{{ asset('assets/css/document-details.css') }}">

    <div class="document-detail-page">
        <div class="document-detail-shell the-box rounded">
            <div class="document-detail-grid">
                <div class="document-card">
                    <div class="document-card-body">
                        <div class="document-card-toolbar">
                            <a href="{!! route('documents.index') !!}" class="document-detail-back">
                                <i class="fa fa-arrow-left"></i> Voltar
                            </a>

                            <div class="document-detail-actions">
                                <button type="button" class="document-detail-action" onclick="window.print()">
                                    <i class="fa fa-print"></i> Imprimir
                                </button>
                                <a href="{{ $documentViewUrl }}" class="document-detail-action is-primary" target="_blank">
                                    <i class="fa fa-download"></i> Abrir documento
                                </a>
                            </div>
                        </div>

                        <div class="document-card-heading">
                            <div class="document-card-header">
                                <span class="document-card-icon"><i class="fa fa-file-text-o"></i></span>
                                <div>
                                    <span class="document-detail-eyebrow">Ementa</span>
                                    <h1 class="document-document-title">{{ $documentHeadline }}</h1>
                                    <h3 class="document-card-title">{{ $ownerName }}</h3>
                                </div>
                            </div>
                        </div>

                        <div class="document-meta-grid">
                            <div class="document-meta-item">
                                <div class="document-meta-label">
                                    <i class="fa fa-file-text-o"></i> Documento
                                </div>
                                <div class="document-meta-value">
                                    <a onclick="loadPdf('{{ $documentViewUrl }}')" class="document-inline-link">
                                        {{ $document->number ?: 'Sem número' }} - {{ $documentTypeLabel }}
                                    </a>
                                    <button class="document-copy-inline"
                                        onclick="copyToClipboard('{{ $documentViewUrl }}', this)">
                                        <i class="fa fa-link"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="document-meta-item">
                                <div class="document-meta-label">
                                    <i class="fa fa-calendar"></i> Data de publicação
                                </div>
                                <div class="document-meta-value">{{ $document->date ?: 'Não informada' }}</div>
                            </div>
                            <div class="document-meta-item">
                                <div class="document-meta-label">
                                    <i class="fa fa-folder-open-o"></i> Protocolo
                                </div>
                                <div class="document-meta-value">{{ $protocolNumber }}</div>
                            </div>
                            <div class="document-meta-item">
                                <div class="document-meta-label">
                                    <i class="fa fa-folder-open-o"></i> Status
                                </div>
                                <div class="document-meta-value">
                                    @foreach ($documentStats as $stat)
                                        @if($stat['label'] === "Situação")
                                            <span class="document-detail-stat-value">{{ $stat['value'] }}</span>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                            <div class="document-meta-item">
                                <div class="document-meta-label">
                                    <i class="fa fa-clock-o"></i> Última Movimentação
                                </div>
                                <div class="document-meta-value">{{ $document->updated_at->format('d/m/y') }}</div>
                            </div>

                        </div>

                        <div class="panel-group document-extra-accordion" id="document-extra-accordion" role="tablist"
                            aria-multiselectable="true">
                            <div class="panel document-extra-panel">
                                <div class="panel-heading document-extra-heading" role="tab" id="document-extra-heading-summary">
                                    <a class="document-extra-toggle collapsed" role="button" data-toggle="collapse"
                                        data-parent="#document-extra-accordion" href="#document-extra-summary"
                                        aria-expanded="false" aria-controls="document-extra-summary">
                                        <span>Resumo</span>
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </div>
                                <div id="document-extra-summary" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="document-extra-heading-summary">
                                    <div class="panel-body document-extra-body">
                                        {!! $documentSummaryHtml !!}
                                    </div>
                                </div>
                            </div>

                            <div class="panel document-extra-panel">
                                <div class="panel-heading document-extra-heading" role="tab" id="document-extra-heading-attachments">
                                    <a class="document-extra-toggle collapsed" role="button" data-toggle="collapse"
                                        data-parent="#document-extra-accordion" href="#document-extra-attachments"
                                        aria-expanded="false" aria-controls="document-extra-attachments">
                                        <span>Documentos anexados</span>
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </div>
                                <div id="document-extra-attachments" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="document-extra-heading-attachments">
                                    <div class="panel-body document-extra-body">
                                        @if ($files->isEmpty())
                                            <div class="document-empty-state is-compact">
                                                <strong style="display: block; color: #c15252; margin-bottom: 6px;">Nenhum
                                                    documento anexado</strong>
                                                <span>Ainda não há anexos vinculados a este documento.</span>
                                            </div>
                                        @else
                                            <div class="document-attachment-list">
                                                @foreach ($files as $file)
                                                    <div class="document-attachment-item">
                                                        <div class="document-attachment-item-main">
                                                            <span class="document-attachment-item-icon">
                                                                <i class="fa fa-file-pdf-o"></i>
                                                            </span>
                                                            <div class="document-attachment-item-content">
                                                                <strong>{{ \Illuminate\Support\Str::limit($file->filename_origin, 70, '...') }}</strong>
                                                                <span>{{ $file->num_pag }} página(s)</span>
                                                            </div>
                                                        </div>

                                                        <div class="document-attachment-item-actions">
                                                            <a href="{{ \App\Helpers\TenantFileUrl::publicUrl($file->filename) }}"
                                                                target="_blank" class="document-detail-action is-ghost">
                                                                <i class="fa fa-external-link"></i> Abrir documento
                                                            </a>
                                                            <button class="document-copy-button"
                                                                onclick="copyToClipboard('{{ \App\Helpers\TenantFileUrl::publicUrl($file->filename) }}', this)">
                                                                <i class="fa fa-link"></i> Copiar link
                                                            </button>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="panel document-extra-panel">
                                <div class="panel-heading document-extra-heading" role="tab" id="document-extra-heading-meetings">
                                    <a class="document-extra-toggle collapsed" role="button" data-toggle="collapse"
                                        data-parent="#document-extra-accordion" href="#document-extra-meetings"
                                        aria-expanded="false" aria-controls="document-extra-meetings">
                                        <span>Sessões vinculadas</span>
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </div>
                                <div id="document-extra-meetings" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="document-extra-heading-meetings">
                                    <div class="panel-body document-extra-body">
                                        @if ($meetingList->isNotEmpty())
                                            <div class="document-compact-list">
                                                @foreach ($meetingList as $meeting)
                                                    <div class="document-session-item">
                                                        <div class="document-session-title">
                                                            <i class="fa fa-university"></i>
                                                            <span>Sessão {{ $meeting['meeting_code'] }}</span>
                                                        </div>

                                                        <div class="document-session-actions">
                                                            <a href="{{ $meeting['pdf_url'] }}" target="_blank"
                                                                class="document-compact-link">
                                                                <i class="fa fa-file-pdf-o"></i> Gerar pauta em PDF
                                                            </a>

                                                            <a href="{{ $meeting['show_url'] }}" class="document-compact-link">
                                                                <i class="fa fa-calendar"></i> {{ $meeting['label'] }}
                                                            </a>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @else
                                            <div class="document-empty-state is-compact">
                                                <strong style="display: block; color: #c15252; margin-bottom: 6px;">Nenhuma
                                                    sessão encontrada</strong>
                                                <span>Este documento ainda não está vinculado a sessões.</span>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="panel document-extra-panel">
                                <div class="panel-heading document-extra-heading" role="tab" id="document-extra-heading-commissions">
                                    <a class="document-extra-toggle collapsed" role="button" data-toggle="collapse"
                                        data-parent="#document-extra-accordion" href="#document-extra-commissions"
                                        aria-expanded="false" aria-controls="document-extra-commissions">
                                        <span>Comissões vinculadas</span>
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </div>
                                <div id="document-extra-commissions" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="document-extra-heading-commissions">
                                    <div class="panel-body document-extra-body">
                                        @if ($commissionList->isNotEmpty())
                                            <div class="document-compact-list">
                                                @foreach ($commissionList as $commissionName)
                                                    <div class="document-compact-link" style="cursor: default;">
                                                        <i class="fa fa-gavel"></i> {{ $commissionName }}
                                                    </div>
                                                @endforeach
                                            </div>
                                        @else
                                            <div class="document-empty-state is-compact">
                                                <strong style="display: block; color: #c15252; margin-bottom: 6px;">Nenhuma
                                                    comissão encontrada</strong>
                                                <span>Este documento ainda não recebeu vínculo com comissões.</span>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="panel document-extra-panel">
                                <div class="panel-heading document-extra-heading" role="tab" id="document-extra-heading-atas">
                                    <a class="document-extra-toggle collapsed" role="button" data-toggle="collapse"
                                        data-parent="#document-extra-accordion" href="#document-extra-atas"
                                        aria-expanded="false" aria-controls="document-extra-atas">
                                        <span>Atas vinculadas</span>
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </div>
                                <div id="document-extra-atas" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="document-extra-heading-atas">
                                    <div class="panel-body document-extra-body">
                                        @if ($ataList->isNotEmpty())
                                            <div class="document-compact-list">
                                                @foreach ($ataList as $ata)
                                                    <a href="{{ $ata['pdf_url'] }}" target="_blank" class="document-compact-link">
                                                        <i class="fa fa-file-pdf-o"></i> {{ $ata['label'] }}
                                                    </a>
                                                @endforeach
                                            </div>
                                        @else
                                            <div class="document-empty-state is-compact">
                                                <strong style="display: block; color: #c15252; margin-bottom: 6px;">Nenhuma
                                                    ata encontrada</strong>
                                                <span>As sessões vinculadas a este documento ainda não possuem ata
                                                    disponível.</span>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="panel document-extra-panel">
                                <div class="panel-heading document-extra-heading" role="tab" id="document-extra-heading-processing">
                                    <a class="document-extra-toggle collapsed" role="button" data-toggle="collapse"
                                        data-parent="#document-extra-accordion" href="#document-extra-processing"
                                        aria-expanded="false" aria-controls="document-extra-processing">
                                        <span>Tramitação</span>
                                        <i class="fa fa-chevron-down"></i>
                                    </a>
                                </div>
                                <div id="document-extra-processing" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="document-extra-heading-processing">
                                    <div class="panel-body document-extra-body">
                                        <div class="document-timeline">
                                            @forelse ($documentProcess as $processing)
                                                <div class="document-timeline-item">
                                                    <span class="document-timeline-dot"></span>
                                                    <div class="document-timeline-card">
                                                        <div class="document-timeline-topline">
                                                            <h5>{{ $processing->statusProcessingDocument->name ?? 'Status não encontrado' }}
                                                            </h5>
                                                            <span class="document-timeline-date">
                                                                <i class="fa fa-clock-o"></i>
                                                                {{ preg_match('/^\d{2}\/\d{2}\/\d{4}/', (string) $processing->processing_document_date, $matches) ? $matches[0] : ($processing->processing_document_date ?: 'Data não informada') }}
                                                            </span>
                                                        </div>

                                                        <div class="document-timeline-destination">
                                                            <i class="fa fa-share-alt"></i>
                                                            Destino: {{ $processing->destination->name ?? 'Não informado' }}
                                                        </div>

                                                        @if (isset($processing->file))
                                                            <a href="{{ asset('/assets/processing_documents/' . $processing->file) }}"
                                                                class="btn btn-success btn-sm">
                                                                <i class="fa fa-download"></i> Baixar arquivo
                                                            </a>
                                                        @endif

                                                        @if (!empty(optional($processing->advicePublicationDocument)->name))
                                                            <small>Descrição complementar:
                                                                {{ $processing->advicePublicationDocument->name }}</small>
                                                        @endif
                                                    </div>
                                                </div>
                                            @empty
                                                <div class="alert alert-info document-alert-inline" role="alert">
                                                    Nenhuma tramitação encontrada para este documento.
                                                </div>
                                            @endforelse
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div id="pdfModal" class="pdf-modal" style="display: none;">
            <div class="pdf-modal-overlay" onclick="closePdfModal()"></div>
            <div class="pdf-modal-content">
                <div class="pdf-modal-header">
                    <h5 class="pdf-modal-title">Visualizador de PDF</h5>
                    <button class="pdf-modal-close" onclick="closePdfModal()">
                        <i class="fa fa-times"></i>
                    </button>
                </div>
                <div class="pdf-modal-body">
                    <div class="pdf-loading" id="pdfLoading">
                        <div class="spinner-border text-primary" role="status">
                            <span class="sr-only">Carregando...</span>
                        </div>
                    </div>
                    <iframe id="pdfViewer" class="pdf-iframe" frameborder="0"></iframe>
                </div>
            </div>
        </div>

        <script>
            function loadPdf(url) {
                const modal = document.getElementById('pdfModal');
                const iframe = document.getElementById('pdfViewer');
                const loading = document.getElementById('pdfLoading');

                loading.style.display = 'block';
                modal.style.display = 'flex';

                setTimeout(() => {
                    modal.classList.add('active');
                }, 10);

                iframe.src = url;
                iframe.onload = function () {
                    loading.style.display = 'none';
                };
            }

            function closePdfModal() {
                const modal = document.getElementById('pdfModal');
                const iframe = document.getElementById('pdfViewer');

                modal.classList.remove('active');

                setTimeout(() => {
                    modal.style.display = 'none';
                    iframe.src = '';
                }, 300);
            }

            function copyToClipboard(text, button) {
                navigator.clipboard.writeText(text).then(function () {
                    const originalText = button.innerHTML;
                    button.innerHTML = '<i class="fa fa-check"></i> Copiado!';

                    setTimeout(() => {
                        button.innerHTML = originalText;
                    }, 2000);
                }, function (err) {
                    console.error('Erro ao copiar texto: ', err);
                });
            }

            document.addEventListener('keydown', function (event) {
                if (event.key === 'Escape') {
                    closePdfModal();
                }
            });
        </script>
@endsection