@extends('masushuaia.plantilla')
@section('titulo', "Notificaciones")
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')
<div class="col-lg-6 text-right inline pr-0">
    @if($tipo == "comercio")
        <a class="btn-blue py-1 px-4" href="/notificaciones/nuevo?tipo=comercio">Nueva notificaci&oacute;n</a>
        <a class="btn-blue py-1 px-4" href="/notificaciones?tipo=comercio">Recargar</a>
    @elseif($tipo == "beneficiario")
        <a class="btn-blue py-1 px-4" href="/notificaciones/nuevo?tipo=beneficiario">Nueva notificaci&oacute;n</a>
        <a class="btn-blue py-1 px-4" href="/notificaciones?tipo=beneficiario">Recargar</a>
    @endif
</div>
@endsection
@section('breadcrumb-list')
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Inicio</a></li>
  <li class="breadcrumb-item active">Notificaciones</li>
</ol>
@endsection
@section('contenido')
<table id="grilla" class="display">
    <thead>
        <tr>
            <th></th>
            <th>Fecha</th>
            <th>Destinatario</th>
            <th>Mensaje</th>
        </tr>
    </thead>
</table> 
<script>
    var tipo = "";
	var dataTable = $('#grilla').DataTable({
	    "processing": true,
        "serverSide": true,
	    "bFilter": true,
	    "bInfo": true,
	    "bSearchable": true,
        "pageLength": 25,
        "order": [[ 0, "desc" ]],
	    "ajax": "{{ asset('/notificaciones/cargarGrilla') }}?tipo=" + tipo
	});

    function eliminarNotificacion(idNotificacion) {
        $.ajax({
            type: 'get',
            async: true,
            url: "{{ asset('/notificaciones/eliminar') }}",
            data: {
                id: idNotificacion
            },
            dataType: 'json',
            success: function(data) {
                dataTable.ajax.reload();        
            }
        });
    }
    

</script>
@endsection