@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Procesos de Facturas')

{{-- {} 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/proyectos/procesos/facturas.css') }}">

@endsection

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

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

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

@endsection

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

<form
	class="form"
	id="formularioFactura"
	autocomplete="off"
	data-campo-prevenir="#tasa"
	data-campo-deshabilitar="#tasa"
	data-tabla-limpiar="#tablaRegistros"
>

	@csrf

	<input id="id_entidad" name="id_entidad" hidden>
	<input id="id_factura" name="id_factura" hidden>

	<div class="row">

		<div class="col-8 col-sm-12 col-md-6 col-lg-5 col-xl-5 col-xxl-5">
			@component('aplicacion.elementos.grupo.campos')

				@component('aplicacion.elementos.campo.etiqueta', [
					'id' => 'id_suplidor',
					'mascara' => ['tipo' => 'entero'],
					'titulo' => 'Suplidor'
				])
				@endcomponent

				@component('aplicacion.elementos.campo', [
					'id' => 'suplidor',
					'clases' => '
						input-group-text
						col-8 col-sm-10 col-md-9 col-lg-9 col-xl-9 col-xxl-9
						text-start
					',
					'atributos' => 'disabled'
				])
				@endcomponent

				@component('aplicacion.elementos.boton', [
					'atributos' => '
						data-bs-toggle=modal
						data-bs-target=#ventanaEmergenteConsulta
						data-peticion-tabla=suplidores
						data-peticion-campo=suplidor
						data-ventana-emergente-titulo=Suplidores
					'
				])
					<i class="fa-solid fa-magnifying-glass"></i>
				@endcomponent

			@endcomponent
		</div>

		<div class="col-4 col-sm-6 col-md-2 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'identificacion',
				'atributos' => 'maxlength=20',
				'titulo' => 'Identificación'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-4 col-lg-5 col-xl-5 col-xxl-5">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_nomina',
				'atributos' => '
					data-peticion-procedimiento=p_traer_filtros
					data-peticion-parametros="
						renglon: NOMINAS;
						tipo_filtro: ABIERTAS
					"
				',
				'titulo' => 'Nómina'
			])
			@endcomponent
		</div>

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

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

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

		<div class="col-5 col-sm-3 col-md-3 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:BANCOS"
				',
				'titulo' => 'Medio de Pago'
			])
			@endcomponent
		</div>

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

		<div class="col-3 col-sm-3 col-md-3 col-lg-1 col-xl-1 col-xxl-1">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'condicion',
        'mascara' => [
					'tipo' => 'entero',
					'valor' => ['maximo' => '1000']
				],
				'titulo' => 'Condición'
			])
			@endcomponent
		</div>

		<div class="col-3 col-sm-3 col-md-3 col-lg-1 col-xl-1 col-xxl-1">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_moneda',
				'valor' => '1',
				'atributos' => '
				data-peticion-procedimiento=p_traer_filtros
				data-peticion-parametros="renglon: MONEDAS"
				',
				'titulo' => 'Moneda'
			])
			@endcomponent
		</div>

		<div class="col-3 col-sm-3 col-md-3 col-lg-1 col-xl-1 col-xxl-1">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'tasa',
        'mascara' => [
					'tipo' => 'numerico',
					'valor' => ['maximo' => '1000']
				],
				'atributos' => 'disabled',
				'titulo' => 'Tasa'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-3 col-lg-2 col-xl-2 col-xxl-1">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'imprevisto',
				'titulo' => 'Imprevisto'
			])

				<option value="0">NO</option>

				<option value="1">SI</option>

			@endcomponent
		</div>

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

		<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-8">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'concepto',
				'titulo' => 'Concepto',
				'atributos' => 'maxlength=300'
			])
			@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' => 'nota',
				'atributos' => 'maxlength=250',
				'titulo' => 'Nota'
			])
			@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>

		@component('aplicacion.elementos.tabla-vieja', [
			'id' => 'tablaRegistros',
			'atributos' => 'data-tabla-seleccionable=doble'
		])
		@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/proyectos/procesos/facturas.js') }}"></script>

@endsection
