@extends('adminlte::page')
@section('title', 'Sigo 2.0')
@section('content_header')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card mt-3">
                <div class="card-header">
                    <h1 class="card-title">Cadastro de Período Financeiro</h1>
                </div>
                <div class="card-body">
                    <div class="row">
                        <input type="hidden" id="acao" value="{{ $acao }}">
                        <div class="col-md-4">
                            <label class="col-form-label">Data Inicial</label>
                            <input name="pfi_datainicial" id="pfi_datainicial" type="date" class="form-control" required
                                value="{{ substr($dadosPeriodo->pfi_datainicial ?? '', 0, 10) }}">
                        </div>
                        <div class="col-md-4">
                            <label class="col-form-label">Data Final</label>
                            <input name="pfi_datafinal" id="pfi_datafinal" type="date" class="form-control" required
                                value="{{ substr($dadosPeriodo->pfi_datafinal ?? '', 0, 10) }}">
                        </div>
                        @if ($acao == 'edit')
                            <div class="col-md-4">
                                <label class="col-form-label">Data Fechamento</label>
                                <input name="pfi_datafechamentoperiodo" id="pfi_datafechamentoperiodo" type="date"
                                    class="form-control" required
                                    value="{{ substr($dadosPeriodo->pfi_datafechamentoperiodo ?? '', 0, 10) }}">
                            </div>
                        @endif
                    </div>
                </div>
                <div class="card-footer">
                    <a href="/sigo-laravel/public/financeiro/periodoFinanceiro" class="btn btn-danger btn-md">Cancelar</a>
                    <button type="button" class="btn btn-primary btn-md" onclick="salvar()">Salvar</button>
                    <a class="btn btn-warning btn-md" onclick="salvar('voltar')">Salvar e Voltar</a>
                    <a href="/sigo-laravel/public/financeiro/periodoFinanceiro/create"class="btn btn-success btn-md">Novo</a>
                </div>
            </div>
        </div>
    </div>
@stop

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

@section('js')
    <script src="{{ asset('js/app.js') }}"></script>
    <script>
        function salvar(voltar = '') {
            var acao = $('#acao').val();

            if (acao == 'create') {
                url = '';
                method = 'POST';
            } else {
                url = '/update';
                method = 'PUT';
            }

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