@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('home') !!}
@endsection
@section('content')
    <div class="col-sm-12">
        <div class="the-box bg-default no-border">
            @if ($advice->project)
                <h4 class="small-title">INFORMAÇÕES</h4>
                <p>
                    <strong>Autor:</strong> {{ $advice->project->owner->short_name }}<br>
                    <strong>Data:</strong> {{ $advice->project->law_date }}<br>
                    <strong>Número:</strong>
                    {{ $advice->project->project_number }}/{{ $advice->project->getYearLawPublish($advice->project->law_date) }}
                </p>
                <hr>
            @endif
            <div class="col-sm-12">
                <div class="panel-group" id="accordion-1">
                    <!-- Dados do Projeto de Lei/Documento -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <a class="block-collapse collapsed" data-parent="#accordion-1" data-toggle="collapse"
                                    href="#accordion-1-child-1" aria-expanded="false">
                                    @if ($advice->project)
                                        Dados do Projeto de Lei
                                    @elseif ($advice->document)
                                        Dados do Documento
                                    @else
                                        Dados Associados
                                    @endif
                                    <span class="right-content">
                                        <span class="right-icon"><i
                                                class="glyphicon glyphicon-plus icon-collapse"></i></span>
                                    </span>
                                </a>
                            </h3>
                        </div>
                        <div id="accordion-1-child-1" class="collapse" aria-expanded="false" style="height: 0px;">
                            <div class="panel-body">
                                @if ($advice->project)
                                    <div class="col-md-3">
                                        <b>Nº Projeto de Lei:</b> <br />
                                        {{ $advice->project->project_number }}
                                    </div>
                                    <div class="col-md-3">
                                        <b>Parlamentar:</b> <br />
                                        {{ $advice->project->assemblyman->short_name }}
                                    </div>
                                    <div class="col-md-3">
                                        <b>Tipo:</b> <br />
                                        {{ $advice->project->law_type->name }}
                                    </div>
                                    <div class="col-md-3">
                                        <b>Data:</b> <br />
                                        {{ $advice->project->law_date }}
                                    </div>
                                    <div class="clearfix"></div>
                                    <br />
                                    <br />
                                    <div class="col-md-6">
                                        <b>Ementa:</b> <br />
                                        {{ $advice->project->title }}
                                    </div>
                                    <div class="col-md-6">
                                        <b>Preâmbulo:</b> <br />
                                        {!! $advice->project->sub_title !!}
                                    </div>
                                @elseif ($advice->document)
                                    <div class="col-md-3">
                                        <b>Nº Documento:</b> <br />
                                        {{ $advice->document->number }}
                                    </div>
                                    <div class="col-md-3">
                                        <b>Tipo:</b> <br />
                                        {{ $advice->document->document_type->name }}
                                    </div>
                                    <div class="col-md-3">
                                        <b>Data:</b> <br />
                                        {{ $advice->document->date }}
                                    </div>
                                    <div class="clearfix"></div>
                                    <br />
                                    <br />
                                    <div class="col-md-6">
                                        <b>Descrição:</b> <br />
                                        {!! $advice->document->content !!}
                                    </div>
                                @else
                                    <div class="col-md-12">
                                        <p>Nenhum projeto de lei ou documento associado.</p>
                                    </div>
                                @endif
                            </div><!-- /.panel-body -->
                        </div><!-- /.collapse in -->
                    </div><!-- /.panel panel-default -->

                    <!-- Dados do Aconselhamento -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <a class="block-collapse collapsed" data-parent="#accordion-1" data-toggle="collapse"
                                    href="#accordion-1-child-2" aria-expanded="false">
                                    Dados do Parecer
                                    <span class="right-content">
                                        <span class="right-icon">
                                            <i class="glyphicon glyphicon-plus icon-collapse"></i>
                                        </span>
                                    </span>
                                </a>
                            </h3>
                        </div>
                        <div id="accordion-1-child-2" class="collapse" aria-expanded="false">
                            <div class="panel-body">
                                <div class="col-md-4">
                                    <b>ID:</b> <br />
                                    {{ $advice->id }}
                                </div>
                                <div class="col-md-4">
                                    <b>Data:</b> <br />
                                    {{ $advice->date }}
                                </div>
                                <div class="col-md-4">
                                    <b>Prazo:</b> <br />
                                    {{ $advice->date_end ?? 'N/A' }}
                                </div>
                                <div class="clearfix"></div>
                                <br />
                                <div class="col-md-4">
                                    <b>Tipo:</b> <br />
                                    {{ $advice->type }}
                                </div>
                                <div class="col-md-4">
                                    <b>Status:</b> <br />
                                    {{ $advice->situation->last()->situation->name }}
                                </div>
                                <div class="col-md-4">
                                    <b>Criado em:</b> <br />
                                    {{ $advice->created_at ?? 'N/A' }}
                                </div>
                                <div class="col-md-4">
                                    <b>Editado em:</b> <br />
                                    {{ $advice->updated_at ?? 'N/A' }}
                                    <br><br>
                                    <b>Editado por:</b>
                                    @if (isset($lastEditor->name))
                                        {{ $lastEditor->name }}
                                    @else
                                        Parecer não foi editado!
                                    @endif
                                </div>
                                <div class="clearfix"></div>
                                <br />
                                <div class="clearfix"></div>
                                <br />
                                <div class="col-md-12">
                                    <b>Parecer Jurídico:</b> <br />
                                    {!! $advice->legal_option ?? 'Nenhum parecer jurídico disponível' !!}
                                </div>
                            </div><!-- /.panel-body -->
                        </div><!-- /.collapse in -->
                    </div><!-- /.panel panel-default -->

                    <!-- Dados da Comissão -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <a class="block-collapse collapsed" data-parent="#accordion-1" data-toggle="collapse"
                                    href="#accordion-1-child-4" aria-expanded="false">
                                    Dados da Comissão
                                    <span class="right-content">
                                        <span class="right-icon">
                                            <i class="glyphicon glyphicon-plus icon-collapse"></i>
                                        </span>
                                    </span>
                                </a>
                            </h3>
                        </div>
                        <div id="accordion-1-child-4" class="collapse" aria-expanded="false">
                            <div class="panel-body">
                                @if ($advice->commission)
                                    <div class="col-md-4">
                                        <b>ID:</b> <br />
                                        {{ $advice->commission->id }}
                                    </div>
                                    <div class="col-md-4">
                                        <b>Nome:</b> <br />
                                        {{ $advice->commission->name }}
                                    </div>
                                    <div class="col-md-4">
                                        <b>Descrição:</b> <br />
                                        {{ $advice->commission->description ?? 'N/A' }}
                                    </div>
                                    <div class="col-md-4">
                                        <b>Criado em:</b> <br />
                                        {{ $advice->commission->created_at ?? 'N/A' }}
                                    </div>
                                    <div class="col-md-4">
                                        <b>Atualizado em:</b> <br />
                                        {{ $advice->commission->updated_at ?? 'N/A' }}
                                    </div>
                                @else
                                    <div class="col-md-12">
                                        <p>Nenhuma comissão associada.</p>
                                    </div>
                                @endif
                            </div><!-- /.panel-body -->
                        </div><!-- /.collapse in -->
                    </div><!-- /.panel panel-default -->

                    <!-- Pareceres (Respostas) -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <a class="block-collapse collapsed" data-parent="#accordion-1" data-toggle="collapse"
                                    href="#accordion-1-child-3" aria-expanded="false">
                                    Parecer (Respostas)
                                    <span class="right-content">
                                        <span class="right-icon">
                                            <i class="glyphicon glyphicon-plus icon-collapse"></i>
                                        </span>
                                    </span>
                                </a>
                            </h3>
                        </div>
                        <div id="accordion-1-child-3" class="collapse" aria-expanded="false">
                            <div class="panel-body">
                                @forelse ($advice_all as $awnser)
                                    <div class="col-sm-12" id="awnser_{{ $awnser->id }}">
                                        <div class="panel panel-default">
                                            <div class="panel-body">
                                                <div class="col-md-3">
                                                    <b>ID:</b> <br />
                                                    {{ $awnser->id }}
                                                </div>
                                                <div class="col-md-3">
                                                    <b>Data:</b> <br />
                                                    {{ $awnser->date }}
                                                </div>
                                                <div class="col-md-3">
                                                    <b>Arquivos:</b> <br />
                                                    @if ($awnser->file)
                                                        <a href="#" class="view-pdf-link" data-toggle="modal"
                                                            data-target="#pdfModal"
                                                            data-pdf-url="https://superlegis.nyc3.digitaloceanspaces.com/{{ $awnser->file }}"
                                                            data-file-name="{{ $awnser->file }}">Visualizar PDF
                                                        </a>
                                                    @else
                                                        Nenhum arquivo
                                                    @endif
                                                </div>
                                                <div class="col-md-3">
                                                    <b>Aconselhamento ID:</b> <br />
                                                    {{ $awnser->advice_id }}
                                                </div>
                                                <div class="clearfix"></div>
                                                <br />
                                                <div class="col-md-12">
                                                    <b>Descrição:</b> <br />
                                                    {!! $awnser->description ?? 'Nenhuma descrição disponível' !!}
                                                </div>
                                                <div class="col-md-6">
                                                    <b>Criado em:</b> <br />
                                                    {{ $awnser->created_at ?? 'N/A' }}
                                                </div>
                                                <div class="col-md-6">
                                                    <b>Atualizado em:</b> <br />
                                                    {{ $awnser->updated_at ?? 'N/A' }}
                                                </div>
                                            </div><!-- /.panel-body -->
                                        </div><!-- /.panel panel-default -->
                                    </div>
                                @empty
                                    <div class="col-sm-12">
                                        <p>Nenhuma resposta encontrada.</p>
                                    </div>
                                @endforelse

                                <!-- Modal Estilizado para Visualizar o PDF -->
                                <div class="modal fade" id="pdfModal" tabindex="-1" role="dialog"
                                    aria-labelledby="pdfModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-xl" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header bg-primary text-white">
                                                <h5 class="modal-title" id="pdfModalLabel">
                                                    <i class="fa fa-file-pdf-o mr-2"></i> Visualizar Documento
                                                </h5>
                                                <button type="button" class="close text-white" data-dismiss="modal"
                                                    aria-label="Close">
                                                    <span aria-hidden="true">×</span>
                                                </button>
                                            </div>
                                            <div class="modal-body p-0">
                                                <div id="pdfLoading" class="p-4 text-center" style="display: none;">
                                                    <i class="fa fa-spinner fa-spin fa-2x"></i>
                                                    <p class="mt-2">Carregando PDF...</p>
                                                </div>
                                                <div id="pdfError" class="p-4 text-center" style="display: none;">
                                                    <i class="fa fa-exclamation-circle fa-2x text-danger"></i>
                                                    <p class="text-danger mt-2" id="pdfErrorMessage">Erro ao carregar o
                                                        PDF. Tente novamente ou faça o download.</p>
                                                </div>
                                                <iframe id="pdfViewer" src="" frameborder="0" width="100%"
                                                    style="height: 70vh; display: none;"></iframe>
                                            </div>
                                            <div class="modal-footer">
                                                <a id="downloadPdfBtn" href="" class="btn btn-success" download>
                                                    <i class="fa fa-download mr-1"></i> Baixar PDF
                                                </a>
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    <i class="fa fa-times mr-1"></i> Fechar
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- /.panel-body -->
                        </div><!-- /.collapse in -->
                    </div><!-- /.panel panel-default -->
                </div><!-- /.panel-group -->
            </div><!-- /.col-sm-12 -->
            <a href="javascript:history.go(-1)" class="btn btn-info pull-right">Voltar</a>
            <div class="clearfix"></div>
        </div><!-- /.the-box -->
        <div class="clearfix"></div>
    </div>

    <!-- Estilo para o Modal -->
    <style>
        #pdfModal .modal-dialog {
            max-width: 90%;
        }

        #pdfModal .modal-content {
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }

        #pdfModal .modal-header {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        #pdfModal .modal-body {
            background-color: #f8f9fa;
        }

        #pdfModal .modal-footer {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        @media (max-width: 768px) {
            #pdfModal .modal-dialog {
                max-width: 95%;
                margin: 20px auto;
            }

            #pdfViewer {
                height: 50vh !important;
            }
        }
    </style>

    <!-- JavaScript Ajustado para Carregar o PDF -->
    <script>
        $(document).ready(function() {
            // Quando o link do PDF for clicado
            $('.view-pdf-link').on('click', function(e) {
                e.preventDefault(); // Impede o comportamento padrão do link

                // Obtém a URL do PDF e o nome do arquivo a partir dos atributos data
                var pdfUrl = $(this).data('pdf-url');
                var fileName = $(this).data('file-name');
                console.log('Tentando carregar o PDF:', pdfUrl); // Log para depuração
                console.log('Nome do arquivo:', fileName); // Log para depuração

                // Verifica se a URL do PDF é válida
                if (pdfUrl) {
                    // Mostra o indicador de carregamento
                    $('#pdfLoading').show();
                    $('#pdfViewer').hide();
                    $('#pdfError').hide();

                    // Define a URL do PDF no elemento <iframe>
                    $('#pdfViewer').attr('src', pdfUrl);

                    // Define a URL no botão de download
                    $('#downloadPdfBtn').attr('href', pdfUrl);

                    // Verifica se o PDF foi carregado com sucesso
                    $('#pdfViewer').on('load', function() {
                        console.log('PDF carregado com sucesso no iframe'); // Log para depuração
                        $('#pdfLoading').hide();
                        $('#pdfViewer').show();
                    }).on('error', function() {
                        console.error('Erro ao carregar o PDF no iframe'); // Log para depuração
                        $('#pdfLoading').hide();
                        $('#pdfViewer').hide();
                        $('#pdfError').show();
                        // Fallback: Abre o PDF em uma nova aba
                        window.open(pdfUrl, '_blank');
                    });

                    // Testa a acessibilidade do PDF com uma requisição HEAD
                    $.ajax({
                        url: pdfUrl,
                        type: 'HEAD',
                        success: function() {
                            console.log('PDF é acessível'); // Log para depuração
                            // Abre o modal
                            $('#pdfModal').modal('show');

                            // Timeout para verificar se o PDF foi carregado
                            setTimeout(function() {
                                if ($('#pdfViewer').is(':visible') || $('#pdfError').is(
                                        ':visible')) {
                                    return; // Já foi tratado
                                }
                                console.error('Timeout ao carregar o PDF no iframe');
                                $('#pdfLoading').hide();
                                $('#pdfViewer').hide();
                                $('#pdfError').show();
                                $('#pdfErrorMessage').text('Erro ao carregar o PDF "' +
                                    fileName +
                                    '" no visualizador (timeout). Tente fazer o download.'
                                );
                                // Fallback: Abre o PDF em uma nova aba
                                window.open(pdfUrl, '_blank');
                            }, 10000); // 10 segundos de timeout
                        },
                    });
                } else {
                    console.error('URL do PDF não encontrada.');
                    $('#pdfError').show();
                    $('#pdfErrorMessage').text('URL do PDF não encontrada.');
                }
            });

            // Limpa o src do PDF e esconde os elementos quando o modal for fechado
            $('#pdfModal').on('hidden.bs.modal', function() {
                console.log('Modal fechado'); // Log para depuração
                $('#pdfViewer').attr('src', '');
                $('#pdfLoading').hide();
                $('#pdfViewer').hide();
                $('#pdfError').hide();
            });

            // Log para verificar se o modal está sendo fechado inesperadamente
            $('#pdfModal').on('hide.bs.modal', function() {
                console.log('Modal está sendo fechado');
            });
        });
    </script>
@endsection