@extends('tema.plantilla')

{{-- {} Título --}}
@section('titulo', 'Registros de Tipos de Cuentas')

{{-- {} 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/administracion/registros/tiposCuentas.css') }}"
>

@endsection

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

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

<form class="form" id="formularioTiposCuentas" autocomplete="off">

	@csrf

	<input id="id_tipo_cuenta" name="id_tipo_cuenta" hidden>

	<div class="row">

		<div class="col-12 col-sm-8 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'id' => 'tipo_cuenta',
				'atributos' => 'maxlength=100',
				'titulo' => 'Tipo de Cuenta'
			])
			@endcomponent
		</div>

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

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

		<div class="col-12 col-sm-4 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
			@component('aplicacion.elementos.campo.etiqueta', [
				'tipo' => 'select',
				'id' => 'id_cuenta_contable_interes',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros"
					data-peticion-parametros="
						renglon: CUENTAS_CONTABLES;
						tipo_filtro: TODAS
					"
				',
				'titulo' => 'Interés'
			])
			@endcomponent
		</div>

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

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

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

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

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

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

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

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

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

		<div class="d-flex justify-content-between">

			<div class="col-auto">
				@component('aplicacion.elementos.boton', [
					'tipo' => 'submit',
					'id' => 'botonGuardar',
					'atributos' => '
						formmethod=POST
						formaction=' . route('ejecutar') . '?0=0&procedimiento=p_registrar_tipos_cuentas
					'
				])
					Guardar
				@endcomponent
			</div>

			<div class="col-auto">
				@component('aplicacion.elementos.boton', [
          'id' => 'botonLimpiar',
					'clases' => 'btn btn-warning',
					'atributos' => '
						form=formularioClientes
						data-accion=limpiar
					'
				])
					Limpiar
				@endcomponent
			</div>

		</div>

		<div class="col-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
			@component('aplicacion.elementos.tabla-vieja', [
				'id' => 'tablaRegistros',
				'atributos' => 'data-tabla-seleccionable=doble'
			])
			@endcomponent
		</div>

	</div>

</form>


@endsection

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

{{-- ! --}}
@parent

{{-- ! 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')

{{-- ! 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/administracion/registros/tiposCuentas.js') }}"></script>

@endsection
