@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Registros de Configuraciones')

{{-- {} Ajustes, propiedas y estilos --}}
@section('cabeza')

{{-- ! --}}
@parent

{{-- ! Data Tables v1.13.2 --}}
@include('librerias.datatables.css')

<link rel="stylesheet" href="{{ asset('archivos/css/aplicacion/seccion/administracion/registros/configuraciones.css')}}">

@endsection

{{-- {} Contenido de la sección --}}
@section('seccion')

<form
  class="form"
  id="formularioConfiguraciones"
  autocomplete="off"
  data-tabla-limpiar-fila-activa="#tablaRegistros"
>

  @csrf

  <input id="id_configuracion" name="id_configuracion" hidden />

  <div class="row">

    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
      @component('aplicacion.elementos.campo.etiqueta',[
        'id' => 'contenido',
				'atributos' => 'maxlength=100',
        'titulo' => 'Contenido'
        ])
      @endcomponent
    </div>

    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
      @component('aplicacion.elementos.campo.etiqueta', [
        'id' => 'valor',
				'atributos' => 'maxlength=100',
        'titulo' => 'Valor'
      ])
      @endcomponent
    </div>

    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
      @component('aplicacion.elementos.campo.etiqueta', [
        'id' => 'referencia',
				'atributos' => 'maxlength=100',
        'titulo' => 'Referencia'
      ])
      @endcomponent
    </div>

    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
      @component('aplicacion.elementos.campo.etiqueta', [
        'id' => 'detalle',
				'atributos' => 'maxlength=250',
        'titulo' => 'Detalle'
      ])
      @endcomponent
    </div>

    <div class="d-flex justify-content-between">

      <div class="col-auto">
        @component('aplicacion.elementos.boton', [
          'tipo' => 'submit',
          'id' => 'botonGuardar',
          'atributos' => '
            form=formularioConfiguraciones
            formmethod=POST
            formaction=' . route('ejecutar') . '?0=0&procedimiento=p_registrar_configuraciones'
        ])
          Guardar
        @endcomponent
      </div>

      <div class="col-auto">
        @component('aplicacion.elementos.boton', [
          'id' => 'botonLimpiar',
          'clases' => 'btn btn-warning',
          'atributos' => 'data-accion=limpiar'
        ])
          Limpiar
        @endcomponent
      </div>

    </div>

		<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
			<div class="p-1 rounded-1 bg-tertiary fs-6 text-white"></div>
		</div>

		@component('aplicacion.elementos.tabla-vieja', ['atributos' => 'data-tabla-seleccionable=doble'])

			<thead>

				<th class="id" data-columna-nombre="id_configuracion" data-columna-tipo="num" data-columna-sumar="filas">
					ID
				</th>

				<th data-columna-nombre="contenido" data-columna-tipo="string">
					Contenido
				</th>

				<th data-columna-nombre="valor" data-columna-tipo="string">
					Valor
				</th>

				<th data-columna-nombre="referencia" data-columna-tipo="string">
					Referencia
				</th>

				<th data-columna-nombre="detalle" data-columna-tipo="string">
					Detalle
				</th>

				<th data-columna-nombre="fecha_registro" data-columna-tipo="date">
					Fecha Registro
				</th>

			</thead>

			<tbody>
				<tr>
					<td class="text-center" colspan="100%">NINGÚN DATO DISPONIBLE EN ESTA TABLA</td>
				</tr>
			</tbody>

			<tfoot>
				<tr>
					<th colspan="100%">&nbsp;</th>
				</tr>
			</tfoot>

		@endcomponent

  </div>

</form>

{{-- ! --}}
@include('aplicacion.elementos.VentanaEmergenteConsulta')

@endsection

{{-- {} Programación de la sección --}}
@section('programacion')

{{-- ! --}}
@parent

{{-- ! iMask v6.4.3 --}}
<script src="{{ asset('archivos/librerias/imask/v6.4.3/imask.js') }}"></script>

{{-- ! Data Tables v1.13.2 --}}
@include('librerias.datatables.js')

{{-- ! --}}
<script type="module" src="{{ asset('archivos/js/aplicacion/seccion/administracion/registros/configuraciones.js')}}"></script>

@endsection
