@extends('layouts.app')

@section('configuraciones')

    @include('configuraciones/registros/ayuda')

    <x-dashboard.heading
        contenido-heading="Configuraciones"
        modal-target=""
        icon-class=""
        contenido-button=""
        :restriccion-componente="null"
        :index-permiso="null"
    />

    <div class="form-row">
        <x-dashboard.icons
            column-icon="col-md-6 col-lg-6 col-xl-3"
            icon-class="fas fa-sign-in-alt"
            contenido-icon="Acceder al módulo"
        />
        <x-dashboard.icons
            column-icon="col-md-6 col-lg-6 col-xl-3"
            icon-class="fas fa-question"
            contenido-icon="Ventana de ayuda"
        />
    </div>

    <div class="card shadow">
        <div class="card-header">
            <ul class="nav nav-tabs card-header-tabs">
                <x-dashboard.cards.card-header.navtabs
                    :navbar-activo="!null"
                    url-navtab="/configuraciones/registros"
                    :parametro-url="null"
                    contenido-navtab="Configuraciones"
                />
            </ul>
        </div>
        <div class="card-body">
            <div class="form-group mb-4">
                <div class="card border-left-success shadow h-100 py-2">
                    <div class="card-body pb-0">
                        <div class="row no-gutters align-items-center">
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ __('Módulo de Permisos') }}</div>
                            </div>
                        </div>
                        <p class="card-text">{{ __('Le permite a un usuario funcionalidades administrativas dentro de otros módulos.') }}</p>
                        <div class="btn-toolbar" role="toolbar">
                            <div class="btn-group mr-2 mb-3" role="group">
                                <a href="{{ url('/configuraciones/permisos/activos') }}" class="btn btn-primary shadow-sm"><i class="fas fa-sign-in-alt"></i>&nbsp;&nbsp;&nbsp;{{ __('Permisos') }}</a>
                            </div>
                            <div class="btn-group mr-2 mb-3" role="group">
                                <a href="#" class="btn btn-outline-primary shadow-sm" data-toggle="modal" data-target="#ayudaConfiguracionRegistro"><i class="fas fa-question"></i>&nbsp;&nbsp;&nbsp;{{ __('Ayuda') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group mb-4">
                <div class="card border-left-success shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ __('Módulo de Convenios') }}</div>
                            </div>
                        </div>
                        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                        <a href="{{ url('/configuraciones/convenios/activos') }}" class="btn btn-primary"><i class="fas fa-sign-in-alt"></i>&nbsp;&nbsp;&nbsp;{{ __('Convenios') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection