<?php $__env->startSection('titulo'); ?>
Productos
<?php $__env->stopSection(); ?>

<?php $__env->startSection("styles"); ?>
<link href="<?php echo e(asset("assets/js/bootstrap-fileinput/css/fileinput.min.css")); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset("assets/css/adminimprenta.css")); ?>" rel="stylesheet" type="text/css"/>
<?php $__env->stopSection(); ?>

<?php $__env->startSection("scriptsPlugins"); ?>
<script src="<?php echo e(asset("assets/js/bootstrap-fileinput/js/fileinput.min.js")); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset("assets/js/bootstrap-fileinput/js/locales/es.js")); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset("assets/js/bootstrap-fileinput/themes/fas/theme.min.js")); ?>" type="text/javascript"></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection("scripts"); ?>
<script src="<?php echo e(asset("assets/pages/scripts/libro/crear.js")); ?>" type="text/javascript"></script>
<?php $__env->stopSection(); ?>
<style></style>

<?php $__env->startSection('contenido'); ?>
<div class="row">
  <div class="col-lg-12">
    <?php echo $__env->make('includes.mensaje', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('includes.form-error', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <div class="box box-danger">
      <div class="box-header with-border">
       <h3 class="box-title">PRESUPUESTO</h3> 
        <a href="<?php echo e(route('presupuesto')); ?>" class="btn btn-info btn-sm pull-right">Volver al listado</a>
      </div>
      <form action="<?php echo e(route('guardar_presupuesto')); ?>" id="form-general" class="form-horizontal" method="POST" autocomplete="off" enctype="multipart/form-data">
        <?php echo csrf_field(); ?>

                        <div class="box-body">
<!-- Encabezado -->
    <div class="col-md-12">
        <table class="table table-striped table-bordered table-hover">
            <thead>
              <tr>
                <th scope="col" style="width: 15%">Cliente</th>
                <th scope="col" style="width: 15%">Campaña</th>
                <th scope="col"style="width:  15%">Vendedor</th>
                <th scope="col" style="width: 15%">Fecha entrega Max.</th>
                <th scope="col" style="width: 15%">Estado Presupuesto</th>
            </tr>
            <tr>
              <td><select name="cliente_id" class="form-control" required>
                 <?php $__currentLoopData = $cliente; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $clientes): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                           <option value="<?php echo e($clientes->id); ?>"><?php echo e($clientes->nombre); ?></option>
                           <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>                      
                </select></td> 
                <td><input type="text" name="campania" class="form-control" value=""/></td> 
                <td><input type="text" name="vendedor" class="form-control" value="<?php echo e(session()->get('nombre_usuario', 'Inivitado')); ?>" readonly/></td> 
                <td><input type="date" name="fecha_entrega" class="form-control"  value=""/></td> 
                <td><select name="estado_id" class="form-control" required>
                 <?php $__currentLoopData = $presupuesto_estados; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $estado): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                           <option value="<?php echo e($estado->id); ?>"><?php echo e($estado->nombre); ?></option>
                           <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>                       
                </select></td> 
            </tr>
        </thead>
    </table>
</div>
<!-- Materiales -->

             <div class="col-md-12"> 
