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




@section('Cards')
    <x-card-data>

        @slot('id', 'TInfo')

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

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

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

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

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

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

        @slot('nombre', 'Comercios Activos')

    </x-card-data>



    <x-card-data>

        @slot('id', 'TActivo')

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

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

        @slot('nombre', 'Comercios Inactivos')

    </x-card-data>
@endsection

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

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

        @slot('idTabla', 'TableBody')

        @slot('btnAgregar')
            {{-- @if (!Session::get('Open', false)) --}}

            <div class="col-auto">

                @if (privilegio('Agregar comercio'))
                    <button type="button" class="btn btn-success text-light" data-bs-toggle="tooltip" data-bs-placement="top"
                        title="Nuevo Comercio" onclick="MakeRequestData('{{ route('get-form-modal', [0]) }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                                                        true, false, false,['Id/0', 'Contenedor/#TableBody', 'Tipo/1'])">
                        <i class="fas fa-plus-circle  me-2"></i>&nbsp;&nbsp;Nuevo comercio</button>
                @endif

                @if (privilegio('Reporte comercio'))
                    <button class="btn btn-info text-light" title="Generar reporte" data-bs-toggle="tooltip"
                        data-bs-placement="top" title="Generar Reporte"
                        onclick="window.open('{{ route('comercio.reporte') }}')"><i
                            class="fas fa-file-pdf me-2"></i>&nbsp;&nbsp;Generar reporte
                    </button>
                @endif
            </div>
            {{-- @else
        @endif --}}
        @endslot
        @slot('filtros', [[0, 'Comercio'], [1, 'Ciudad']])

        @slot('accionBuscar')
            onkeyup="if(event.keyCode == 13) MakeRequestData('{{ route('buscar-comercios') }}', '#TableBody', 'POST', 2,
            '','',
            true, false, false, ['Palabra/' + $(this).val(), 'Filtro/' + $('#OpcionBuscar').val()]) "
        @endslot

        @slot('header')
            <th>No</th>
            <th>Comercio</th>
            <th>Dirección/Ciudad</th>
            <th>Contacto</th>
            <th>Cantidad de Sucursales</th>
            <th>Estado</th>
            <th>Acciones</th>

        @endslot


        @slot('body')
            @include('rsucursal.data')
        @endslot

    </x-table>
@endsection

@section('scripts')
    <script>
        // $(document).ready(function(){
        //     showBlockUI();

        //     showBlockUI();
        //                     $.unblockUI();

        //     alert(1);
        // });

        // (function() {
        //     showBlockUI();
        // })();
    </script>
@endsection