@extends('layout.master')
@section('parentPageTitle', 'Pacientes')
@section('title', 'Listado de pacientes')


@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')

<meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="row clearfix">
        <div class="col-md-12">
            <div class="card patients-list"> 
                <div class="body">
                    <!-- Nav tabs -->
                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                        <big style="color: black;font-size: 25px;"class="">@yield('title')</big>
                    </div>

                    <div align="right">
                        <a href="ingresar_paciente" class="btn btn-primary btn-round">Nuevo paciente</a>
                    </div>
                    
        
                    <!-- Tab panes -->
                    <div class="tab-content m-t-10">
                        <div class="tab-pane table-responsive active" id="All">
                            <table class="table m-b-0 table-hover" id="tabla1" name="tabla1">
                                <thead>
                                    <tr class="ui-widget-header">                                       
                                        <th>Apellido Paterno</th>
                                        <th>Apellido Materno</th>
                                        <th>Nombres</th>
                                        <th>RUT</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($listadoPacientes as $paciente)
                                    <tr>
                                        <td>{{ ucwords($paciente->apaterno) }}</td>
                                        <td>{{ ucwords($paciente->amaterno) }}</td>
                                        <td>{{ ucwords($paciente->nombre) }}</td>
                                        <td>{{ $paciente->rut }}</td>
                                        <td>
                                            <button id="btnVerFD" class="btn btn-primary btn-round" type="button" onclick="ficha('{{$paciente->pac_id}}')">Ficha</button>
                                        </td>
                                        
                                    </tr>
                                    @endforeach                                    
                                </tbody>
                            </table>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="dialog-form" title="Seleccionar Ficha" style="display:none"> 
        <form>
            <fieldset>
                <table class="table m-b-0 table-hover" id="tabladatosficha" name="tabladatosficha">
                    <thead>
                        <tr class="ui-widget-header">       
                            <th>Hora</th>                  
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                                                       
                    </tbody>
                </table>
                <input type="hidden" name="paciente_iddialogo1" id="paciente_iddialogo1" value="">
                <input type="hidden" name="cita_iddialogo1" id="cita_iddialogo1" value="">

            </fieldset>
        </form>
    </div>

@stop


@section('page-script')
<script src="{{asset('assets/bundles/datatablescripts.bundle.js')}}"></script>
<script src="{{asset('assets/jquery-ui.js')}}"></script>
<script>

    function seleccionarficha() {

        /*$("#dialog").dialog({ show: "blind",
              hide: "blind",
              width: 500
        });*/

        $("#dialog-form").dialog({ 
              show: "blind",
              hide: "blind",
              height: 300,
              width: 515,
              modal: true
        });

       
    }

    function ficha(id){

        var token = $('meta[name="csrf-token"]').attr('content');
        var url='ajax_fd';
        var data={"id" : id};

        var idpaciente=id;

        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){

                var token = $('meta[name="csrf-token"]').attr('content');
                var url='ajax_contadorfichaactulpacientes';
                var data={"id" : idpaciente};

                $.ajax({
                    type:'POST',
                    url: url,
                    data: data,
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    success:function(data){

                        if (data.contadorfichas >= 2) {

                            $("#tabladatosficha > tbody").html("");

                            $.each(data.datosfichapac, function(key, registro)
                            {
                               
                                var hora = data.datosfichapac[key].hora_ini;

                                $('#tabladatosficha').append(
                                '<tr><td><left>' + hora + 
                                '<td><center><button type="button" id="btnVerFD" name="btnVerFD" onclick="fichapacientedialogo(' + data.datosfichapac[key].id + ')" class="btn btn-primary btn-round"></span>Mostar ficha</button></td></tr>'
                                );

                            });
                                
                            seleccionarficha();

                        }
                        else{

                            window.location.href = "ficha";

                        }
                    }
                });   
            }
        });
    }

    function fichapacientedialogo(id){

        var token = $('meta[name="csrf-token"]').attr('content');
        var url='ajax_fd_dialogo';
        var data={"id" : id};

        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){

                window.location.href = "ficha";

            }
        });
    }


    $(document).ready(function() {
        $('#tabla1').DataTable({
            "language": {
                    "lengthMenu": "Listar _MENU_ ",
                    "zeroRecords": "Aún no tiene registros",
                    "info": "Página _PAGE_ de _PAGES_",
                    "infoEmpty": "",
                    "Search": "Buscar",
                    "infoFiltered": "(filtered from _MAX_ total records)",
                    "search": "Buscar",
                    "zeroRecords": "Sin resultados encontrados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Ultimo",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
            },
            "columnDefs": [
              //ocultar para columna rut
              { "orderable": false, "targets": 3 },
              //ocultar para columna boton
              { "orderable": false, "targets": 4 },//ocultar para columna 
            ],
            "order": [[ 1, "desc" ]]

        });
    } );

</script>
@stop