<?php $__env->startSection('titulo', 'Registros de Indicadores'); ?>


<?php $__env->startSection('cabeza'); ?>


<?php echo \Illuminate\View\Factory::parentPlaceholder('cabeza'); ?>


<?php echo $__env->make('librerias.datatables.css', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<link rel="stylesheet" href="<?php echo e(asset('archivos/css/aplicacion/seccion/registros/indicadores.css')); ?>">

<?php $__env->stopSection(); ?>


<?php $__env->startSection('encabezado'); ?>

<?php $__env->startComponent('aplicacion.elementos.boton', [
  'tipo' => 'submit',
  'id' => 'botonGuardar',
  'atributos' => '
    form=formularioIndicadores
    formmethod=POST
    formaction=' . route('ejecutar') . '?0=0&procedimiento=p_registrar_indicadores
  '
]); ?>
  Guardar
<?php echo $__env->renderComponent(); ?>

<?php $__env->startComponent('aplicacion.elementos.boton', [
  'id' => 'botonLimpiar',
  'clases' => 'btn btn-warning',
  'atributos' => '
    form=formularioIndicadores
    data-accion=limpiar
  '
]); ?>
  Limpiar
<?php echo $__env->renderComponent(); ?>

<?php $__env->stopSection(); ?>


<?php $__env->startSection('seccion'); ?>

<form
	class="form"
	id="formularioIndicadores"
	autocomplete="off"
	data-tabla-limpiar-fila-activa="#tabla_indicadores"
>

	<?php echo csrf_field(); ?>

	<input id="id_indicador" name="id_indicador" hidden />

	<div class="row">

		<div class="col-6 col-sm-6 col-md-5 col-lg-5 col-xl-5 col-xxl-3">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta',[
				'tipo' => 'select',
				'id' => 'tipo_indicador',
				'atributos' => '
					data-peticion-procedimiento="p_traer_filtros"
					data-peticion-parametros="renglon:TIPOS_INDICADORES"
				',
				'titulo' => 'Tipo Indicador'
			]); ?>
			<?php echo $__env->renderComponent(); ?>
		</div>

		<div class="col-6 col-sm-6 col-md-5 col-lg-5	col-xl-5 col-xxl-5">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta', [
				'id' => 'indicador',
				'titulo' => 'Indicador',
				'atributos' => 'maxlength=250'
			]); ?>
			<?php echo $__env->renderComponent(); ?>
		</div>

		<div class="col-6 col-sm-6 col-md-2 col-lg-3 col-xl-2 col-xxl-2">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta',[
				'id' => 'ano',
				'mascara' => ['tipo' => 'entero'],
				'atributos' => 'maxlength=4',
				'titulo' => 'Año'
			]); ?>
			<?php echo $__env->renderComponent(); ?>
		</div>

		<div class="col-6 col-sm-6 col-md-1 col-lg-1 col-xl-2 col-xxl-2">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta',[
				'id' => 'referencia',
				'titulo' => 'Referencia',
				'atributos' => 'maxlength=30'
			]); ?>
			<?php echo $__env->renderComponent(); ?>
		</div>

		<div class="col-3 col-sm-3 col-md-2 col-lg-2 col-xl-1 col-xxl-3">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta', [
				'id' => 'monto',
				'mascara' => ['tipo' => 'numerico'],
				'titulo' => 'Monto'
			]); ?>
			<?php echo $__env->renderComponent(); ?>
		</div>


		<div class="col-3 col-sm-3 col-md-2 col-lg-2 col-xl-1 col-xxl-2">
			<?php $__env->startComponent('aplicacion.elementos.boton', [
			'id' => 'botonDesglosar',
			'clases' => 'btn btn-secondary',
			'atributos' => '
				form=formularioIndicadores
				data-bs-toggle=modal
				data-bs-target=#ventana_detalle_indicador
				data-ventana-emergente-titulo=indicador
			'
			]); ?>
				Segmentar
			<?php echo $__env->renderComponent(); ?>
		</div>

		<div class="col-6 col-sm-2 col-md-2 col-lg-12 col-xl-12 col-xxl-12" style="height: 100%">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta',[
				'tipo' => 'textarea',
				'id' => 'sql',
				// 'atributos' => 'style=height:240px;',
				'titulo' => 'SQL'
				]); ?>
			<?php echo $__env->renderComponent(); ?>
		</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>

		<?php $__env->startComponent('aplicacion.elementos.tabla', [
			'id' => 'indicadores',
			'clases' => 'table-primary'
		]); ?>
		<?php echo $__env->renderComponent(); ?>

	</div>

