@extends('Templates.PlantillaFull',['PaginaTitulo' => 'goEAT-Tipo de Comercio','PaginaUrl' => '/perfiles','Padre' =>
'1'])


@section('Contenido')

    <div class="card">
        <div class="card-status-top bg-success"></div>
        <div class="card-body">
            <div class="row row-0">
                <div class="col-12">
                    <div class="row">
                        {{-- nombre --}}
                        <div class="col-4 col-md-5 mt-3">

                            <div class="form-group">

                                <label class="form-label d-inline-block" style="position: relative; top: -3px">
                                    <img style="height: 70px; width: 70px" src="{{ $info->CATG_ICONO }}">
                                    &nbsp;</label>
                                <h1 class="d-inline-block font-weight-normal">Categoría:</h1>
                                <h1 class="d-inline-block">{{ $info->CATG_NOMBRE }}
                                    @if ($info->CATG_ESTADO == 0)
                                        <span style="font-size: 10px; margin-top: 5px; margin-left: 10px"
                                            class="badge bg-dark float-end">Inactivo</span>
                                    @else
                                        <span style="font-size: 10px; margin-top: 5px; margin-left: 10px"
                                            class="badge bg-success float-end">Activo</span>
                                    @endif
                                </h1>
                                <p class="text-muted">{{ $info->CATG_DESCRIPCION }}</p>
                            </div>
                        </div>
                        <div class="row col-12 col-md-5 mt-3">
                            <div class="col-12 col-md-6">
                                <div class="card p-3">
                                    <div style="background-color: {{$info->CATG_COLOR}}" class="d-flex align-items-center;">
                                        <span>
                                            {{-- <i class="fas fa-color"></i> --}}
                                        </span>
                                        <div style="height: 42px;">

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 col-md-6">
                                <div class="card p-3">
                                    <div class="d-flex align-items-center">
                                        <span class="stamp stamp-md-n bg-success me-3 img-thumbnail">
                                            <i class="fas fa-paste text-white"></i>
                                        </span>
                                        <div>
                                            <h4 class="m-0"><a id=""
                                                    href="#">{{ $info->total }}<small></small></a></h4>
                                            <small class="text-muted fontfamRubMiniCard">Total de subcategorías</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- REGRESAR --}}
                        <div class="col-2 mt-3 mr-4">
                            <button data-bs-toggle="tooltip" title="Haga clic para regresar"
                                class="btn btn-transaparent float-end" style="position: relative; top: -10px; border: 0;"
                                onclick="history.back();">
                                <i class="fas fa-times fa-lg"></i>&nbsp;
                            </button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <x-table>



        @slot('titulo', 'Lista de tipos de comercio')

        @slot('idTabla', 'Table')



        @slot('accionBuscar')

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

        @endslot





        @if (in_array(24, Session::get('Permisos')))
            @slot('btnAgregar')
                <div class="col-auto">

                    <button type="button" class="btn btn-icon btn-success" onclick="MakeRequestData('{{ route('tcomercios-form') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                            true, false, false,['Id/0', 'Contenedor/#Table', 'Tipo/1', 'CATG_ID/{{$request->CATG_ID}}'])">
                        <i class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo tipo de comercio</button>
                    {{-- <button type="button" class="btn btn-icon btn-success" onclick="MakeRequestData('{{ route('tcomercios-form') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                            true, false, false,['Id/0', 'Contenedor/#Table', 'Tipo/{{ count($TComercios) == 0 ? 2 : 5 }}'])">
                        <i class="fas fa-plus"></i>&nbsp;&nbsp;Nuevo tipo de comercio</button> --}}

                </div>
            @endslot
        @endif



        @slot('header')

        <th>ID</th>
            <th>Icono</th>

            <th>Nombre</th>

            {{-- <th>Categorias</th>

            <th>Comercios</th> --}}

            <th>Acciones</th>

        @endslot



        @slot('body')

            @include('categoria-global.tipos-comercio.data')

        @endslot

    </x-table>

@endsection