<?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">ORDEN DE TRABAJO</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</th>
                <th scope="col" style="width: 15%">Estado</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>
<!-- Productos -->
  <div class="col-md-12">
<table class="table table-striped table-bordered table-hover">
                <thead>
                  <?php echo $__env->make('includes.encabezadoProductos', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                  <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="number" name="ejemplares" id="ejemplares" class="form-control" value="" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_paginas" id="cantidad_paginas" class="form-control" value="1" min="1" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_merma" id="cantidad_merma" class="form-control" value="" min="0" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="formato_terminado_ancho" id="formato_terminado_ancho" class="form-control" value="" min="0"style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="formato_terminado_alto" id="formato_terminado_alto" class="form-control" value="" min="0"style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="formato_extendido_ancho" id="formato_extendido_ancho" class="form-control" value="" min="0"style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="formato_extendido_alto" id="formato_extendido_alto" class="form-control" value="" min="0"style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_ancho" id="cantidad_ancho" class="form-control" value=""style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_alto" id="cantidad_alto" 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="number" name="cantidad_tinta_tiro" id="cantidad_tinta_tiro" class="form-control" value="1" min="1" max="6"style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_tinta_retiro" id="cantidad_tinta_retiro" class="form-control" value="0" min="0" max="6" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td>
                       <button type="button" class="btn btn-primary" onclick="addDetalle();" title="Agregar detalle" ><i class="fa fa-plus-square fa-2" ></i></button>
                    </td>
                  </tr>
                </thead>
                <tbody id="dir_list"></tbody>
              </table>
            </div>

<!-- Materiales -->

             <div class="col-md-6"> 
<table class="table table-striped table-bordered table-hover">
                <thead>
                  <tr>
                    <th scope="col" style="width: 10%">Material</th>
                    <th scope="col" style="width: 10%">costo</th>
                    <th scope="col" style="width: 10%">Cantidad</th>
                    <th scope="col" style="width: 10%">Subtotal</th>
                    <th scope="col" style="width: 10%"></th>
                  </tr>
                  <tr>
                      <td><select name="material_id" class="form-control" id="material_id"  style="background-color: rgb(250, 250, 210)">                
                          <!--<option value="">Selecione un sustrato primario</option>  -->
                           <?php $__currentLoopData = $material; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $materiales): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                   <option value="<?php echo e($materiales->id); ?>"><?php echo e($materiales->nombre); ?></option>
                   <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>    
                      </select></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="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="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="2"></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>

<!-- Operaciones -->
             <div class="col-md-6"> 
