@extends('Templates.PlantillaFull',['PaginaTitulo' => 'Configurar apps','PaginaUrl' =>
'/aplicaciones','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"><i class="fas fa-mobile"></i>&nbsp;</label>
                                <h1 class="d-inline-block font-weight-normal">Aplicación:</h1>
                                <h1 class="d-inline-block">{{ $info->APLI_NOMBRE }}
                                    @if ($info->APLI_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->APLI_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 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="#">{{ $DataTotal['Total'] }}<small></small></a></h4>
                                            <small class="text-muted fontfamRubMiniCard">Total de variables</small>
                                        </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-orange me-3 img-thumbnail">
                                            <i class="fas fa-paste text-white"></i>
                                        </span>
                                        <div>
                                            <h4 class="m-0"><a id=""
                                                    href="#">{{ $DataTotal['Asignadas'] }}<small></small></a></h4>
                                            <small class="text-muted fontfamRubMiniCard">Variables asignadas a esta App</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', 'Asignación de variables')

        @slot('idTabla', 'TableAplicacionVariable')

        @slot('btnAgregar')

            {{-- @if (privilegio('Agregar sucursal')) --}}
            <button class="btn btn-green" data-toggle="tooltip" data-placement="top" title="Agregar"
                onclick="MakeRequestData('{{ route('aplicacionVariable.getModal') }}',   '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/0', 'Contenedor/0', 'Tipo/1', 'APLI_ID/{{ $request->APLI_ID }}'])"><i
                    class="fas fa-plus"></i>&nbsp;
                Asignar variable
            </button>
            {{-- @endif --}}

        @endslot

        @slot('filtros', [[0, 'Variable'], [1, 'ID']])


        @slot('accionBuscar')

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

        @endslot

        @slot('header')

            <th>ID</th>

            <th>Variable</th>

            <th>Valor</th>
            <th>Fecha de asignación</th>
            <th>Acciones</th>

        @endslot

        @slot('body')

            @include('aplicacion.aplicacion-variable.data')

        @endslot

    </x-table>
@endsection