@extends('Templates.PlantillaFull', ['PaginaTitulo' => 'Penalizaciones', '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 penalizaciones')
    </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', 'Penalizaciones activas')
    </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', 'Penalizaciones inactivas')
    </x-card-data>
@endsection


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

        @slot('titulo')
        <i class="fas fa-hand-paper" style="font-size: 20px"></i>&nbsp;&nbsp;&nbsp;<h1 class="d-inline-block p-0" style="margin: -2px 0px -1px 5px;">Penalizaciones</h1>
        @endslot

        @slot('idTabla', 'TablePenalizaciones')

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


        @slot('btnAgregar')

            <div class="col-auto">

                <button type="button" class="btn btn-icon btn-success" onclick="MakeRequestData('{{ route('penalizaciones.getModal') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/0', 'Contenedor/#TablePenalizaciones', 'Tipo/5'])">

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

            </div>

        @endslot

        @slot('header')

            <th>ID</th>
            <th>Nombre</th>
            <th>Descripción</th>
            <th>Tipo</th>
            <th>Valor</th>
            <th>Fecha registro</th>
            <th>Estado</th>

            <th>Acciones</th>

        @endslot

        @slot('body')

            @include('pedidos.penalizacion._partials.data')

        @endslot

    </x-table>
@endsection