@extends('adminlte::page')
@section('title', 'Sigo 2.0')
@section('content_header')
@section('content')
    <div class="clear"></div>
    <div class="row" style="margin-bottom:-8px;">
        <div class="col-md-12">
            <a href="{{ route('financeiro.reunioes.create') }}" class="btn btn-secondary btn-md"
                style="margin-bottom: 8px;">Nova Reunião</a>
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title" style="font-weight:bold;">Consulta</h3>
                </div>
                <div class="tabcontent" id="tabcontent">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Conselhos</label>
                                    <select id="tipoReuniao" name="tipoReuniao" class="form-control"
                                        onchange="clearInput()">
                                        <option value="null">-- Selecione --</option>
                                        @foreach ($conselhos as $conselho)
                                            <option value="{{ $conselho->codigo }}">{{ $conselho->nome }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3" style="margin-top: -6px;">
                                <div class="form-group">
                                    <label class="col-form-label"> Data Inicial</label>
                                    <input id="dataReuniaoInicial" name="dataReuniaoInicial" type="date"
                                        class="form-control" value="" required>
                                </div>
                            </div>
                            <div class="col-sm-3" style="margin-top: -6px;">
                                <div class="form-group">
                                    <label class="col-form-label"> Data Final</label>
                                    <input id="dataReuniaoFinal" name="dataReuniaoFinal" type="date" class="form-control"
                                        value="" required>
                                </div>
                            </div>

                            <div class="col-sm-3" id="btn">
                                <div class="form-group" style="margin-top: 32px;">
                                    <button type="button" class="btn btn-primary btn-md" onclick="filtrarTabela();"
                                        name="btnFiltrar">Filtrar</button>

                                    <button type="button" class="btn btn-danger btn-md" onclick="limparFiltro();"
                                        name="btnLimparFiltro">Limpar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title" style="font-weight:bold;">Reuniões Ocorridas</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <table id="dataTableConsulta" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th class='direita'>Código</th>
                                <th class='direita'>Data</th>
                                <th class='direita'>Conselhos</th>
                                <th class='direita'>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @include('financeiro/reunioes/modal-cooperados')
@stop

@section('css')
    <style>
        #tabcontent {
            height: 110px;
        }

        .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 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>
        function filtrarTabela() {
            var tipoReuniao = $('#tipoReuniao').val();
            if (tipoReuniao != 'null') {
                var dataReuniaoInicial = $('#dataReuniaoInicial').val() ? $('#dataReuniaoInicial').val() : null;
                var dataReuniaoFinal = $('#dataReuniaoFinal').val() ? $('#dataReuniaoFinal').val() : null;
                myHeaders = new Headers({
                    'Authorization': 'bearer ' + localStorage.getItem('token')
                });
                var myInit = {
                    method: 'GET',
                    headers: myHeaders
                };
                fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhos/getConsultaReunioes/' + tipoReuniao + '/' +
                        dataReuniaoInicial + '/' + dataReuniaoFinal,
                        myInit)
                    .then(function(response) {
                        $('#end_titlog').html('<option value="" disabled selected>Selecione</option>');
                        response.json().then(function(dados) {
                            dadosTabela = JSON.stringify(dados);
                            preencherTabela(dadosTabela);
                        });

                    });
            } else {
                toastr.error("Selecione o conselho", 'Atenção!', {
                    timeOut: 3000,
                    progressBar: true,
                    closeButton: true
                });
            }



        }

        function limparFiltro() {
            $('#tipoReuniao').val("");
            $('#dataReuniaoInicial').val("");
            $('#dataReuniaoFinal').val("");
            var table = $('#dataTableConsulta').DataTable();
            table
                .clear()
                .draw();
        }

        function clearInput() {
            $('#dataReuniaoInicial').val("");
            $('#dataReuniaoFinal').val("");
            var table = $('#dataTableConsulta').DataTable();
            table
                .clear()
                .draw();
        }

        function preencherTabela(dadosTabela) {
            $("#dataTableConsulta").DataTable({
                "bDestroy": true,
                "responsive": true,
                "ordering": false,
                "lengthChange": false,
                "autoWidth": false,
                "language": {
                    "zeroRecords": "Nenhum registro encontrado",
                    "info": "Mostrando os registos _START_ a _END_ num total de _TOTAL_",
                    "search": "Procurar:",
                    "infoEmpty": "Mostrando 0 registos",
                    "infoFiltered": "(filtrado num total de _MAX_ registros)",
                    "paginate": {
                        "previous": "Anterior",
                        "next": "Próximo"
                    },
                },
                data: JSON.parse(dadosTabela, true),
                columns: [{
                        data: 'evc_codigo',
                        render: function(data) {
                            return data;
                        },
                        className: "text-left"
                    },
                    {
                        data: 'evc_data',
                        render: function(data) {
                            dataF = moment(data).format("DD/MM/YYYY");
                            return dataF;
                        },
                        className: "text-left"
                    },
                    {
                        data: 'tipo',
                        render: $.fn.dataTable.render,
                        className: "text-left"
                    },
                    {
                        data: {
                            evc_codigo: "evc_codigo",
                            tiporeuniao: "tiporeuniao",
                            evc_data: "evc_data"
                        },
                        render: function(data) {
                            acoes = ' <span data-target="#myModal" evc_codigo = "' + data.evc_codigo +
                                '" data-toggle="modal" class="actModal"><a data-toggle="tooltip" title="Relacionar Reuniões com Cooperados" href="#" ' +
                                ' style="text-decoration: none; color: #000000;" onclick="selecionaReuniao(' +
                                data.evc_codigo + ',\'' + data.tiporeuniao + '\',\'' + data.evc_data +
                                '\')">' +
                                '<i data-toggle="tooltip" class="fas fa-users"></i></a></span>' +
                                '<span style="margin-left: 10px;" evc_codigo = "' + data.evc_codigo +
                                '" class="btnAltarerReuniao"><a data-toggle="tooltip" title="Alterar" href="/sigo-laravel/public/financeiro/reunioes/edit/' +
                                data.evc_codigo +
                                '" style="text-decoration: none; color: #000000;" ><i data-toggle="tooltip" class="fas fa-pen"></i></a></span>' +
                                '<span style="margin-left: 10px;" evc_codigo = "' + data.evc_codigo +
                                '" class="btnExcluirReuniao"><a data-toggle="tooltip" title="Excluir" href="#" style="text-decoration: none; color: #000000;"><i data-toggle="tooltip" class="fas fa-trash"></i></a></span>';

                            return acoes;

                        }
                    }
                ]
            }).buttons().container().appendTo(
                '#dataTableConsulta_wrapper .col-md-6:eq(0)'
            );
        }

        $(document).on('click', '.btnAlterarReuniao', function() {
            evc_codigo = $(this).attr('evc_codigo');
            alterarAct(evc_codigo);
        });

        $(document).on('click', '.btnExcluirReuniao', function() {
            evc_codigo = $(this).attr('evc_codigo');
            deleteReuniao(evc_codigo);
        });

        function deleteReuniao(evc_codigo) {

            myHeaders = new Headers({
                'Authorization': 'bearer ' + localStorage.getItem('token')
            });
            var myInit = {
                method: 'DELETE',
                headers: myHeaders
            };
            fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhos/' + evc_codigo, myInit)
                .then(function(response) {
                    response.json().then(function(evc_codigo) {
                        if (response.status == 200) {
                            filtrarTabela();
                            toastr.success("Dados removidos com sucesso", 'Sucesso!', {
                                timeOut: 1000,
                                progressBar: true,
                                closeButton: true
                            });
                        } else {
                            toastr.error("Erro ao remover dados", 'Erro!', {
                                timeOut: 1000,
                                progressBar: true,
                                closeButton: true
                            });
                        }
                    });
                });

        }

        $("#dataTableConsulta").DataTable({
            "bDestroy": true,
            "responsive": true,
            "ordering": false,
            "lengthChange": false,
            "autoWidth": false,
            "language": {
                "zeroRecords": "Nenhum registro encontrado",
                "info": "Mostrando os registos _START_ a _END_ num total de _TOTAL_",
                "search": "Procurar:",
                "infoEmpty": "Mostrando 0 registos",
                "infoFiltered": "(filtrado num total de _MAX_ registros)",
                "paginate": {
                    "previous": "Anterior",
                    "next": "Próximo"
                },
            }
        });

        $(document).ready(function() {
            $("#btnIncluirCoop").click(function() {
                var cooperado_codigo = $('#coo_codigo').val();
                if (cooperado_codigo != 'null') {
                    myHeaders = new Headers({
                        'Authorization': 'bearer ' + localStorage.getItem('token')
                    });
                    var myInit = {
                        method: 'GET',
                        headers: myHeaders
                    };
                    fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhoscooperados/getCooperadosDaReuniao/' +
                            evc_codigo_selecionado, myInit)
                        .then(function(response) {
                            $('#end_titlog').html(
                                '<option value="" disabled selected>Selecione</option>');
                            response.json().then(function(dados) {
                                data = JSON.stringify(dados);
                                for (let i = 0; i < dados.length; i++) {

                                    if (dados[i].ecc_coo_codigo == cooperado_codigo) {
                                        var existe = true;
                                        toastr.error("Este cooperado já está incluido",
                                            'Erro ao incluir!', {
                                                timeOut: 3000,
                                                progressBar: true,
                                                closeButton: true
                                            });
                                        break;

                                    } else {
                                        existe = false;
                                    }
                                }

                                if (existe != true) {
                                    incluirCooperado();
                                }
                            });
                        });
                } else {
                    toastr.error("Selecione o cooperado", 'Atenção!', {
                        timeOut: 3000,
                        progressBar: true,
                        closeButton: true
                    });
                }
            });
        });

        function incluirCooperado() {
            myHeaders = new Headers({
                'Authorization': 'bearer ' + localStorage.getItem('token'),
                "Content-Type": "application/json",
                "Accept": "application/json, text-plain, */*"
            });
            dados = {
                "ecc_evc_codigo": evc_codigo_selecionado,
                "ecc_coo_codigo": $('#coo_codigo').val()
            }
            var myInit = {
                method: 'POST',
                body: JSON.stringify(dados),
                headers: myHeaders
            }
            fetch('/sigo-laravel/public/api/v1/financeiro/eventosconselhoscooperados', myInit)
                .then(function(response) {
                    response.json().then(function(dados) {
                        getListagemParticipantes();
                        if (response.status == 200) {
                            toastr.success('Cooperado incluido com sucesso', 'Sucesso!', {
                                timeOut: 3000,
                                progressBar: true,
                                closeButton: true
                            });

                        } else {
                            toastr.error(dados.message, 'Erro!', {
                                timeOut: 3000,
                                progressBar: true,
                                closeButton: true
                            });
                        }
                    });
                });
        }

        function selecionaReuniao(evc_codigo, tipo, evc_data) {
            evc_codigo_selecionado = evc_codigo;
            evc_tipo_selecionado = tipo;
            evc_data_selecionado = moment(evc_data).format("YYYY-MM-DD");
            getListagemSelect();
            getListagemParticipantes();

        }

        var evc_codigo_selecionado = '';
        var evc_tipo_selecionado = '';
        var evc_data_selecionado = '';

        $(document).on('click', '.btnExcluirCoop', function() {
            ecc_coo = $(this).attr('ecc_coo_codigo');
            deleteCoop(ecc_coo);
        });
    </script>
@stop