@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Reportes de Clientes')

{{-- {} 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') }}">

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

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

@endsection

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

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


<form
	class="form"
	id="formularioReporteClientes"
	autocomplete="off"
	data-campo-prevenir='#hasta_fecha'
	>

	<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-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4">
			@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-6 col-sm-3 col-md-3 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'date',
				'id' => 'desde_fecha',
					'atributos' => '
						min=1753-01-01
						max=' . date("Y-m-d") . '
					',
				'titulo' => 'Desde Ingreso'
			])
			@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', [
				'tipo' => 'date',
				'id' => 'hasta_fecha',

				'atributos' => '
					min=' . date("Y-m-d") . '
					max=9999-12-31
				',
				'titulo' => 'Hasta Ingreso'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-3 col-lg-4 col-xl-4 col-xxl-4">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_actividad',
				'atributos' => 'data-peticion-tabla=actividades',
				'titulo' => 'Actividad'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-3 col-lg-4 col-xl-4 col-xxl-4">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_tipo_cuenta',
				'atributos' => '
					data-peticion-procedimiento="p_traer_registros_consulta_principal"
					data-peticion-parametros="
					origen_registros: tipos_cuentas;
					campos: id_tipo_cuenta AS valor, tipo_cuenta AS descripcion;
					sql: renglon = `CXC`
					"
				',
				'titulo' => 'Tipo de CXC'
			])
			@endcomponent
		</div>

		<div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_empresa',
				'atributos' => 'data-peticion-tabla=empresas',
				'titulo' => 'Empresa'
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_provincia',
				'titulo' => 'Provincia',
				'atributos' => 'data-peticion-tabla=provincias',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_sector',
				'titulo' => 'Sector',
				'atributos' => 'data-peticion-tabla=sectores',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'distrito',
				'titulo' => 'Distrito',
				'atributos' => 'data-peticion-tabla=Distritos',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'genero',
				'titulo' => 'Género',
				'atributos' => 'data-peticion-tabla=generos',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'estado_civil',
				'titulo' => 'Estado Civil',
				'atributos' => 'data-peticion-tabla=estados_civiles',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_ruta',
				'titulo' => 'Ruta',
				'atributos' => 'data-peticion-tabla=rutas',
			])
			@endcomponent
		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'cumpleanos',
				'titulo' => 'Cumpleaños',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros";
					data-peticion-parametros="renglon:MESES";
				',
			])
			@endcomponent
		</div>

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

		<div class="col-12 col-sm-6 col-md-6 col-lg-2 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-6 col-md-6 col-lg-2 col-xl-2 col-xxl-2">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'estado',
				'titulo' => 'Estado',
				'atributos' => '',
			])

			<option value=""></option>
			<option value="1">ACTIVO</option>
			<option value="2">INACTIVO</option>
			@endcomponent

		</div>

		<div class="col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4">
			@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">
			<div class="divider-text bg-primary" style="height: 4px">&nbsp;</div>
		</div>

		<div class="col-12 col-sm-12 col-md-6 col-lg-7 col-xl-7 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'tipo_reporte',
				'atributos' => '
					data-peticion-procedimiento=p_traer_tipos_reporte
					data-peticion-parametros="renglon: CLIENTES"
				',
				'titulo' => 'Tipo de Reporte'
			])
			@endcomponent
		</div>

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

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

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

			</div>
		</div>

		@component('aplicacion.elementos.tabla-vieja')
		@endcomponent

	</div>

  </form>

@component('aplicacion.elementos.VentanaEmergenteConsulta')
@endcomponent

@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/reportes/clientes.js') }}"></script>

@endsection
