@extends('Templates.PlantillaFull', ['PaginaTitulo' => 'Clientes', 'PaginaUrl' => '/perfiles', 'Padre' => '1'])



@section('Cards')
    <x-card-data>

        @slot('id', 'TInfo')

        @slot('color', 'bg-purple')

        @slot('dato', $DataTotal->Total)

        @slot('nombre', 'Total de clientes')

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

        @slot('color', 'bg-green')

        @slot('dato', $DataTotal->Activos)

        @slot('nombre', 'Clientes activos')

    </x-card-data>



    <x-card-data>

        @slot('id', 'TInactivo')

        @slot('color', 'bg-yellow')

        @slot('dato', $DataTotal->Inactivos)

        @slot('nombre', 'Clientes inactivos')

    </x-card-data>
@endsection





@section('Contenido')
    <x-table>

        @slot('filtros', [[0, 'Nombre'], [1, 'Usuario']])

        @slot('btnAgregar')

            @if (privilegio('Agregar cliente'))
                <div class="col-auto">
                    <button type="button" class="btn btn-icon btn-success"
                        onclick="MakeRequestData('{{ route('clientes.create') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/0', 'Contenedor/#TableClientes', 'Tipo/1'])">
                        <i class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo cliente</button>
                </div>
            @endif

        @endslot


        @slot('titulo', 'Lista de clientes')

        @slot('idTabla', 'TableClientes')



        @slot('accionBuscar')

            onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('buscar-clientes') }}', '#TableClientes', 'POST', 2, '','', true, false, false, ['Palabra/' + $(this).val(), 'Filtro/' + $('#OpcionBuscar').val()]) "

        @endslot



        @slot('header')
            <th>No.</th>

            <th>ID <br> Nombres <br> Apellidos </th>

            <th>Teléfono <br> Email <br> Edad </th>

            <th> Dirección <br> Municipio <br> Departamento </th>

            <th>Puntos</th>

            <th>Pedidos <br> (últimos 12 meses)</th>

            <th>Acciones</th>
        @endslot

        @slot('body')

            @include('clientes.data')

        @endslot

    </x-table>
@endsection