@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Procesos de Consulta Solicitudes de Pagos')

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

{{-- ! --}}
@parent

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

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

@endsection

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

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

@component('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonGuardar',
  'atributos' => '
    form=formularioAplicarAvances
    formmethod=POST
    formaction=' . route('ejecutar') . '?0=0&procedimiento=p_registrar_avance2s
  '
])
  Guardar
@endcomponent

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

@component('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonBuscar',
  'clases' => 'btn btn-dark',
  'atributos' => '
    form=formularioAplicarAvances
    formmethod=POST
  '
])
  Autorizar Pago
@endcomponent

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

@endsection

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

<form class="form col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12" id="formularioConsultaSolicitudesPagos" autocomplete="off">

	<div class="row">

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

		<div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'date',
				'id' => 'fecha_inicial',
				'valor' => date("Y-m-d"),
				'atributos' => '
					min=1753-01-01
					max=' . date("Y-m-d") . '
				',
				'titulo' => 'Fecha Inicial'
			])
			@endcomponent
		</div>

		<div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'date',
				'id' => 'fecha_final',
				'valor' => date("Y-m-d"),
				'atributos' => '
					min=' . date("Y-m-d") . '
					max=9999-12-31
				',
				'titulo' => 'Fecha Final'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-4 col-md-4 col-lg-3 col-xl-3 col-xxl-6">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_cuenta_banco',
				'atributos' => '
					data-peticion-procedimiento=p_traer_filtros
					data-peticion-parametros="renglon: BANCOS; tipo_filtro: CUENTAS"
				',
				'titulo' => 'Cuenta de Banco'
			])
			@endcomponent
		</div>

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

		<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-2 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_PAGOS
					"
				',
				'titulo' => 'Medio de Pago'
			])
			@endcomponent
		</div>

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

		<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-2 col-xxl-6">
			@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-4 col-sm-4 col-md-4 col-lg-4 col-xl-6 col-xxl-6">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_usuario',
				'atributos' => 'data-peticion-tabla=usuarios',
				'titulo' => 'Usuario'
			])
			@endcomponent
		</div>

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

		@component('aplicacion.elementos.tabla-vieja', ['id' => 'tablaRegistrosSolicitudesPagos'])
		@endcomponent

		@component('aplicacion.elementos.tabla-vieja', ['id' => 'tablaRegistrosCodificacion'])
		@endcomponent

		@component('aplicacion.elementos.tabla-vieja', ['id' => 'tablaRegistrosFacturas'])
		@endcomponent

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

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

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

@endsection
