@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('lawsProjects.show') !!}
@endsection
@section('content')
    <div class="the-box rounded">
        <div class="form-group">
            <a href="{!! route('lawsProjects.index') !!}" class="btn btn-default">Voltar</a>
        </div>

        @if (isset($lawsProject))
            @if (isset($lawsProject->id) && $tramitacao)
                <div class="form-group col-sm-12">
                    <div class="panel panel-square panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title"><i class="fa fa-angle-double-right"></i> TRAMITAÇÃO</h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group col-sm-3">
                                {!! Form::label('new_advice_situation_id', 'Situação do projeto:') !!}
                                {!! Form::select('new_advice_situation_id', $advice_situation_law, null, ['class' => 'form-control']) !!}
                            </div>

                            <div class="form-group col-sm-3">
                                {!! Form::label('new_status_processing_law_id', 'Status do trâmite:') !!}
                                {!! Form::select('new_status_processing_law_id', $status_processing_law, null, ['class' => 'form-control']) !!}
                            </div>

                            @if (Auth::user()->roleHasPermission('dateAdvicesLawsProjects.edit'))
                                <div class="form-group col-sm-2">
                                    {!! Form::label('new_date_processing', 'Data:') !!}
                                    {!! Form::text('new_date_processing', null, ['class' => 'form-control datetimepicker1']) !!}
                                </div>
                            @else
                                <div class="form-group col-sm-2">
                                    {!! Form::label('new_date_processing', 'Data:') !!}
                                    {!! Form::text('new_date_processing', null, ['class' => 'form-control datetimepicker1', 'disabled']) !!}
                                </div>
                            @endif

                            <div class="form-group col-sm-2">
                                {!! Form::label('destination_id', 'Destinatários:') !!}
                                {!! Form::select('destination_id', $destinations, null, ['class' => 'form-control']) !!}
                            </div>

                            <div class="form-group col-sm-1">
                                {!! Form::label('date_end', 'Prazo:') !!}
                                {!! Form::text('date_end', null, ['class' => 'form-control datepicker']) !!}
                            </div>

                            <div class="form-group col-sm-1">
                                {!! Form::label('days', 'Dias:') !!}
                                {!! Form::number('days', null, ['class' => 'form-control', 'disabled']) !!}
                            </div>

                            <div class="form-group col-sm-12">
                                {!! Form::label('new_observation', ' Observações:') !!}
                                {!! Form::textarea('new_observation', null, ['class' => 'form-control ckeditor']) !!}
                            </div>

                            <div class="form-group col-sm-12">
                                <button class="btn btn-info pull-right" type="button" onclick="save_processing()">
                                    Salvar
                                </button>
                            </div>

                            <div class="col-md-12">
                                <table class="table-th-block table-dark table">
                                    <thead>
                                        <tr>
                                            <th width="100">
                                                Data
                                            </th>
                                            <th width="150">
                                                Situação do projeto
                                            </th>
                                            <th width="150">
                                                Destinatário
                                            </th>
                                            <th width="500">
                                                Observações
                                            </th>
                                            <th width="150">
                                                Status do trâmite
                                            </th>
                                            <th width="50">
                                                Prazo
                                            </th>
                                            <th width="20">
                                                Ações
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody id="table_processing">
                                        @forelse($processing_last as $key => $processing)
                                            <tr id="line_{{ $processing->id }}">
                                                <td> {{ $processing->processing_date }}</td>
                                                <td> {{ $processing->adviceSituationLaw->name }}</td>
                                                <td> {{ $processing->destination->name ?? '' }}</td>
                                                <td>
                                                    {!! \Illuminate\Support\Str::limit($processing->obsevation, 50, '...') !!}
                                                </td>
                                                <td>
                                                    @if ($processing->statusProcessingLaw)
                                                        {{ $processing->statusProcessingLaw->name }}
                                                    @endif
                                                </td>

                                                <td style="text-align: justify;"> {!! $processing->date_end ?? '' !!}</td>
                                                <td>
                                                    @if (Auth::user()->id === $processing->owner_id ||
                                                            $processing->id === $first_processing->id ||
                                                            Auth::user()->hasRole('root'))
                                                        <button type="button" class="btn btn-danger btn-xs"
                                                            onclick="delete_processing('{{ $processing->id }}')">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                        <!--Abre modal para editar data de tramite-->

                                                        @if ($_SERVER['HTTP_HOST'] == 'cmcostarica.sis.superlegis.com.br' || $_SERVER['HTTP_HOST'] == 'dev.localhost:8000')
                                                            <button type="button" class="btn btn-primary btn-xs"
                                                                onclick="openModalDate('{{ $processing->id }}', '{{ $processing->processing_date }}','{{ $processing->advice_situation_id }}')">
                                                                <i class="fa fa-edit"></i>
                                                            </button>
                                                        @endif
                                                        <div class="modal fade" id="exampleModal" tabindex="-1"
                                                            aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h3 class="modal-title" id="exampleModalLabel">
                                                                            Alterar data da tramitação</h3>
                                                                        <button type="button" class="close"
                                                                            data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <form>
                                                                            <div id="container-alert">
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="recipient-name"
                                                                                    class="col-form-label">Data:</label>
                                                                                <input type="hidden" id="idProcessing">
                                                                                <input type="hidden" id="idSituation">
                                                                                <input type="text" class="form-control"
                                                                                    id="dataModal" />
                                                                            </div>
                                                                        </form>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary"
                                                                            data-dismiss="modal">Cancelar</button>
                                                                        <button type="button" class="btn btn-primary"
                                                                            onclick="updateTramite()">Salvar</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td>
                                                    <strong> Não existe tramitação </strong>
                                                </td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            <script>
                document.querySelector('#new_date_processing').value = dateForm + ' ' + timeForm

                const diffDate = () => {
                    const array_date = $('#new_date_processing').val().split(' ')
                    const date_first_split = array_date[0].split('/').reverse().join('/')
                    const date_last_split = $('#date_end').val().split('/').reverse().join('/')

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

                    return Math.abs(day1 - day2) / (1000 * 3600 * 24);
                }

                $('#date_end').on('change', () => {
                    document.querySelector('#days').value = diffDate()
                })

                $('#destination_id').on('change', () => {
                    console.log(diffDate());
                    document.querySelector('#days').value = diffDate()
                })

                $(document).ready(function() {
                    setTimeout(function() {
                        $('#comissao').addClass('chosen-select')
                    }, 500);
                });

                var addChosen = function() {

                    $('#comissao').addClass('chosen-select')

                };

                var newAdvice = function(project_id) {
                    var url = "/advice/create";
                    var laws_projects_id = project_id;
                    var to_id = [];
                    var type = [];
                    var label = [];

                    $('#comissao :selected').each(function(i, sel) {
                        to_id[i] = $(sel).val().substr(1);
                        type[i] = $(sel).val().substr(0, 1);
                        label[i] = $(sel).text();
                    });

                    const data = {
                        laws_projects_id: laws_projects_id,
                        document_id: 0,
                        to_id: to_id,
                        type: type,
                        description: CKEDITOR.instances['comissionDescriprion'].getData(),
                        legal_option: CKEDITOR.instances['legalOption'].getData(),
                        date_end: $('#date_end').val(),
                    }

                    if (to_id.length > 0) {

                        $.ajax({
                            url: url,
                            method: 'POST',
                            data: data
                        }).success(function(data) {
                            data = JSON.parse(data);

                            if (data) {
                                toastr.success("Pedido salvo com sucesso!!");
                            } else {
                                toastr.error("Erro ao salvar pedido!!");
                            }

                        })
                    } else {
                        toastr.error('Selecione um destino!');
                    }
                }

                function dataAtualFormatada(data) {
                    var dia = data.getDate();
                    if (dia.toString().length == 1)
                        dia = "0" + dia;
                    var mes = data.getMonth() + 1;
                    if (mes.toString().length == 1)
                        mes = "0" + mes;
                    var ano = data.getFullYear();
                    return dia + "/" + mes + "/" + ano;
                }
            </script>
        @endif
        <div class="clearfix">

        </div>
    </div>

    <script>
        if ({{ Auth::user()->can_request_secretary }}) {
            $('body').on('change', '#destination_id', () => {
                if ($('#destination_id').val() === '4') {
                    document.querySelector('#date_end').value = someDateForm
                    document.querySelector('#days').value = diffDate()
                } else if ($('#destination_id').val() === '6') {
                    document.querySelector('#date_end').value = someDateTwentyForm
                    document.querySelector('#days').value = diffDate()
                } else {
                    document.querySelector('#date_end').value = ''
                    document.querySelector('#days').value = diffDate()
                }
            });
        }

        const save_processing = () => {

            const url = '{{ route('processings.store') }}';

            if ($('#new_advice_situation_id').val() == '') {
                toastr.error('Selecione a situação da tramitação!')
            } else {
                if ($('#new_status_processing_law_id').val() == '') {
                    toastr.error('Selecione um status para tramitação!');
                } else {
                    if ($('#new_date_processing').val() == '') {
                        toastr.error('Selecione uma data para tramitação!');
                    } else {
                        const data = {
                            law_projects_id: '{{ $lawsProject->id }}',
                            advice_publication_id: $('#new_advice_publication_id').val(),
                            advice_situation_id: $('#new_advice_situation_id').val(),
                            status_processing_law_id: $('#new_status_processing_law_id').val(),
                            processing_date: $('#new_date_processing').val(),
                            processing_date_first: '{{ $first_processing->processing_date ?? '' }}',
                            destination_id: $('#destination_id').val(),
                            processing_file: $('#processing_file').val(),
                            date_end: $('#date_end').val(),
                            obsevation: CKEDITOR.instances.new_observation.getData()
                        };

                        $.ajax({
                            url: url,
                            data: data,
                            method: 'post'
                        }).success(function(data) {
                            data = JSON.parse(data);

                            if (data) {
                                @if (isset($processing))
                                    table = $('#table_processing').empty();

                                    data.forEach(function(valor, chave) {

                                        str = '<tr id="line_' + valor.id + '"> ';
                                        str += "<td>";
                                        str += valor.processing_date ?? '';
                                        str += "</td>";
                                        str += "<td>";
                                        str += valor.advice_situation_law.name;
                                        str += "</td>";
                                        str += "<td>";
                                        if (valor.destination) {
                                            str += valor.destination.name;
                                        }
                                        str += "</td>";
                                        str += "<td>";
                                        if (valor.status_processing_law_id > 0) {
                                            str += valor.status_processing_law.name;
                                        }
                                        str += "</td>";
                                        str += "<td>";
                                        str += valor.obsevation ?? '';
                                        str += "</td>";
                                        str += "<td>";
                                        str += valor.date_end ?? '';
                                        str += "</td>";
                                        @if (Auth::user()->id === $processing->user_id || Auth::user()->hasRole('root'))
                                            str += "<td>";
                                            str +=
                                                '<button type="button" class="btn btn-danger btn-xs" onclick="delete_processing(' +
                                                valor.id + ')"> <i class="fa fa-trash"></i> </button>';
                                            str += "</td>";
                                        @endif
                                        str += "</tr>";
                                        table.append(str);
                                    });
                                @endif

                                toastr.success('Tramitação salva com sucesso!');

                                $('#new_advice_publication_id').val('');
                                $('#new_advice_situation_id').val('');
                                $('#new_status_processing_law_id').val('');
                                $('#new_date_processing').val('');
                                CKEDITOR.instances.new_observation.setData('');

                                window.location.href = '{{ route('lawsProjects.index') }}';
                            } else {
                                toastr.error("Data menor que a do ultimo tramite");
                            }
                        });
                    }
                }
            }

        }

        var delete_processing = function(id) {

            if (confirm('Deseja excluir?')) {

                const url = '/processings/' + id

                $.ajax({
                    url: url,
                    method: 'DELETE'
                }).success(function(data) {

                    console.log(data)

                    data = JSON.parse(data);

                    $('#line_' + id).fadeOut();
                    toastr.success('Tramitação excluída com sucesso!');

                });
            }
        }
    </script>

    <script>
        function openModalDate(id, data, situation) {
            $('#idProcessing').val(id)
            $('#dataModal').val(data)
            $('#idSituation').val(situation)
            $('#exampleModal').modal('show')
        }

        function updateTramite() {

            const dados = {
                id: $('#idProcessing').val(),
                data: $('#dataModal').val(),
                situation: $('#idSituation').val()
            }

            const url = '/lawProject/tramite/update/' + btoa(dados);
            $.ajax({
                url: url,
                method: 'POST',
                data: dados
            }).success(function(data) {
                $('#container-alert').append(
                    "<div class='alert alert-success' role='alert'>Tramitação alterada com sucesso!</div>")
                location.reload()
            })

        }
    </script>

@endsection