@extends('Templates.PlantillaFull', ['PaginaTitulo' => 'Estado civil', 'PaginaUrl' => '/penalizaciones', 'Padre' => '1'])


@section('Cards')
    <x-card-data>
        @slot('class', 'col-12 col-md-4')
        @slot('id', 'TInfo')
        @slot('color', 'bg-purple')
        @slot('dato', $resumen['Total'])
        @slot('nombre', 'Total de estados')
    </x-card-data>

    <x-card-data>
        @slot('class', 'col-12 col-md-4')
        @slot('id', 'TActivo')
        @slot('color', 'bg-green')
        @slot('dato', $resumen['Activos'])
        @slot('nombre', 'Estados activos')
    </x-card-data>

    <x-card-data>
        @slot('class', 'col-12 col-md-4')
        @slot('id', 'TInactivo')
        @slot('color', 'bg-danger')
        @slot('dato', $resumen['Inactivos'])
        @slot('nombre', 'Estados inactivos')
    </x-card-data>
@endsection


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

        @slot('titulo', 'Lista de estados civiles')

        @slot('idTabla', 'TableEstadoCivil')

        @slot('accionBuscar')
            onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('estadoCivil.buscar') }}' + '/' + $(this).val(), '#TableEstadoCivil') "
        @endslot


        @slot('btnAgregar')

            <div class="col-auto">
                <button type="button" class="btn btn-icon btn-success" onclick="MakeRequestData('{{ route('estadoCivil.getModal') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/0', 'Contenedor/#TableEstadoCivil', 'Tipo/5'])">
                    <i class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo estado civil</button>
            </div>

        @endslot

        @slot('header')

            <th>ID</th>
            <th>Nombre</th>
            <th>Descripción</th>
            <th>Estado</th>
            <th>Acciones</th>

        @endslot

        @slot('body')

            @include('clientes.estado-civil._partials.data')

        @endslot

    </x-table>
@endsection