@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('lawsProjects.show') !!}
@endsection
@section('content')
    @php
        $standaloneLegalOption = $lawsProject->advices->first(function ($advice) {
            return empty($advice->to_id) && $advice->hasLegalOpinion();
        });
        $hasStandaloneLegalOption = !empty($standaloneLegalOption);
    @endphp
    <div class="the-box rounded">
        <div class="form-group col-sm-12">
            <div class="form-group">
                <a href="{!! route('lawsProjects.index') !!}" class="btn btn-default">Voltar</a>
            </div>
            <div class="panel panel-square panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <i class="fa fa-angle-double-right" style="margin-right: 5px"></i>PARECERES
                    </h3>
                    <div class="right-content">
                        <div class="panel-action-buttons">
                            <button type="button" class="btn btn-default btn-xs" @if (!$hasStandaloneLegalOption) data-toggle="modal"
                                data-target="#newLegalOption" @else disabled title="Parecer jurídico sem comissão já informado" @endif>
                                <i class="fa fa-gavel" style="margin-right: 5px"></i>ADICIONAR PARECER JURÍDICO
                            </button>
                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                data-target="#newParecer" onclick="addChosen()">
                                <i class="fa fa-plus" style="margin-right: 5px"></i>SOLICITAR A COMISSÃO
                            </button>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    @if ($standaloneLegalOption)
                        <div class="standalone-legal-option-box">
                            <div class="standalone-legal-option-box__header">
                                <strong>Parecer jurídico cadastrado</strong>
                                <button type="button" class="btn btn-info btn-xs edit-advice-btn"
                                    data-id="{{ $standaloneLegalOption->id }}">
                                    <i class="fa fa-pencil" style="margin-right: 5px"></i>EDITAR PARECER
                                </button>
                            </div>
                            <div class="standalone-legal-option-box__content">
                                {!! $standaloneLegalOption->legal_option !!}
                            </div>
                        </div>
                    @endif
                    @include('lawsProjects.tramites_table')
                </div>
            </div>
        </div>

        <!-- Modal de Parecer Jurídico avulso -->
        <div class="modal fade" id="newLegalOption" tabindex="-1" role="dialog" aria-labelledby="newLegalOptionLabel">
            <div class="modal-dialog modal-lg" 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">×</span>
                        </button>
                        <h4 class="modal-title" id="newLegalOptionLabel">PARECER JURÍDICO</h4>
                        <p>Projeto de Lei: {!! $lawsProject->project_number . '/' . $lawsProject->getYearLawPublish($lawsProject->law_date) !!}</p>
                    </div>
                    <div class="modal-body">
                        <label style="width: 100%;" for="new_legal_option">
                            Parecer jurídico:
                            <textarea name="legal_option" id="new_legal_option" class="form-control ckeditor"></textarea>
                        </label>

                        <div class="alert alert-info" style="margin-top: 15px;">
                            Este parecer é independente das comissões. O projeto ainda pode receber pareceres jurídicos vinculados às comissões normalmente.
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Fechar
                        </button>
                        <button type="button" class="btn btn-primary" onclick="newLegalOption({{ $lawsProject->id }})">
                            SALVAR PARECER
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal de Solicitar Parecer -->
        <div class="modal fade" id="newParecer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-lg" 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">×</span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel">SOLICITAÇÃO PARA COMISSÃO</h4>
                        <p>Projeto de Lei: {!! $lawsProject->project_number . '/' . $lawsProject->getYearLawPublish($lawsProject->law_date) !!}</p>
                    </div>
                    <div class="modal-body">
                        <label style="width: 100%" for="comissao">Selecione a comissão:</label>
                        <select style="width: 100%" class="form-control js-example-basic-multiple col-sm-12" id="comissao"
                            name="comission" multiple="multiple">
                            @foreach ($commissions as $commission)
                                <option value="c{{ $commission->id }}">{{ $commission->name }}</option>
                            @endforeach
                        </select>

                        <label style="margin-top: 15px; width: 100%;">
                            Descrição da solicitação para a comissão:
                            <textarea name="description" id="new_description" class="form-control descricao ckeditor"></textarea>
                        </label>

                        <div class="alert alert-info" style="margin-top: 15px;">
                            O parecer juridico deve ser preenchido depois, no icone especifico da linha do parecer.
                        </div>

                        <label>
                            {!! Form::label('date_end', 'Prazo:') !!}
                            {!! Form::text('date_end', null, ['class' => 'form-control datepicker', 'id' => 'date_end']) !!}
                        </label>

                        <label>
                            {!! Form::label('days', 'Dias:') !!}
                            {!! Form::number('days', null, ['class' => 'form-control', 'id' => 'days', 'disabled']) !!}
                        </label>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Fechar
                        </button>
                        <button type="button" class="btn btn-primary" onclick="newAdvice({{ $lawsProject->id }})">
                            SOLICITAR
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <script>
        $(document).ready(function() {
            // Inicializar o Select2
            $('.js-example-basic-multiple').select2();

            if (typeof CKEDITOR !== 'undefined' && $("#new_description").length) {
                CKEDITOR.replace('new_description', {
                    height: 160,
                    removePlugins: 'elementspath',
                    allowedContent: true
                });
            }

            if (typeof CKEDITOR !== 'undefined' && $("#new_legal_option").length) {
                CKEDITOR.replace('new_legal_option', {
                    height: 220,
                    removePlugins: 'elementspath',
                    allowedContent: true
                });
            }

            // Definir o valor inicial do campo date_end
            document.querySelector('#date_end').value = someDateFiveForm;

            // Calcular os dias quando o campo date_end mudar
            $('#date_end').on('change', () => {
                const date_first_split = $('#date_end').val().split('/').reverse().join('/');
                const date_last_split = dateForm.split('/').reverse().join('/');

                let day1 = new Date(date_last_split);
                let day2 = new Date(date_first_split);

                let difference = Math.abs(day2 - day1);

                document.querySelector('#days').value = difference / (1000 * 3600 * 24);
            });

            // Adicionar a classe chosen-select ao select com delay
            setTimeout(function() {
                $('#comissao').addClass('chosen-select');
            }, 500);
        });

        // Função para adicionar a classe chosen-select ao abrir o modal
        var addChosen = function() {
            $('#comissao').addClass('chosen-select');
        };

        const newLegalOption = (project_id) => {
            const url = "/advice/create";
            let legalOptionValue = '';

            if (typeof CKEDITOR !== 'undefined' && CKEDITOR.instances.new_legal_option) {
                legalOptionValue = CKEDITOR.instances.new_legal_option.getData();
                $("#new_legal_option").val(legalOptionValue);
            } else {
                legalOptionValue = $("#new_legal_option").val();
            }

            if (!legalOptionValue.replace(/<[^>]*>/g, '').trim()) {
                toastr.error("Informe o parecer jurídico antes de salvar.");
                return;
            }

            const data = {
                _token: '{{ csrf_token() }}',
                date: dateForm + ' ' + timeForm,
                laws_projects_id: project_id,
                document_id: 0,
                type: 'j',
                legal_option: legalOptionValue,
                date_end: null,
            };

            $.ajax({
                url: url,
                data: data,
                method: 'POST',
                dataType: 'json',
                success: (data) => {
                    if (data.success) {
                        toastr.success(data.message || "Parecer jurídico salvo com sucesso!");
                        window.location.reload();
                    } else {
                        toastr.error(data.message || "Erro ao salvar parecer jurídico!");
                    }
                },
                error: (xhr) => {
                    console.error("Erro na requisição AJAX:", xhr.responseText);
                    toastr.error("Erro na requisição! Verifique os dados: " + xhr.responseText);
                }
            });
        };

        // Função para criar um novo aconselhamento
        const newAdvice = (project_id) => {
            const url = "/advice/create";
            const laws_projects_id = project_id;
            const to_id = [];
            const type = [];
            const label = [];

            // Capturar os valores do select de comissões
            $('#comissao :selected').each((i, sel) => {
                to_id[i] = $(sel).val().substr(1);
                type[i] = $(sel).val().substr(0, 1);
                label[i] = $(sel).text();
            });

            let descriptionValue = '';
            if (typeof CKEDITOR !== 'undefined' && CKEDITOR.instances.new_description) {
                descriptionValue = CKEDITOR.instances.new_description.getData();
                $("#new_description").val(descriptionValue);
            } else {
                descriptionValue = $("#new_description").val();
            }

            const data = {
                date: dateForm + ' ' + timeForm,
                laws_projects_id: laws_projects_id,
                document_id: 0,
                to_id: to_id,
                type: type,
                description: descriptionValue,
                date_end: $('#date_end').val(),
            };

            // Log para depuração: inspecionar os dados enviados
            console.log("Dados enviados para /advice/create:", data);

            $.ajax({
                url: url,
                data: data,
                method: 'POST',
                dataType: 'json',
                success: (data) => {
                    if (data.success) {
                        toastr.success(data.message || "Pedido salvo com sucesso!!");
                        window.location.reload();
                    } else {
                        toastr.error(data.message || "Erro ao salvar pedido!!");
                    }
                },
                error: (xhr) => {
                    console.error("Erro na requisição AJAX:", xhr.responseText);
                    toastr.error("Erro na requisição! Verifique os dados: " + xhr.responseText);
                }
            });
        };

        // Função para formatar a data atual
        const dataAtualFormatada = (data) => {
            let dia = data.getDate();
            if (dia.toString().length === 1)
                dia = "0" + dia;
            let mes = data.getMonth() + 1;
            if (mes.toString().length === 1)
                mes = "0" + mes;
            let ano = data.getFullYear();
            return dia + "/" + mes + "/" + ano;
        };
    </script>
    <style>
        .panel-action-buttons {
            display: flex;
            gap: 6px;
            align-items: center;
        }

        .standalone-legal-option-box {
            border: 1px solid #d8dde6;
            border-radius: 4px;
            background: #fff;
            margin-bottom: 15px;
        }

        .standalone-legal-option-box__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            border-bottom: 1px solid #e7eaf0;
            background: #f7f9fc;
        }

        .standalone-legal-option-box__content {
            padding: 12px;
            max-height: 260px;
            overflow: auto;
        }
    </style>
@endsection