<table class="table table-striped table-bordered table-hover">
                <thead>
                  <tr>
                                         
                    <th scope="col" >Producto</th>
                   <th scope="col" >Tamaño Terminado Cm (Centímetros)</th>
                   <th scope="col" >Papel</th>
                   <th scope="col" >Colores Impresión</th>
                   <th scope="col" >Cantidad a Cliente</th>
                   <th scope="col" >Precio Unitario</th>
                   <th scope="col" >Total</th>
                   <th scope="col" ></th>
                  </tr>
                  <tr>                  
                      
                      <td><input type="text" name="producto" id="producto" class="form-control" value=""  style="text-align: left; background-color: rgb(250, 250, 210)"/></td> 
                        <td><input type="text" name="tamanio" id="tamanio" class="form-control" value="" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><select name="sustrato_primario_id" class="form-control" id="sustrato_primario_id"  style="background-color: rgb(250, 250, 210)">                
                          <!--<option value="">Selecione un sustrato primario</option>  -->
                          <?php $__currentLoopData = $SustratoPrimario; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $SustratoPrimarios): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                          <option value="<?php echo e($SustratoPrimarios->id); ?>"><?php echo e($SustratoPrimarios->nombre); ?></option>
                          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>   
                      </select></td>
                       <td><input type="text" name="impresion_tr" id="impresion_tr" class="form-control" value="" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_material" id="cantidad_material" onkeyup="calSubtotalMat();" class="form-control" value="" min="0" style="text-align: right; background-color: rgb(250, 250, 210)" /></td>
                      <td><input type="number" name="costo_material" id="costo_material" onkeyup="calSubtotalMat();" class="form-control" value="" min="0"  style="text-align: right; background-color: rgb(250, 250, 210)" /></td>
                      <td><input type="text" name="subtotalMateriales" id="subtotalMateriales" class="form-control inputColors" value="" style="text-align: right;" readonly></td>
                      <td> <button type="button" class="btn btn-primary" onclick="addDetalleMateriales();" title="Agregar material" ><i class="fa fa-plus-square fa-2" ></i></button>
                    </td>
                  </tr>
                </thead>
                <tbody id="dir_list_materiales"></tbody>
                <tfoot>
                  <tr>
                    <th colspan="6"></th>
                    <th style="text-align: right">TOTAL $</th>
                    <th>
                        <input type="text" name="totalMateriales" class="form-control" value="" style="text-align: right;" readonly>
                    </th>
                  </tr>
                </tfoot>
              </table>
            </div>


<!-- Costos Totales y Margen -->
<div class="col-xs-12">
  <div class="box box-default">
    <div class="box-body">
      <div class="col-md-12">
        <table class="table table-striped table-bordered table-hover" id="detalle_totalOpeMat" >
          <thead>
           <tr>
            <th scope="col" style="width: 10%">Costo</th>
            <th scope="col" style="width: 10%">Margen (%)</th>
            <th scope="col" style="width: 10%">Neto</th>
            <th scope="col" style="width: 10%">IVA</th>
            <th scope="col" style="width: 10%">Total</th>
          </tr>
          <tr>
            <td>
              <input type="text" name="costoPresupuesto" class="form-control" value="" style="text-align: right;" readonly>
            </td>
            <td>
              <input type="number" name="margen" onkeyup="updateValores();" id="margen" class="form-control" value="0"  style="text-align: right;" />
            </td>
            <td>
              <input type="text" name="netoPresupuesto" class="form-control" value="" style="text-align: right;" readonly>
            </td>
            <td>
              <input type="text" name="ivaPresupuesto" class="form-control" value="" style="text-align: right;" readonly>
            </td>
            <td>
              <input type="text" name="totalPresupuesto" class="form-control" value="" style="text-align: right;" readonly>
            </td>
          </tr>
        </thead>
      </table> 
    </div>
<!-- Observaciones 
<div class="col-md-12">
              <div class="col-sm-12">
                <div class="form-group">
                  <label for="observaciones" >Observaciones</label>
                  <textarea class="form-control rounded-0" name="observaciones"  rows="4" placeholder="ingrese observaciones..."><?php echo e(old('observaciones', $presupuestos->observaciones ?? '')); ?></textarea>
                 <!-- <script>
                        CKEDITOR.replace( 'observaciones' );
                  </script>
               
                </div>
              </div>              
            </div>
                            
    -->

  </div>
