@extends('adminlte::page')
@section('title', 'Sigo 2.0')

@section('content_header')
    <div class="row">
        <div class="col">
            <h1>Período Financeiro</h1>
        </div>
        <div class="col d-flex justify-content-end">
            <a href="{{ route('financeiro.periodoFinanceiro.create') }}" class="btn btn-primary btn-md"><i
                    class="fas fa-plus fa-xs mr-2"></i>Novo</a>
        </div>
    </div>
    <div class="row mt-3" id="divListagemProducao">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Tabela de Períodos Financeiros</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body p-0">
                    <table id="listagemDosPeriodos" class="table table-striped p-3">
                        <thead>
                            <tr>
                                <th>Data de Inicial</th>
                                <th>Data de Final</th>
                                <th>Data de Fechamento</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @include('financeiro/periodoFinanceiro/modalConfirmaExclusao')
@stop

@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', true)
@section('plugins.Toastr', true)

@section('js')
    <script src="{{ asset('js/app.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.13.4/sorting/datetime-moment.js"></script>
    <script>
        dataInicio = '';
        dataFim = '';
        $(document).ready(function() {
            $.fn.dataTable.moment('DD/MM/YYYY');
            var table = $('#listagemDosPeriodos').DataTable({
                order: [
                    [1, 'desc']
                ],
                "responsive": true,
                "lengthChange": false,
                "autoWidth": false,
                "language": {
                    "zeroRecords": "Nenhum registro encontrado",
                    "info": "Mostrando os registos _START_ a _END_. Total: _TOTAL_",
                    "search": "Procurar:",
                    "infoEmpty": "Mostrando 0 registos",
                    "infoFiltered": "(Filtrado num total de _MAX_ registros)",
                    "paginate": {
                        "previous": "Anterior",
                        "next": "Próximo"
                    },
                },
                data: JSON.parse('{!! $periodos !!}', true),
                columns: [
                    {
                        data: 'pfi_datainicial',
                        render: function (data) {
                            return formataData(data, "DD/MM/YYYY");
                        }
                    },
                    {
                        data: 'pfi_datafinal',
                        render: function(data) {
                    if (!data) {
                        return 'Data final não definida';
                        } else {
                        return formataData(data, "DD/MM/YYYY");
                             }
                        }
                    },
                    {
                        data: 'pfi_datafechamentoperiodo',
                        render: function (data) {
                            return formataData(data, "DD/MM/YYYY");
                        }
                    },
                    {
                        data: '',
                        render: function(data, type, row) {
                            data_inicial = row.pfi_datainicial.substring(0, 10);
                            data_final = row.pfi_datafinal.substring(0, 10);
                            acoes =
                                '<span><button class="btn"><a title="Alterar" href="/sigo-laravel/public/financeiro/periodoFinanceiro/edit/' + data_inicial + '/' + data_final + '" style=" color: #000000;" ><i data-toggle="tooltip" class="fas fa-pen fa-sm"></i></a></button></span>' +
                                '<span><button class="btn" type="button" onclick="chamaModalConfirmacao(\'' + data_inicial + '\',\'' + data_final + '\')"><i class="fas fa-trash fa-sm"></i></button></span>';
                            return acoes;
                        }
                    },
                ],
            });
        });

        function chamaModalConfirmacao(dtInicio, dtFim){
            dataInicio = dtInicio;
            dataFim = dtFim;
            $('#modalConfirmaExlusao').modal('show');
        }

        function deletar() {
            myHeaders = new Headers({
                'Authorization': 'bearer ' + localStorage.getItem('token'),
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*"
            });
            dados = {
                "pfi_datainicial": dataInicio,
                "pfi_datafinal": dataFim
            }
            var myInit = {
                method: 'DELETE',
                body: JSON.stringify(dados),
                headers: myHeaders
            }
            fetch('/sigo-laravel/public/api/v1/financeiro/periodofinanceiro/delete', myInit)
                .then(function(response) {
                    response.json().then(function(dados) {
                        if (response.status == 200) {
                            $('#modalConfirmaExlusao').modal('hide');
                            toastr.success(dados.message, 'Sucesso!', {
                                timeOut: 2000,
                                progressBar: true,
                                closeButton: true
                            });
                            setTimeout(function() {
                                location.reload();
                            }, 1000);
                        } else {
                            toastr.error(dados.message, 'Erro!', {
                                timeOut: 3000,
                                progressBar: true,
                                closeButton: true
                            });
                        }
                    });
                });
        }
    </script>
@stop