</form>


<?php echo $__env->make('aplicacion.elementos.VentanaEmergenteConsulta', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<?php $__env->startComponent('aplicacion.elementos.ventana', [
  'id' => 'detalle_indicador',
  'titulo' => 'Detalle Indicador',
	'clases' => 'fade modal-md',
  'cabeza' => ['clases' => 'bg-success'],
  'pie' => [
		'clases' => 'modal-footer justify-content-between',
    'contenido' => '
			<button type=button id="botonGuardarModal" class="btn btn-success">Guardar</button>
      <button type=button class="btn btn-secondary" id="botonCerrarModal">Cerrar</button>
    '
  ]
]); ?>

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

    <div class="row">

    <?php $__env->startComponent('aplicacion.elementos.tabla', [
      'id' => 'desglose',
      'clases' => 'table-primary'
    ]); ?>

      <thead>
        <tr>

          <th data-columna-nombre="id" data-columna-tipo="num">
            ID
          </th>

          <th data-columna-nombre="mes" data-columna-tipo="num" data-columna-ancho="10%">
            Mes
          </th>

          <th class="text-end" data-columna-nombre="proyectado" data-columna-tipo="numeric" data-columna-sumar data-columna-ancho="10%">
            Proyectado
          </th>

					<th
					class="text-end valor"
					data-columna-nombre="valor"
					data-columna-tipo="input"
					data-columna-campo-atributos='
						class="form-control text-end fw-bold"
						inputmode=decimal
						onclick=this.select()
						data-mascara=numerico
						data-mascara-decimales=2
					'
					data-columna-sumar
					data-columna-ancho="80%"
					>Presupuesto</th>

          <th class="d-none" data-columna-nombre="valor2" data-columna-tipo="num">
            Valor
          </th>

        </tr>
      </thead>

      <tbody>
        <tr>
          <td class="text-center" colspan="100%">Cargando...</td>
        </tr>
      </tbody>

      <tfoot>
        <tr>
          <th colspan="100%">&nbsp;</th>
        </tr>
      </tfoot>

    <?php echo $__env->renderComponent(); ?>

		</div>

		<div class="col-6 col-sm-6 col-md-2 col-lg-3 col-xl-2 col-xxl-4">
			<?php $__env->startComponent('aplicacion.elementos.campo.etiqueta',[
				'id' => 'diferencia',
				'mascara' => ['tipo' => 'numerico'],
				'atributos' => 'maxlength=4 disabled',
				'titulo' => 'Diferencia'
			]); ?>
			<?php echo $__env->renderComponent(); ?>
		</div>

  </form>

<?php echo $__env->renderComponent(); ?>

<?php $__env->stopSection(); ?>


<?php $__env->startSection('programacion'); ?>


<?php echo \Illuminate\View\Factory::parentPlaceholder('programacion'); ?>


<script src="<?php echo e(asset('archivos/librerias/imask/v6.4.3/imask.js')); ?>"></script>


<?php echo $__env->make('librerias.datatables.js', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


<script type="module" src="<?php echo e(asset('archivos/js/aplicacion/seccion/registros/indicadores.js')); ?>"></script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('tema.plantilla', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\aplicaciones\empresa\sistemas\daite\resources\views/aplicacion/seccion/registros/indicadores.blade.php ENDPATH**/ ?>