@extends('adminlte::page')

@section('content_header')
    <h1>Relatório de pacientes cadastrados ou alterados no período</h1>
@stop

@section('content')
    <div class="box box-primary">
        <div class="box-body">
            <form id="formPesquisa">
                <div class="row">
                    <div class="form-group col-sm-12 col-md-2">
                        <label for="data_inicial">De</label>
                        <input type="date" class="form-control" name="data_inicial" id="data_inicial">
                    </div>
                    <div class="form-group col-sm-12 col-md-2">
                        <label for="data_final">Até</label>
                        <input type="date" class="form-control" name="data_final" id="data_final">
                    </div>
                    <div class="form-group col-sm-12 col-md-2" style="padding-top: 24px;">
                        <a class="btn btn-social btn-dropbox" id="btnPesquisar">
                            <i class="fas fa-search"></i> <span id="lblPesquisar">Pesquisar</span>
                        </a>
                    </div>
                </div>
            </form>
        </div>

        <table class="table table-bordered" id="tbl_caixas" class="display" width="100%"></table>

    </div>
@stop

<script src={{ asset("js/app.js")}}></script>

<script>
    jQuery(document).ready(function(){

        $('#btnPesquisar').on("click", function(){
            if(document.getElementById("formPesquisa").reportValidity()){
                $("#btnPesquisar").attr("disabled", true);
                $("#lblPesquisar").text("Aguarde");

                $.ajax({
                    url:"{{ route('relatorios.paciente.pesqPacientesCadastrados') }}",
                    method:"GET",
                    data:{"data_inicial":$("#data_inicial").val(), "data_final":$("#data_final").val()},
                    success:function(result){
                        
                        var dataSet = [];
                        if(result != ""){
                            $.each(result, function(index,data){
                                var nome = data.nome;
                                var tel_residencial = data.tel_residencial;
                                var tel_celular = data.tel_celular;
                                var email = data.email;
                                var aniversario = moment(data.data_nascimento).format('DD/MM'); 
                                var sexo = data.sexo;
                                var data_cadastro = moment(data.created_at).format('DD/MM/YYYY'); 
                                var data_alteracao = moment(data.updated_at).format('DD/MM/YYYY'); 
                                
                                dataSet.push([nome, tel_residencial, tel_celular, email, aniversario, sexo]);
                            });
                        }
                        $('#tbl_caixas').DataTable({
                                                    data: dataSet,
                                                    destroy: true,
                                                    searching: false,
                                                    buttons: [
                                                        {
                                                            extend: 'excel',
                                                            title: 'Clínica Dra. Meira Souza - Relatórios de pacientes cadastrados ou alterados'
                                                        }, 
                                                        {
                                                            extend: 'pdf', 
                                                            title: 'Clínica Dra. Meira Souza - Relatórios de pacientes cadastrados ou alterados',
                                                            orientation: 'landscape'
                                                        },
                                                        {
                                                            extend: 'csv',
                                                            title: 'Clínica Dra. Meira Souza - Relatórios de pacientes cadastrados ou alterados'
                                                        },
                                                        {
                                                            extend: 'print',
                                                            title: 'Clínica Dra. Meira Souza - Relatórios de pacientes cadastrados ou alterados'
                                                        },
                                                    ],
                                                    columns: [
                                                        { title: 'Nome' },
                                                        { title: 'Tel. Residencial' },
                                                        { title: 'Tel. Celular' },
                                                        { title: 'E-mail' },
                                                        { title: 'Aniversário' },
                                                        { title: 'Sexo' },

                                                    ],
                                                    "bLengthChange": false, 
                                                    "pageLength": 20,
                                                    "order": [[0, 'asc']],
                                                    "language": {"url": "../../../vendor/bower_components/datatables.net/json/Portuguese-Brasil.json"},
                                                    dom: 'Bfrtip',
                                                    
                                                });
                    
                        $("#btnPesquisar").attr("disabled", false);
                        $("#lblPesquisar").text("Pesquisar")                        
                    },
                    error:function(error){
                        console.log("ERRO: ", error);
                    }
                })
                
            }
        })
    });
</script>