@extends('masushuaia.plantilla')

@section('titulo', $titulo)

@section('scripts')
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <script src="{{ asset('js/datatables.min.js') }}"></script>
    @if (isset($id))
        <script>
            var globalId = {!! $id !!};
        </script>
    @else
        <script>
            var globalId = 0;
        </script>
    @endif
@endsection

@section('breadcrumb')
    <div class="col-lg-6 text-right inline pr-0">
        <a class="btn-blue py-1 px-4" href="/seguimiento/detalle/{{ $id }}">Recargar</a>
    </div>
@endsection

@section('breadcrumb-list')
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="/">Inicio</a>
        </li>
        <span class="mx-2">/</span>
        <li class="breadcrumb-item">
            <a href="/seguimiento">Seguimiento</a>
        </li>
        <li class="breadcrumb-item active">{{ $titulo }}</li>
    </ol>
@endsection

@section('contenido')
    <div class="row">
        <div class="col-12">
            <div id="msg"></div>
        </div>
    </div>
    @if (isset($msg))
        <script>
            msgShow('{{ $msg['MSG'] }}', '{{ $msg['ESTADO'] }}');
        </script>
    @endif
    <table id="grilla" class="display">
        <thead>
            <tr>
                <th>Fecha</th>
                <th>Nombre y apellido</th>
                <th>Documento</th>
                <th>Promoción</th>
            </tr>
        </thead>
    </table>
    <script>
        var dataTable = $('#grilla').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 25,
            "order": [
                [0, "desc"]
            ],
            "ajax": "{{ asset('/seguimiento/cargarGrilla') }}?id_seguimiento=" + globalId
        });
    </script>
@endsection