@extends('Templates.PlantillaFull',['PaginaTitulo' => 'Tipo de pago','PaginaUrl' => '/tipo-tarjeta-view','Padre' => '1'])


@section('Cards')

    <x-card-data>

        @slot('id', 'TInfo')

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

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

        @slot('nombre', 'Total de tipos de tarjeta')

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

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

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

        @slot('nombre', 'Tipos de tarjeta activos')

    </x-card-data>



    <x-card-data>

        @slot('id', 'TInactivo')

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

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

        @slot('nombre', 'Tipos de tarjeta inactivos')

    </x-card-data>

@endsection



@section('Contenido')

    <x-table>


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

        @slot('idTabla', 'TableTipoTarjeta')

        @slot('accionBuscar')

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

        @endslot


        @slot('btnAgregar')
            {{-- <div class="col-auto"> --}}
                <button type="button" class="btn btn-icon btn-success"
                onclick="MakeRequestData('{{route('tipo-tarjeta-form')}}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                true, false, false,['Id/0', 'Contenedor/#TableTipoTarjeta', 'Tipo/1'])">
                <i class="fas fa-plus"></i>&nbsp;&nbsp;&nbsp;Nuevo tipo de tarjeta</button>
            {{-- </div> --}}
        @endslot


        @slot('header')

            <th>Id</th>
            <th>Nombre</th>
            <th>Descripción</th>
            <th>Prefijo</th>
            <th>Estado</th>
            <th>Acciones</th>

        @endslot



        @slot('body')

            @include('tipos-tarjeta.data')

        @endslot

    </x-table>

@endsection