@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Proceso de Autorización')

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

{{-- ! --}}
@parent

{{-- ! Select 2 v4.1.0 --}}
<link rel="stylesheet" href="{{ asset('archivos/librerias/select2/v4.1.0/css/select2.min.css') }}">

{{-- ! --}}
<link
  rel="stylesheet"
  href="{{ asset('archivos/css/aplicacion/seccion/procesos/autorizaciones.css') }}"
>

@endsection

@section('encabezado')

	@component('aplicacion.elementos.boton', [
		'tipo' => 'submit',
		'id' => 'botonGuardar',
		'clases' => 'btn btn-success',
		'atributos' => '
			form=formularioAutorizaciones
			formmethod=POST
			formaction=' . route('ejecutar') . '?0=0&procedimiento=p_registrar_autorizaciones
		'
	])
		Guardar
	@endcomponent

	@component('aplicacion.elementos.boton', [
		'tipo' => 'reset',
		'atributos' => '
			form=formularioAutorizaciones
		',
		'id' => 'botonLimpiar'
	])
		Limpiar
	@endcomponent

@endsection

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

{{-- ! --}}
<form
	class="form"
	id="formularioAutorizaciones"
	autocomplete="off"
	data-campo-prevenir="#renglon_registro_autorizar"
>

	@csrf

	<div class="row">

		<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'renglon_registro_autorizar',
				'atributos' => '
					data-peticion-procedimiento=p_traer_filtros
					data-peticion-parametros="
						renglon: TIPOS_DOCUMENTOS;
						tipo_filtro: AUTORIZAR
					"
				',
				'titulo' => 'Origen de Registro'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-6 col-md-3 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'id_registro',
				'atributos' => '',
				'mascara' => ['tipo' => 'entero'],
				'titulo' => 'ID Documento'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-12 col-md-6 col-lg-7 col-xl-4 col-xxl-7">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'motivo',
				'atributos' => 'maxlength=250',
				'titulo' => 'Motivo'
			])
			@endcomponent
		</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>

		<div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-6 col-xxl-6">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'documento',
				'atributos' => 'disabled',
				'titulo' => 'Documento'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-2 col-lg-2 col-xl-3 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'date',
				'id' => 'fecha',
				'atributos' => 'disabled',
				'titulo' => 'Fecha'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-4 col-lg-2 col-xl-3 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'monto',
				'mascara' => ['tipo' => 'numerico'],
				'atributos' => 'disabled',
				'titulo' => 'Monto'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'usuario',
				'atributos' => 'disabled',
				'titulo' => 'Registrado'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'sucursal',
				'atributos' => 'disabled',
				'titulo' => 'Sucursal'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-4 col-xl-6 col-xxl-6">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'entidad',
				'atributos' => 'disabled',
				'titulo' => 'Entidad'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-12 col-md-6 col-lg-8 col-xl-12 col-xxl-12">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'concepto',
				'atributos' => 'disabled',
				'titulo' => 'Concepto'
			])
			@endcomponent
		</div>

	</div>

</form>

@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>

{{-- ! Select 2 v4.1.0 --}}
<script src="{{ asset('archivos/librerias/select2/v4.1.0/js/select2.min.js') }}"></script>

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

@endsection
