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

@section('Cards')

    <x-card-data>
        @slot('id', 'TInfo')
        @slot('color', 'bg-purple')
        @slot('dato', $DataTotal->Total)
        @slot('nombre', 'Total de promociones')
    </x-card-data>

    <x-card-data>
        @slot('id', 'TActivo')
        @slot('color', 'bg-green')
        @slot('dato', $DataTotal->Activos)
        @slot('nombre', 'Promociones activas')
    </x-card-data>

    <x-card-data>
        @slot('id', 'TInactivo')
        @slot('color', 'bg-danger')
        @slot('dato', $DataTotal->Inactivos)
        @slot('nombre', 'Promociones inactivas')
    </x-card-data>
@endsection


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

        @slot('titulo','Lista de promociones')
        @slot('idTabla', 'TablePromos')

        @slot('accionBuscar')

        onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('promociones.buscar') }}', '#TablePromos', 'POST', 2, '','', true, false, false, ['Palabra/' + $(this).val(), 'Filtro/0']) "

    @endslot


        @slot('btnAgregar')
            @if (privilegio('Agregar promocion'))
            <div class="col-auto">
                <button type="button" class="btn btn-icon btn-success"
                onclick="MakeRequestData('{{route('promociones.getModal')}}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/0', 'Contenedor/#TablePromos', 'Tipo/5'])">
                <i class="fas fa-plus"></i>&nbsp;&nbsp;Nueva promoción</button>
            </div>
            @endif
        @endslot


        @slot('header')
            <th>Id</th>
            <th>Codigo</th>
            <th>Descuento</th>
            <th>% comercio</th>
            <th>% App</th>
            <th>Aplica para</th>
            <th>Descuento sobre</th>
            <th>Acciones</th>
        @endslot

        @slot('body')
            @include('promociones._partials.data')
        @endslot
    </x-table>
@endsection


@section('scripts')
    <script>
        // $('body').on('hidden.bs.modal', '#LModalInfo', function(event){
        //     $('#currentTable').html('#TablePromos');
        // });
    </script>
@endsection