@extends('motomel.plantilla')
@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">Clientes</a></li>
</ol>
<div class="row px-4 mb-2">
    <div class="col-sm-12">
        <h2>Listado de clientes</h2>
    </div>
    <div class="col-sm-12 my-2">
        <a title="Nuevo" href="/legajo/cliente/nuevo" class="buttonRecargar btn" aria-hidden="true"><span>Nuevo</span></a>
        <a title="Recargar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick='window.location.replace("/legajo/clientes");'><span>Recargar</span></a>
    </div>
</div>
@endsection
@section('contenido')
<div class="row px-4">
        <div class="col-sm-12 my-2">
            <a title="Todos" href="/legajo/clientes" class="btn buttonRecargar"><span>Todos ({{$cantidad_todos}})</span></a>
            <a title="SinDescuento" href="/legajo/clientes?estado=sinDescuento" class="btn buttonRecargar" ><span>Sin descuento ({{$cantidad_sin_descuento}})</span></a>
        </div>
        <div class="col-sm-12 my-2">
            <table id="grilla" class="display">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Apellido</th>
                        <th>Email</th>
                        <th>CUIT</th>
                        <th>Celular</th>
                    </tr>
                </thead>
            </table> 
        </div>
</div>
<script>
	var dataTable = $('#grilla').DataTable({
	    "processing": true,
        "serverSide": true,
	    "bFilter": true,
	    "bInfo": true,
	    "bSearchable": true,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ asset('/legajo/cliente/cargarGrilla?estado='.$estado) }}"
	});
</script>
@endsection