@extends('layout.master')
@section('parentPageTitle', 'Notificaciones')
@section('title', 'Listado de notificaciones')
@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')}}">
<style type="text/css">
    .datatable td span{
       max-width: 400px;
       display: block;
       overflow: hidden;
}
</style>
@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 align="right">
                        <a href="ingresar" class="btn btn-primary btn-round">Nueva notificación</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" width="100%">
                                <thead>
                                    <tr class="ui-widget-header">                                       
                                        <th>Fecha creación</th>
                                        <th>Nota</th>
                                        <th>Vigencia</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                	@foreach ($data as $nota)
                                    <tr>
                                        
                                        <td>27-10-2026</td>
                                        <td>{{ recortar_texto($nota->texto) }}</td>
                                        <td>27-10-2026</td>
                                        <td><button id="{{$nota->id}}" name="{{$nota->id}}" class="btn btn-primary btn-round btn-sm leerNotificacion" type="button">Leer</button><a href="{{ $nota->id }}" class="btn btn-primary btn-round btn-sm">Editar</a> <button type="button" class="btn btn-danger btn-round btn-sm" onclick="eliminar('{{$nota->id}}')">Eliminar</button></td>
                                    </tr>
                                    @endforeach                                                                          
                                </tbody>
                            </table>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <div id="dialog_alerta" title="BRIX" align="justify">
        <p id="dialog_texto"></p>
    </div>

@stop

@section('page-script')
<script src="{{asset('assets/bundles/datatablescripts.bundle.js')}}"></script>
<script src="{{asset('assets/jquery-ui.js')}}"></script>
<script>
function eliminar(id){
    var r = confirm("Confirma eliminar");
    if (r == true) {
        var token = $('meta[name="csrf-token"]').attr('content');
        var url='eliminar';
        var data={"id" : id};

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

var arrayNotificaciones = null;

$("#dialog_alerta").dialog({ autoOpen: false });

$(".leerNotificacion").click(function(){

     for (var i = 0; i < arrayNotificaciones.length; i++) {

        if(this.id==arrayNotificaciones[i].id){
           
            $( "#dialog_texto" ).empty();
            $( "#dialog_texto" ).append(arrayNotificaciones[i].texto);
            $( "#dialog_alerta" ).dialog('open'); 
        }
    }   
        
});



$(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": [[ 0, "desc" ]],
        "autoWidth": false,
        "columnDefs": [
            { width: 400, targets: 0 }
        ],
        "fixedColumns": true
    });
} );
</script>
@stop