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


@section('Cards')



    <x-card-data>

        @slot('id', 'TInfo')

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

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

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

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

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

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

        @slot('nombre', 'Municipios ciudades')

    </x-card-data>



    <x-card-data>

        @slot('id', 'TInactivo')

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

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

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

    </x-card-data>

@endsection





@section('Contenido')

    <x-table>



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

        @slot('idTabla', 'TableCities')



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



        @slot('accionBuscar')

        onkeyup="if(event.keyCode == 13) MakeRequestData('{{route('buscar-city')}}', '#TableCities', '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('city-form')}}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',

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

                <i class="fas fa-plus"></i>&nbsp;&nbsp;Nueva ciudad</button>

            </div>

        @endslot





        @slot('header')

            <th>Id</th>

            <th>Nombre</th>

            <th>Pais</th>

            <th>Estado</th>

            <th>Acciones</th>

        @endslot



        @slot('body')

            @include('ciudades.data')

        @endslot

    </x-table>

@endsection