@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('lawsProjects.show') !!}
@endsection
@section('content')
    <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="btn-group btn-group-xs">
                            <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 PARECER
                            </button>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    @include('lawsProjects.tramites_table')
                </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">PEDIDO DE DESTINO</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>
                            Parecer Jurídico:
                            <textarea name="legal_option" id="new_legal_option" class="form-control descricao ckeditor"></textarea>
                        </label>

                        <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();

            // Inicializar o CKEditor para o textarea do modal #newParecer
            if (typeof CKEDITOR !== 'undefined' && $("#new_legal_option").length) {
                CKEDITOR.replace('new_legal_option', {
                    height: 200,
                    removePlugins: 'elementspath',
                    allowedContent: true
                });
            } else {
                console.warn("CKEditor não foi carregado ou o elemento #new_legal_option não foi encontrado.");
            }

            // 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');
        };

        // 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();
            });

            // Capturar o valor do CKEditor
            let legalOptionValue = '';
            if (typeof CKEDITOR !== 'undefined' && CKEDITOR.instances.new_legal_option) {
                legalOptionValue = CKEDITOR.instances.new_legal_option.getData();
                // Forçar a atualização do textarea
                $("#new_legal_option").val(legalOptionValue);
                console.log("Valor de legal_option (direto do CKEditor):", legalOptionValue);
            } else {
                legalOptionValue = $("#new_legal_option").val();
                console.log("Valor de legal_option (sem CKEditor):", legalOptionValue);
            }

            const data = {
                date: dateForm + ' ' + timeForm,
                laws_projects_id: laws_projects_id,
                document_id: 0,
                to_id: to_id,
                type: type,
                legal_option: legalOptionValue,
                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>
@endsection