</div>
</div>
<!-- Botones -->
<div class="col-md-12 text-center">
            <button type="button" class="btn btn-success mr-3 mt-2">
              <a href="<?php echo e(route('presupuesto')); ?>" style="color:inherit">Cancelar</a>
            </button>
            <button type="submit" class="btn btn-primary mr-3 mt-2">Guardar</button>
        </div>

          </form>
        </div>
      </div>
    </div>
    <?php $__env->startPush('scripts_stack'); ?>

    <script>

 function addDetalleMateriales()
{
    
    
      var divhtml = $("#dir_list_materiales").html();
      var producto=$("#producto");
      var tamanio=$("#tamanio");
      var sustrato_primario_id=$("#sustrato_primario_id");
      var sustrato_text=$("#sustrato_primario_id option:selected");
      var impresion_tr=$("#impresion_tr");
      var observaciones_producto=$("#observaciones_producto");
      var cantidad_material=$("#cantidad_material");
      var costo_material=$("#costo_material");
    
    var material_id=$("#material_id");
      var material_text=$("#material_id option:selected");

      if(costo_material.val() !=0 && cantidad_material.val() !=0){ 

      var totalMateriales = $('input[name="totalMateriales"]').val();
      var mat_ini = Number(costo_material.val())*Number(cantidad_material.val());
      var mat_acu = Number(totalMateriales)+Number(mat_ini);

      var totalOperaciones = $('input[name="totalOperaciones"]').val();
      var costoPresupuesto = Number(totalMateriales)+Number(mat_ini);

      var margen = $('input[name="margen"]').val();
      if(margen == 0){
        var neto_acu = Number(costoPresupuesto);
      }else{
        var neto_acu = ((Number(costoPresupuesto)*Number(margen))/100)+Number(costoPresupuesto);
      }

      var iva = Number(neto_acu)*0.19;
      var total = neto_acu+iva;

         var _token = $('input[name="_token"]').val();
         $.ajax({
          url:"<?php echo e(route('searchDirMateriales')); ?>",
          method:"POST",
          data:{material_id:material_id.val(),
                material_text:material_text.text(),
                
                producto:producto.val(),
                tamanio:tamanio.val(), 
                sustrato_primario_id:sustrato_primario_id.val(),
                sustrato_text:sustrato_text.text(),
                impresion_tr:impresion_tr.val(),
                observaciones_producto:observaciones_producto.val(),
                costo_material:costo_material.val(),
                cantidad_material:cantidad_material.val(), 
                _token:_token},
          success:function(data){
            $('#dir_list_materiales').fadeIn();
            divhtml += data;

           $('#dir_list_materiales').html(divhtml);
           $('input[name="totalMateriales"]').val((mat_acu));
           $('input[name="costoPresupuesto"]').val((costoPresupuesto));
           $('input[name="netoPresupuesto"]').val((neto_acu));
           $('input[name="ivaPresupuesto"]').val((iva));
           $('input[name="totalPresupuesto"]').val((total));
          }
         });

        }
}



function updateValores(){

 // var totalOperaciones = $('input[name="totalOperaciones"]').val();
  var totalMateriales = $('input[name="totalMateriales"]').val();
  var costoPresupuesto = Number(totalMateriales);
  var margen = $('input[name="margen"]').val();

  if(margen == 0){
    var neto_acu = Number(costoPresupuesto);
  }else{
    var neto_acu = ((Number(costoPresupuesto)*Number(margen))/100)+Number(costoPresupuesto);
  }

  var iva = Number(neto_acu)*0.19;
  var total = neto_acu+iva;

  $('input[name="costoPresupuesto"]').val((costoPresupuesto));
  $('input[name="netoPresupuesto"]').val((neto_acu));
  $('input[name="ivaPresupuesto"]').val((iva));
  $('input[name="totalPresupuesto"]').val((total));
}
        
   //------------------------------------------------------------------------------------- -------------------     
  function calSubtotalMat(){
  var costo_material = $('input[name="costo_material"]').val();
  var cantidad_material = $('input[name="cantidad_material"]').val();
  var subtotalMat = Number(costo_material)*Number(cantidad_material);
  $('input[name="subtotalMateriales"]').val((subtotalMat));
}

function eliDetalleMat(idDiv, subtotalMat){
    $("#"+idDiv).html("");
    var totalMateriales = $('input[name="totalMateriales"]').val();
    totalMateriales = (parseInt(totalMateriales)-parseInt(subtotalMat));
    $('input[name="totalMateriales"]').val(totalMateriales);
    updateValores();
}


function eliDetalle(idDiv){
    $("#"+idDiv).html("");
}

function formatNumber(num) {
    if (!num || num == 'NaN') return '-';
    if (num == 'Infinity') return '&#x221e;';
    num = num.toString().replace(/\$|\,/g, '');
    if (isNaN(num))
        num = "0";
    sign = (num == (num = Math.abs(num)));
    num = Math.floor(num * 100 + 0.50000000001);
    cents = num % 100;
    num = Math.floor(num / 100).toString();
    if (cents < 10)
        cents = "0" + cents;
    for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3) ; i++)
        num = num.substring(0, num.length - (4 * i + 3)) + '.' + num.substring(num.length - (4 * i + 3));
    return (((sign) ? '' : '-') + num );
}



    </script>


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





<?php echo $__env->make("theme.$theme.layout", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Laravel\adminimprenta-v2\resources\views/presupuesto/crear.blade.php ENDPATH**/ ?>