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




@section('Cards')



    <x-card-data>

        @slot('id', 'TInfo')

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

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

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

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

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

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

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

    </x-card-data>



    <x-card-data>

        @slot('id', 'TInactivo')

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

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

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

    </x-card-data>

@endsection





@section('Contenido')

    <x-table>



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

        @slot('idTabla', 'TableDepas')



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



        @slot('accionBuscar')

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

        @endslot





        @slot('btnAdicionales')

            <div class="col-auto">

                <button type="button" class="btn btn-icon btn-success"

                onclick="MakeRequestData('{{route('depa-form')}}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',

                true, false, false,['Id/0', 'Contenedor/#TableDepas', 'Tipo/{{count($Departamentos) == 0 ? 2 : 5 }}'])">

                <i class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo departamento</button>

            </div>

        @endslot





        @slot('header')

            <th>Id</th>

            <th>Nombre, Pais </th>

            <th> Municipios </th>

            <th>Clientes</th>

            <th>Region</th>

            <th>Acciones</th>

        @endslot



        @slot('body')

            @include('departamentos.data')

        @endslot

    </x-table>

@endsection