@extends('adminlte::page')
@section('title', 'Sigo 2.0')
@section('content_header')
@section('content')
    <div class="clear"></div>

    <div class="card">
        <div class="card-header">
            <h1 class="card-title" style="font-weight:bold;">Cadastro de Reuniões</h1>
        </div>
        <form>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-1" style="margin-top: -6px;">
                        <div class="form-group">
                            <label class="col-form-label">Código</label>
                            <input id="evc_codigo" name="evc_codigo" type="text" class="form-control" disabled
                                value="{{ $dadosDaReuniao->evc_codigo ?? '' }}">
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="tipo">Conselhos</label>
                            <select name="evc_tiporeuniao" id="evc_tiporeuniao" class="form-control" required>
                                <option value="">-- Selecione --</option>
                                @foreach ($conselhos as $conselho)
                                    <option value="{{ $conselho->codigo }}"
                                        {{ ($dadosDaReuniao->evc_tiporeuniao ?? '') == $conselho->codigo ? ' selected' : '' }}>
                                        {{ $conselho->nome }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label"> Data </label>
                            <input name="evc_data" id="evc_data" type="date" data-mask="99-99-9999"
                                pattern="\d{2}\-\d{2}\-\d{4}" class="form-control" required
                                value="{{ substr($dadosDaReuniao->evc_data ?? '', 0, 10) }}">
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label"> Data de Pagamento</label>
                            <input name="evc_datapagamento" id="evc_datapagamento" type="date" data-mask="99-99-9999"
                                pattern="\d{2}\-\d{2}\-\d{4}" class="form-control" required
                                value="{{ substr($dadosDaReuniao->evc_datapagamento ?? '', 0, 10) }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-7">
                        <div class="form-group">
                            <label for="validationTextarea" class="form-label">Observação</label>
                            <textarea name="evc_observacao" class="form-control" id="evc_observacao" maxlength="396"
                                placeholder="Digite aqui as observações..." style="height: 150px;" value="inputCadastro">{{ $dadosDaReuniao->evc_observacao ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div class="card-footer">
            <button type="button" class="btn btn-primary btn-md" id="btnSalvar" onclick="salvarDados()">Salvar</button>
            <button type="button" class="btn btn-warning btn-md" id="btnSalvarVoltar"
                onclick="salvarDados('voltar')">Salvar e Voltar</button>
            <a href="/sigo-laravel/public/financeiro/reunioes/index" class="btn btn-success btn-md">Voltar</a>
            <a href="/sigo-laravel/public/financeiro/reunioes/create" class="btn btn-secondary btn-md">Novo</a>
        </div>
    </div>

@stop
@section('css')
    <style>
        .tabcontent {
            height: 480px;
        }

        .clear {
            height: 15px;
        }
    </style>
@stop

@section('plugins.Datatables', true)
@section('plugins.DatatablesPlugins', true)
@section('plugins.Toastr', true)
@section('js')
    <script src="{{ asset('js/app.js') }}"></script>
    <script>
        $('#btnSalvar').click(function() {
            $('#btnSalvar').prop('disabled', true);
        })
        $('#btnSalvarVoltar').click(function() {
            $('#btnSalvarVoltar').prop('disabled', true);
        })

        function salvarDados(pVoltar = '') {

            var codigoReuniao = $('#evc_codigo').val();
            if (codigoReuniao == '') {
                url = '/inserirDados';
                method = 'POST';
            } else {
                url = '/' + codigoReuniao;
                method = 'PUT';
            }
            myHeaders = new Headers({
                'Authorization': 'bearer ' + localStorage.getItem('token'),
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*"
            });
            dados = {
                "evc_codigo": $('#evc_codigo').val(),
                "evc_tiporeuniao": $('#evc_tiporeuniao').val(),
                "evc_data": $('#evc_data').val(),
                "evc_datapagamento": $('#evc_datapagamento').val(),
                "evc_observacao": $('#evc_observacao').val()
            }
            var myInit = {
                method: method,
                body: JSON.stringify(dados),
                headers: myHeaders
            }
            fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhos' + url, myInit)
                .then(function(response) {
                    response.json().then(function(dados) {
                        if (response.status == 200) {
                            toastr.success(dados.message, 'Sucesso!', {
                                timeOut: 3000,
                                progressBar: true,
                                closeButton: true
                            });

                            $('#evc_codigo').val(dados.data.evc_codigo);
                            setTimeout(function() {
                                if (pVoltar != '') {
                                    window.location.href =
                                        "/sigo-laravel/public/financeiro/reunioes/index";
                                }
                            }, 2000);

                        } else {
                            toastr.error(dados.message, 'Erro!', {
                                timeOut: 3000,
                                progressBar: true,
                                closeButton: true
                            });
                        }
                        $('#btnSalvar').prop('disabled', false);
                    });
                });
        }

        function salvarDadosVoltar() {

            var codR = $('#cod').val();

            if (codR == "") {

                myHeaders = new Headers({
                    'Authorization': 'bearer ' + localStorage.getItem('token'),
                    "Content-Type": "application/json",
                    "Accept": "application/json, text-plain, */*"
                });
                dados = {
                    "evc_codigo": $('#codigo').val(),
                    "evc_tiporeuniao": $('#tipo').val(),
                    "evc_data": $('#data').val(),
                    "evc_observacao": $('#observacao').val()
                }
                var myInit = {
                    method: 'POST',
                    body: JSON.stringify(dados),
                    headers: myHeaders
                }
                fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhos/inserirDados', myInit)
                    .then(function(response) {
                        response.json().then(function(dados) {
                            if (response.status == 200) {
                                toastr.success(dados.message, 'Sucesso!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                                setTimeout(function() {
                                    window.location.href =
                                        "/sigo-laravel/public/financeiro/reunioes/index";
                                }, 2000);
                            } else {
                                toastr.error(dados.message, 'Erro!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                            }

                        });
                    });

            } else {

                myHeaders = new Headers({
                    'Authorization': 'bearer ' + localStorage.getItem('token'),
                    "Content-Type": "application/json",
                    "Accept": "application/json, text-plain, */*"
                });
                dados = {
                    "evc_codigo": $('#codigo').val(),
                    "evc_tiporeuniao": $('#tipo').val(),
                    "evc_data": $('#data').val(),
                    "evc_observacao": $('#observacao').val()
                }
                var myInit = {
                    method: 'PUT',
                    body: JSON.stringify(dados),
                    headers: myHeaders
                }
                fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhos/' + codR, myInit)
                    .then(function(response) {
                        response.json().then(function(dados) {
                            if (response.status == 200) {
                                toastr.success("Dados alterados com sucesso", 'Sucesso!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                                setTimeout(function() {
                                    window.location.href =
                                        "/sigo-laravel/public/financeiro/reunioes/index";
                                }, 2000);
                            } else {
                                toastr.error(dados.message, 'Erro!', {
                                    timeOut: 3000,
                                    progressBar: true,
                                    closeButton: true
                                });
                            }
                        });
                    });
            }
        }
    </script>
@stop