<table class="table table-striped table-bordered table-hover">
                <thead>
                  <tr>
                    <th scope="col" style="width: 10%">Operaciones</th>
                    <th scope="col" style="width: 10%">costo</th>
                    <th scope="col" style="width: 10%">Cantidad</th>
                    <th scope="col" style="width: 10%">Subtotal</th>
                    <th scope="col" style="width: 10%"></th>
                  </tr>
                  <tr>
                      <td><select name="operacion_id" class="form-control" id="operacion_id"  style="background-color: rgb(250, 250, 210)">                
                          <!--<option value="">Selecione un sustrato primario</option>  -->
                           <?php $__currentLoopData = $operacion; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $operaciones): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                     <option value="<?php echo e($operaciones->id); ?>"><?php echo e($operaciones->nombre); ?></option>
                     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>     
                      </select></td>
                      <td><input type="number" name="costo_operacion" id="costo_operacion" onkeyup="calSubtotalOp();" class="form-control" value="" min="0"  style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="number" name="cantidad_operacion" id="cantidad_operacion" onkeyup="calSubtotalOp();" class="form-control" value="" min="0" style="text-align: right; background-color: rgb(250, 250, 210)"/></td>
                      <td><input type="text" name="subtotalOperaciones" id="subtotalOperaciones" class="form-control inputColors" value="" style="text-align: right;" readonly ></td>
                      <td> <button type="button" class="btn btn-primary" onclick="addDetalleOperaciones();" title="Agregar material"><i class="fa fa-plus-square fa-2" ></i></button>
                    </td>
                  </tr>
                </thead>
                <tbody id="dir_list_operaciones"></tbody>
                <tfoot>
                  <tr>
                    <th colspan="2"></th>
                    <th style="text-align: right">TOTAL $</th>
                    <th>
                        <input type="text" name="totalOperaciones" 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 addDetalle(){

//if(producto!="" && ejemplares>0 && formato_terminado_ancho>0 && formato_terminado_alto>0 && formato_extendido_ancho>0 && cantidad_ancho>0 && cantidad_alto>0 && cantidad_tinta_tiro>0){

      var divhtml = $("#dir_list").html();
      var producto=$("#producto");
      var ejemplares=$("#ejemplares");
      var formato_terminado_ancho=$("#formato_terminado_ancho");
      var ftalto=$("#formato_terminado_alto");
      var feancho=$("#formato_extendido_ancho");
      var fealto=$("#formato_extendido_alto");
      var sustrato_primario_id=$("#sustrato_primario_id");
      var sustrato_text=$("#sustrato_primario_id option:selected");
      var cantidad_ancho=$("#cantidad_ancho");
      var cantidad_alto=$("#cantidad_alto");
      var cantidad_tinta_tiro=$("#cantidad_tinta_tiro");
      var cantidad_tinta_retiro=$("#cantidad_tinta_retiro");
      var cantidad_paginas=$("#cantidad_paginas");
      var cantidad_merma=$("#cantidad_merma");
      var costoPresupuesto=$("#costoPresupuesto").val();

      //if(producto !=""){
      if(ejemplares.val() !=0 > 0){

         var _token = $('input[name="_token"]').val();
         $.ajax({
          url:"<?php echo e(route('searchDir')); ?>",
          method:"POST",
          data:{producto:producto.val(), ejemplares:ejemplares.val(), formato_terminado_ancho:formato_terminado_ancho.val(), ftalto:ftalto.val(), feancho:feancho.val(), fealto:fealto.val(), cantidad_ancho:cantidad_ancho.val(), cantidad_alto:cantidad_alto.val(),cantidad_tinta_tiro:cantidad_tinta_tiro.val(), cantidad_tinta_retiro:cantidad_tinta_retiro.val(), cantidad_paginas:cantidad_paginas.val(), cantidad_merma:cantidad_merma.val(), sustrato_primario_id:sustrato_primario_id.val(), sustrato_text:sustrato_text.text() , _token:_token},
          success:function(data){
            $('#dir_list').fadeIn();
            divhtml += data;

           $('#dir_list').html(divhtml);
          }
         });

      $("#producto").val("");
      $("#ejemplares").val("");
      $("#formato_terminado_ancho").val("");
      $("#formato_terminado_alto").val("");
      $("#formato_extendido_ancho").val("");
      $("#formato_extendido_alto").val("");
      $("#cantidad_ancho").val("");
      $("#cantidad_alto").val("");
      $("#cantidad_merma").val("");

       }else{
        alert("Agregue un producto y sus características")
       }

  //}else{
   //   alert("Error al ingresar el detalle del ingreso, revise los datos del producto")
   // $("#add_descripcion").focus();
  //  }

}


 function addDetalleMateriales()
{

      var divhtml = $("#dir_list_materiales").html();
      var material_id=$("#material_id");
      var material_text=$("#material_id option:selected");
      var costo_material=$("#costo_material");
      var cantidad_material=$("#cantidad_material")

      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(totalOperaciones)+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(), 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));
          }
         });

        $("#costo_material").val("");
        $("#cantidad_material").val("");
        $("#subtotalMateriales").val("");

        }
    else
   {
     alert("debe completar todos los campos");
  //    $("#add_descripcion").focus();
    }

}

function addDetalleOperaciones(){

    var divhtml = $("#dir_list_operaciones").html();
    var operacion_id=$("#operacion_id");
    var operacion_text=$("#operacion_id option:selected");
    var costo_operacion=$("#costo_operacion");
    var cantidad_operacion=$("#cantidad_operacion")

   if(costo_operacion.val() !=0 && cantidad_operacion.val() !=0){ 

    var totalOperaciones = $('input[name="totalOperaciones"]').val();
    var op_ini = Number(costo_operacion.val())*Number(cantidad_operacion.val());
    var op_acu = Number(totalOperaciones)+Number(op_ini);

    var totalMateriales = $('input[name="totalMateriales"]').val();
    var costoPresupuesto = Number(totalOperaciones)+Number(totalMateriales)+Number(op_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('searchDirOperaciones')); ?>",
      method:"POST",
      data:{operacion_id:operacion_id.val(), operacion_text:operacion_text.text(), costo_operacion:costo_operacion.val(), cantidad_operacion:cantidad_operacion.val(), _token:_token},
      success:function(data){
        $('#dir_list_operaciones').fadeIn();
        divhtml += data;

        $('#dir_list_operaciones').html(divhtml);

        $('input[name="totalOperaciones"]').val((op_acu));
        $('input[name="costoPresupuesto"]').val((costoPresupuesto));
        $('input[name="netoPresupuesto"]').val((neto_acu));
        $('input[name="ivaPresupuesto"]').val((iva));
        $('input[name="totalPresupuesto"]').val((total));
      }
    });
    $("#costo_operacion").val("");
    $("#cantidad_operacion").val("");
    $("#subtotalOperaciones").val("");

    }
    else
   {
     alert("debe completar todos los campos");
  //    $("#add_descripcion").focus();
    }
 
}

