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




@section('Cards')



    <x-card-data>

        @slot('id', 'TInfo')

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

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

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

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

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

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

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

    </x-card-data>



    <x-card-data>

        @slot('id', 'TInactivo')

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

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

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

    </x-card-data>

@endsection





@section('Contenido')

    <x-table>



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

        @slot('idTabla', 'TablePaises')



        @slot('accionBuscar')

        onkeyup="if(event.keyCode == 13) MakeRequestData('{{route('buscar-paises')}}' + '/' +  $(this).val(), '#TablePaises') "

        @endslot





        @slot('btnAdicionales')

            <div class="col-auto">

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

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

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

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

            </div>

        @endslot





        @slot('header')

            <th>Nombre (Área)</th>

            <th>Nombre corto / Abreviación </th>

            <th> Departamentos </th>

            <th>Clientes</th>

            <th>Acciones</th>

        @endslot



        @slot('body')

            @include('paises.data')

        @endslot

    </x-table>

@endsection