@extends('plantilla')

@section('titulo', $titulo)

@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item active">Prospectos</li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/prospecto/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Recargar" href="/prospectos" class="fa fa-refresh" aria-hidden="true" onclick='window.location.replace("/prospectos");'><span>Recargar</span></a></li>
    <li class="btn-item"><a title="Importar" href="#" class="fa fa-plus-circle" aria-hidden="true" onclick='javascript: $("#mdlImportar").modal("toggle");'><span>Importar</span></a></li>
</ol>
@endsection
@section('contenido')
<table id="grilla" class="display">
    <thead>
        <tr>
            <th>Documento</th>
            <th>Nombre</th>
            <th>Apellido</th>
            <th>Sexo</th>
            <th>Edad</th>
            <th>Fecha Nacimiento</th>
            <th>Prefijo</th>
            <th>Celular</th>
            <th>Estado</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": "{{ route('prospecto.cargarGrilla') }}"
    });
</script>
@endsection