function updateValores(){

  var totalOperaciones = $('input[name="totalOperaciones"]').val();
  var totalMateriales = $('input[name="totalMateriales"]').val();
  var costoPresupuesto = Number(totalOperaciones)+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 calSubtotalOp(){
  var costo_operacion = $('input[name="costo_operacion"]').val();
  var cantidad_operacion = $('input[name="cantidad_operacion"]').val();
  var subtotalOp = Number(costo_operacion)*Number(cantidad_operacion);
  $('input[name="subtotalOperaciones"]').val((subtotalOp));
}

function eliDetalle(idDiv){
    $("#"+idDiv).html("");
    /*var neto = $('input[name="neto"]').val();
    neto = neto.replace(/\./g,'');
    neto = (parseInt(neto)-parseInt(subtotal));

    if(neto==0)
    {
        $('input[name="neto"]').val('');
        $('input[name="iva"]').val('');
        $('input[name="total"]').val('');

    }
    else
    {
    // var neto_ini = Number(cant.val())*Number(prec.val());
      var neto_acu = Number(neto);
      var iva = Number(neto_acu)*0.19;
      var total = neto_acu+iva;

      $('input[name="neto"]').val(formatNumber(neto_acu));
      $('input[name="iva"]').val(formatNumber(iva));
      $('input[name="total"]').val(formatNumber(total));
    }*/
}

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

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


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>
<!--
    <script>
   // "use strict";
   $(document).ready(function(){
    $('#bt_add_producto').click(function(){
      agregarProducto();
    });
    $('#bt_add_material').click(function(){
      agregarMaterial();
    });
    $('#bt_add_operacion').click(function(){
      agregarOperacion();
    });
    $('#bt_costoTotal').click(function(){
      calculoCostoTtotal();
    });
  });

   var cont=0;
   var contMaterial = 0;
   var contOperacion = 0;
   var total=0;
   var subtotal=[];
   var pliegos=0;
   var pliegosCount=[];
   var pliegosTotal=0;
   var pliegosMermaCount=[];
   var pliegosMermaTotal=0;
   var pliegosMasMerma=0;
   var pliegosCosto=0;
   var arrayMaterial=[];
   var contArrayMaterial=0;
   var costo_cantidad_material=0;
   var arrayOperacion=[];
   var contArrayOperacion=0;
   var costo_cantidad_operacion=0;

   var SumtotalMaterial=0;
   var subtotalMaterial=[];


   var SumtotalOperacion=0;
   var subtotalOperacion=[];

   var SumtotalOpeMat=0;
   //var subtotalOpeMat=[];

   var costoTotal=0;

   $("#guardar").hide();

   function agregarProducto(){
    producto=$("#producto").val();
    ejemplares=$("#ejemplares").val();
    formato_terminado_ancho=$("#formato_terminado_ancho").val();
    formato_terminado_alto=$("#formato_terminado_alto").val();
    formato_extendido_ancho=$("#formato_extendido_ancho").val();
    formato_extendido_alto=$("#formato_extendido_alto").val();
    maquina_id=$("#maquina_id option:selected").text();
    maquina_id_val=$("#maquina_id option:selected").val();
    sustrato_primario_id=$("#sustrato_primario_id option:selected").text();
    sustrato_primario_id_val=$("#sustrato_primario_id option:selected").val();
    cantidad_ancho=$("#cantidad_ancho").val();
    cantidad_alto=$("#cantidad_alto").val();
    cantidad_tinta_tiro=$("#cantidad_tinta_tiro").val();
    cantidad_tinta_retiro=$("#cantidad_tinta_retiro").val();
    cantidad_paginas=$("#cantidad_paginas").val();
    cantidad_merma=$("#cantidad_merma").val();

    if(producto!="" && ejemplares>0 && formato_terminado_ancho>0 && formato_terminado_alto>0 && formato_extendido_ancho>0 && cantidad_ancho>0 && cantidad_alto>0 && cantidad_tinta_tiro>0){

      if(cont ==0 ){
        alert("Ingrese los productos y luego los materiales, Operaciones y accesorios");
      }

      /** pliegosCount[cont]=((ejemplares/(cantidad_ancho*cantidad_alto))*cantidad_paginas);
      pliegosTotal=pliegosTotal+pliegosCount[cont];
      pliegos=((ejemplares/(cantidad_ancho*cantidad_alto))*cantidad_paginas);

      pliegosMermaCount[cont]=cantidad_merma;
      pliegosMermaTotal=Number(pliegosMermaTotal)+Number(pliegosMermaCount[cont]);


      pliegosMasMerma=Number(pliegosTotal)+Number(pliegosMermaTotal);

      **/


      var fila='<tr class="selected" id="fila'+cont+'"><td><button type="button" class="btn btn-warning" onclick="eliminar('+cont+');"><i class="fa fa-fw fa-trash text-danger"></i></button></td><td><input type="hidden" name="producto[]" value="'+producto+'">'+producto+'</td><td>'+ejemplares+'<input type="hidden" name="ejemplares[]" value="'+ejemplares+'"></td><td>'+formato_terminado_ancho+'<input type="hidden" name="formato_terminado_ancho[]" value="'+formato_terminado_ancho+'"></td><td>'+formato_terminado_alto+'<input type="hidden" name="formato_terminado_alto[]" value="'+formato_terminado_alto+'"></td><td>'+formato_extendido_ancho+'<input type="hidden" name="formato_extendido_ancho[]" value="'+formato_extendido_ancho+'"></td><td>'+formato_extendido_alto+'<input type="hidden" name="formato_extendido_alto[]" value="'+formato_extendido_alto+'"></td><td>'+sustrato_primario_id+'<input type="hidden" name="sustrato_primario_id[]" value="'+sustrato_primario_id_val+'"></td><td>'+cantidad_ancho+'<input type="hidden" name="cantidad_ancho[]" value="'+cantidad_ancho+'"></td><td>'+cantidad_alto+'<input type="hidden" name="cantidad_alto[]" value="'+cantidad_alto+'"></td><td>'+cantidad_tinta_tiro+'<input type="hidden" name="cantidad_tinta_tiro[]" value="'+cantidad_tinta_tiro+'"></td><td>'+cantidad_tinta_retiro+'<input type="hidden" name="cantidad_tinta_retiro[]" value="'+cantidad_tinta_retiro+'"></td><td>'+cantidad_paginas+'<input type="hidden" name="cantidad_paginas[]" value="'+cantidad_paginas+'"></td><td>'+cantidad_merma+'<input type="hidden" name="cantidad_merma[]" value="'+cantidad_merma+'"></td><td>'+pliegos+'</td></tr>';

     cont++;

      limpiar();
      evaluar();
      $('#detalle_producto').append(fila);
      //$("#guardar").show();
    }
    else
    {
      alert("Error al ingresar el detalle del ingreso, revise los datos del producto")
    }
  };

  function agregarMaterial(){

    producto=$("#producto").val();
    material_id=$("#material_id").val();
    material_text=$("#material_id option:selected").text();
    costo_material=$("#costo_material").val();
    cantidad_material=$("#cantidad_material").val();
    pliegosCosto=pliegosMasMerma*costo_material;
    costo_cantidad_material=cantidad_material*costo_material;

    if(cont == 0){
      alert("Recordatorio: Debe ingresar los productos, luego las otras operaciones");
    }else{

    if(producto!=""){ //|| cont > 0
      if(arrayMaterial.find(mat => mat == material_id)){
       alert ("El material selecionado existe");
     }
     else{
      arrayMaterial[contArrayMaterial] = material_id;
      subtotalMaterial[contMaterial]=costo_cantidad_material;
      SumtotalMaterial=SumtotalMaterial+subtotalMaterial[contMaterial];
      SumtotalOpeMat=SumtotalOperacion+SumtotalMaterial;
      //costoTotal=(costoTotal+SumtotalOpeMat);

      var filaMaterial='<tr class="selected" id="filaMaterial'+contMaterial+'"><td><button type="button" class="btn btn-warning" onclick="eliminarMaterial('+contMaterial+');"><i class="fa fa-fw fa-trash text-danger"></i></button></td><td><input type="hidden" name="material_id[]" value="'+material_id+'">'+material_text+'</td><td>'+costo_material+'<input type="hidden" name="costo_material[]" value="'+costo_material+'"></td><td>'+cantidad_material+'<input type="hidden" name="cantidad_material[]" value="'+cantidad_material+'"></td><td>'+costo_cantidad_material+'<input type="hidden" name="costo_cantidad_material[]" value="'+costo_cantidad_material+'"></td></tr>';
      $('#detalle_material').append(filaMaterial);
      contMaterial++;
      contArrayMaterial++;
      $('#totalMaterial').html("$" + SumtotalMaterial);
      $('#totalOpeMat').html("$" + SumtotalOpeMat);  
      $("#guardar").show();    
    }  
  } 
  else{
    alert("Debe tener a lo menos un producto");
  }
}  
}

function agregarOperacion(){

  producto=$("#producto").val();
  operacion_id=$("#operacion_id").val();
  operacion_text=$("#operacion_id option:selected").text();
  costo_operacion=$("#costo_operacion").val();
  cantidad_operacion=$("#cantidad_operacion").val();
  costo_cantidad_operacion=cantidad_operacion*costo_operacion;
  if(cont == 0){
    alert("Recordatorio: Debe ingresar los productos, luego las otras operaciones");
  }else{
    if(producto!=""){
      if(arrayOperacion.find(op => op == operacion_id)){
       alert ("El material selecionado existe");
     }
     else{
      arrayOperacion[contArrayOperacion] = operacion_id;
      subtotalOperacion[contOperacion]=costo_cantidad_operacion;
      SumtotalOperacion=SumtotalOperacion+subtotalOperacion[contOperacion];
      SumtotalOpeMat=SumtotalOperacion+SumtotalMaterial;
      //costoTotal=costoTotal+SumtotalOpeMat;

       var filaOperacion='<tr class="selected" id="filaOperacion'+contOperacion+'"><td><button type="button" class="btn btn-warning" onclick="eliminarOperacion('+contOperacion+');"><i class="fa fa-fw fa-trash text-danger"></i></button></td><td><input type="hidden" name="operacion_id[]" value="'+operacion_id+'">'+operacion_text+'</td><td>'+costo_operacion+'<input type="hidden" name="costo_operacion[]" value="'+costo_operacion+'"></td><td>'+cantidad_operacion+'<input type="hidden" name="cantidad_operacion[]" value="'+cantidad_operacion+'"></td><td>'+costo_cantidad_operacion+'<input type="hidden" name="costo_cantidad_operacion[]" value="'+costo_cantidad_operacion+'"></td></tr>';
       $('#detalle_operaciones').append(filaOperacion);
       contOperacion++;
       contArrayOperacion++;

       $('#totalOperacion').html("$" + SumtotalOperacion);
       $('#totalOpeMat').html("$" + SumtotalOpeMat);
       $("#guardar").show();
       //$('#costoTotal').html("$" + costoTotal);
       
     }  
   } 

   else{
    alert("Debe tener a lo menos un producto");
  }
}  
}

function limpiar(){
   // $("#ejemplares").val("");
 }

 function evaluar(){
  if(total>0){
    $("#guardar").show();
  }else{
    $("#guardar").hide();
  }
}

function eliminar(index){
  cont--;
  total=total-subtotal[index]; 
  pliegosTotal=pliegosTotal-pliegosCount[index];
  pliegosMermaTotal=pliegosMermaTotal-pliegosMermaCount[index];
  pliegosMasMerma=Number(pliegosTotal)+Number(pliegosMermaTotal);

  $("#fila" + index).remove();
  for(var i=0; i < arrayMaterial.length; i++){
    delete arrayMaterial[i] ;
    $("#filaMaterial" + i).remove();
    delete arrayOperacion[i] ;
    $("#filaOperacion" + i).remove();
  }
  evaluar();
}

function eliminarOperacion(index){
 SumtotalOperacion=SumtotalOperacion-subtotalOperacion[index]; 
 $('#totalOperacion').html("$" + SumtotalOperacion);
 delete arrayOperacion[index] ;
 $("#filaOperacion" + index).remove();
 SumtotalOpeMat=SumtotalOpeMat-subtotalOperacion[index];
 $('#totalOpeMat').html("$" + SumtotalOpeMat);
}

function eliminarTodoOperacion(index){
  delete filaOperacion;
  $("#filaOperacion").remove();
  //SumtotalOpeMat=0;
}

function eliminarMaterial(index){
 SumtotalMaterial=SumtotalMaterial-subtotalMaterial[index]; 
 $('#totalMaterial').html("$" + SumtotalMaterial);
 delete arrayMaterial[index] ;
 $("#filaMaterial" + index).remove();
 SumtotalOpeMat=SumtotalOpeMat-subtotalMaterial[index];
 $('#totalOpeMat').html("$" + SumtotalOpeMat);
}

function eliminarTodoMaterial(index){
  delete filaMaterial;
  $("#filaMaterial").remove();
  //SumtotalOpeMat=0;
}

function calculoCostoTtotal(){
  margen=$("#margen").val();
  costoTotal=((SumtotalOpeMat*margen)/100)+SumtotalOpeMat;
  $('#costoTotal').html("$" + costoTotal);

}
</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\resources\views/presupuesto/crear.blade.php ENDPATH**/ ?>