@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Procesos de Con. Sol. Préstamos')

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

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

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

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

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

@endsection

{{-- {} Encabezado de la sección --}}
@section('encabezado')

@component('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonBuscar',
  'clases' => 'btn btn-primary',
  'atributos' => '
    form=formularioConsultaSolicitudesPrestamos
    formmethod=POST
  '
])
  Buscar
@endcomponent

@component('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonAutorizar',
  'atributos' => '
    form=formularioConsultaSolicitudesPrestamos
		data-bs-toggle=modal
    data-bs-target=#ventana_autorizaciones
    data-ventana-emergente-titulo=Autorizaciones
		disabled
  '
])
  Autorizar
@endcomponent

@component('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonConvertir',
  'clases' => 'btn btn-info',
  'atributos' => '
		disabled
    form=formularioConsultaSolicitudesPrestamos
	 	formmethod=POST
	formaction=' . route('ejecutar') . '?0=0&procedimiento=p_cambiar_estado
	'
])
  Convertir
@endcomponent

@component('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonBuscar',
  'clases' => 'btn btn-danger',
  'atributos' => '
    form=formularioConsultaSolicitudesPrestamos
    formmethod=POST
		disabled
  '
])
  Rechazar
@endcomponent

@component('aplicacion.elementos.boton', [
  'id' => 'botonLimpiar',
  'clases' => 'btn btn-warning',
  'atributos' => '
    form=formularioConsultaSolicitudesPrestamos
    data-accion=limpiar
  '
])
  Limpiar
@endcomponent

@endsection

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

<form
  id="formularioConsultaSolicitudesPrestamos"
  autocomplete="off"
	data-tabla-limpiar="#tabla_solicitudes"
	data-tabla-limpiar-fila-activa="#tabla_solicitudes"
>

  @csrf

	<input id="id_solicitud" name="id_solicitud" type="text" hidden>

	<input id="id_registro_consulta" name="id_registro_consulta" type="text" hidden>

	<input type="text" id="id_estado_consulta" name="id_estado_consulta" hidden>

	<div class="row">

		<div class="divider divider-left my-2 bg-primary text-white">
			<div class="divider-text bg-primary" style="height: 4px">&nbsp;</div>
		</div>

		<div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-3 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_sucursal',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros"
					data-peticion-parametros="renglon: SUCURSALES"
				',
				'titulo' => 'Sucursal'
			])
			@endcomponent
		</div>

		<div class="col-8 col-sm-9 col-md-2 col-lg-1 col-xl-1 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'numero_solicitud',
				'mascara' => ['tipo' => 'entero'],
				'titulo' => '# Solicitud'
			])
			@endcomponent
		</div>

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

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

		<div class="col-4 col-sm-5 col-md-4 col-lg-3 col-xl-4 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_renglon',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros"
					data-peticion-parametros="
						programa: procesos.consultasolicitudesprestamos;
						renglon: RENGLONES;
						tipo_filtro: TIPO_CUENTA
					"
				',
				'titulo' => 'Renglón'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-4 col-md-5 col-lg-3 col-xl-3 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'medio_pago',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros"
					data-peticion-parametros="renglon: MEDIOS_PAGOS; tipo_filtro:SOLICITUDES_PRESTAMOS"
				',
				'titulo' => 'Medio de Pago'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-4 col-md-3 col-lg-4 col-xl-3 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_tipo_calculo',
				'atributos' => 'data-peticion-tabla=tipos_calculos',
				'titulo' => 'Tipo Cálculo'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_usuario_registro',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros"
					data-peticion-parametros="renglon: USUARIOS"
				',
				'titulo' => 'Registrado Por'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-3 col-md-3 col-lg-2 col-xl-4 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_estado',
				'atributos' => '
					data-peticion-procedimiento=p_traer_filtros
					data-peticion-parametros="
						programa: procesos.consultaSolicitudesPrestamos;
						renglon: ESTADOS;
						tipo_filtro: SOLICITUDES_PRESTAMOS
					"
				',
				'titulo' => 'Estado'
			])
			@endcomponent
		</div>

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

		<div class="col-12 col-sm-7 col-md-4 col-lg-4 col-xl-3 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_oficial',
				'atributos' => 'data-peticion-tabla=oficiales',
				'titulo' => 'Oficial',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-5 col-lg-3 col-xl-6 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_condicion',
				'titulo' => 'Condición',
				'atributos' => 'data-peticion-procedimiento=p_traer_filtros_condiciones_reportes'
			])
			@endcomponent
		</div>

		<div class="divider divider-left my-2 bg-primary text-white [&>span]:flex-1">
			<div class="divider-text bg-primary" style="height: 4px">&nbsp;</div>
		</div>

    <div class="d-flex">
      <div class="col-auto">

      </div>
    </div>

		@component('aplicacion.elementos.tabla', [
			'id' => 'solicitudes',
			'clases' => 'table-primary'
		])
		@endcomponent

	</div>

</form>

@component('aplicacion.elementos.ventana', [
  'id' => 'informacion',
  'titulo' => 'Información',
  'cabeza' => ['clases' => 'bg-primary'],
  'pie' => [
    'contenido' => '
      <button type=button class="btn btn-secondary" data-bs-dismiss=modal>Cerrar</button>
    '
  ]
])
	@component('aplicacion.elementos.tabla', [
		'id' => 'informacion',
		'clases' => 'table-primary'
	])
	@endcomponent
@endcomponent

{{-- ! --}}
@component('aplicacion.elementos.ventana', [
  'id' => 'autorizaciones',
  'titulo' => 'Autorizaciones',
	'clases' => 'fade modal-lg',
  'cabeza' => ['clases' => 'bg-success'],
	'contenedor' => [
		'clases' => 'modal-content h-50'
	],
  'pie' => [
		'clases' => 'modal-footer justify-content-end',
    'contenido' => '
      <button type=button class="btn btn-secondary" data-bs-dismiss=modal>Cerrar</button>
    '
  ]
])

	<iframe
		src=""
		id="marcoAutorizaciones"
		frameborder="0"
		class="w-100 h-100"
		referrerpolicy="strict-origin"
		>
	</iframe>

	{{-- <object data="https://www.daite.com.do/daite/procesos/autorizaciones"
	id="marcoAutorizaciones"
	class="h-100 w-100"
	type="text/html">
		Hubo un error al cargar, por favor intente de nuevo.
	</object> --}}

@endcomponent

@endsection

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

{{-- ! --}}
@parent

<script>
	setTimeout(() => {
		marcoAutorizaciones.src = `${window.aplicacion.enlace}/procesos/autorizaciones`
	}, 500);
</script>

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

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

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

@endsection
