@extends('layout.master')
@section('parentPageTitle', '')
@section('title', 'Agenda Diaria')
@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="header">
                    <h2><strong>Listado de citas de hoy</strong> </h2>
                </div> -->
                <div class="body">
                    <!-- Nav tabs -->

                    <div>
                        Hoy 28-10-2026<p  align='center'><h3>Día Libre</h3></p>

                    </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>Fecha</th> -->
                                        <th>Hora Inicio</th>
                                        <th>Hora Fin</th> 
                                        <th>Paciente</th>
                                        <th>Procedimiento</th>
                                        <th>Estado</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>


                                	@foreach ($formatoAgendaDiaria as $cita)

                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td>
                                            No disponible
                                        </td>
                                        <td>
                                            
                                        </td>
                                    </tr>
                                    @endforeach                                                                          
                                </tbody>
                            </table>
                        </div>


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

@stop

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

<script src="{{asset('assets/jquery-ui.js')}}"></script>
<script>

$(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"
        },
        "order": [[ 4, "asc" ]]
    });
} );

var bootstrapButton = $.fn.button.noConflict(); 
$.fn.bootstrapBtn = bootstrapButton;


$(".noAsiste").click(function(){
    var r = confirm("Confirmar la inasistencia del paciente");

    if (r == true) {

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


        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){
                alert(data);
                window.location.href = "listado";
            }
        });
    }
});


$(".suspende").click(function(){
    var r = confirm("Confirmar la suspención de la cita");


    if (r == true) {

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


        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){
                alert(data);
                window.location.href = "listado";
            }
        });
    }
});


$(".abrirFicha").click(function(){
    var token = $('meta[name="csrf-token"]').attr('content');
    var url='ajax_fd';
    var data={"id" : this.id, "cita_id": this.name};
    console.log(data);


    $.ajax({
        type:'POST',
        url: url,
        data: data,
        headers: {
            'X-CSRF-TOKEN': token
        },
        success:function(data){
            window.location.href = "../pacientes/ficha";
        }
    });
});




</script>
@stop