    <div class="container">
        <div class="row">
            <div class="col-lg-12">
    <div class="card shadow-lg p-3 mb-5 bg-white ">
        <div class="card-header">Produccion Diaria</div>
        <div class="card-body">
          <!-- COMIENZO DEL FORMULARIO -->
        <form id="prod01" action="/links/producciond" method="POST" class="needs-validation" novalidate>
                  <div class="form-row">
                    <!-- LABELS E INPUTS DEL LA PRIMERA FILA  -->
                    <!-- LABELS E INPUTS DE  LA #ORDEN -->

                    <div class="col-md-2 mb-3">
                     <label class="font-weight-bold" for="Orden"> #Orden</label>
                     <div class="input-group">
                       <input type="text" class="form-control" placeholder="idorden" name="numorden"  value = {{ eldia }}  required  onkeypress="return false;">
                        <div class="input-group-append">
                          <button href="#" class="btn btn-secondary"  data-toggle="modal" data-target="#myModal-ordenes" type="button">     <i class="fa fa-search"></i>
                          </button>
                        </div>  
                     </div>
                    </div>
                    
                    <!-- LABELS E INPUTS DE  LA FECHA -->
                    
                    <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="fecha">Fecha</label>
                      <input name="fecha" type="date" class="form-control" id="id-fecha" placeholder="" value={{ eldia }} required>
                      <div class="valid-feedback"></div>
                      <div class="invalid-feedback">Complete el campo.</div>    
                    </div>

                    <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="turno">Turno</label>  
                      <select name="turno" class="custom-select" required>
                         <option value=""></option> 
                         {{#each lista}} 
                            {{#each lista_turnos}}
                               <option value={{id_turnos}}>{{horarios}}</option> 
                            {{/each}}    
                            
                         {{/each}}
                         
                      </select>                       
                    </div>

                    <div class="col-md-3 mb-3">
                      <label class="font-weight-bold" for="Operador">Operador</label>  
                      <select name="operador" class="custom-select" required>
                        <option value=""></option> 
                         {{#each lista}} 
                           {{#each operadores}}
                              <option value={{id_trabajador}}>{{persona}}</option> 
                           {{/each}}                      
                         {{/each}}

                      </select>                                            
                    </div>
                    <div class="col-md-2 mb-3">
                     <label class="font-weight-bold" for="Operador">Infor. de la orden</label>   
                     <button type="button" class="btn btn-info"> Info</button> 
                     </div> 
                  </div> <!-- FIN DE LABELS E INPUTS DEL LA PRIMERA FILA  -->
                    
                  <!-- COMIENZO DE LABELS E INPUTS DEL LA SEGUNDA FILA  -->                    
                  <div class="form-row">
                    <!-- LABELS E INPUTS DE  LA MAQUINA -->

                    <div class="col-md-4 mb-3">
                      <label class="font-weight-bold" for="supervisor">Supervisor</label>  
                      <select name="supervisor" class="custom-select" required>
                         <option value=""></option> 
                         {{#each lista}} 
                            {{#each lista_supervisores}}
                               <option value={{id_trabajador}}>{{persona}}</option> 
                            {{/each}}    
                            
                         {{/each}}
                         
                      </select>                       
                    </div>


                    <div class="col-md-4 mb-3">
                      <label class="font-weight-bold" for="dpto">Maquina</label>  
                      <select name="maquina" class="custom-select" required>
                         <option value=""></option> 
                         {{#each lista}} 
                            {{#each lista_supervisores}}
                               <option value={{id_trabajador}}>{{persona}}</option> 
                            {{/each}}    
                            
                         {{/each}}
                         
                      </select>                       
                    </div>


                    <!-- LABELS E INPUTS DEl CLIENTE -->

                
                  </div>    <!-- FIN DE la segunda linea ROW-->

                  <div class="form-row"> <!-- COMIENZO DE LA TERCERA FILA linea ROW-->
                    <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="producto">Producto</label>
                      <div class="input-group">
                        <input type="text" class="form-control" placeholder="id producto" name="idproducto" required  onkeypress="return false;">
                         <div class="input-group-append">
                           <button href="#" class="btn btn-secondary"  data-toggle="modal" data-target="#myModal3"  type="button">     <i class="fa fa-search"></i>  </button>
                         </div>  
                      </div>
                     </div>

                     <div class="col-md-3 mb-3">
                      <label class="font-weight-bold" for="descliente">Descripcion del Producto</label> 
                      <div class="input-group">
                        <input class="form-control" type="text" placeholder="" id="desproducto" name="des-producto" readonly>                     
                      </div>
                    </div>

                    <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="desformula">Unidad</label> 
                      <div class="input-group">
                        <input class="form-control" type="text" placeholder="" id="desformula" name="des-unidad" readonly>                     
                      </div>
                    </div>


                    <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="cantidad">Cantidad</label>
                      <div class="input-group">
                        <input type="number"  style="text-align:right;" class="form-control" placeholder="cantidad" name="cantidad" required>                         
                      </div>
                     </div>

                    <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="cantidad">Peso</label>
                      <div class="input-group">
                        <input type="number"  style="text-align:right;" class="form-control" placeholder="cantidad" name="cantidad" required>                         
                      </div>
                     </div>
                  </div>                      
                  </div> 

                  
                   <!-- FIN DE la TERCERA linea ROW-->

                 <div class="form-row">  <!-- COMIENZO DE la CUARTA linea ROW-->

                   <div class="col-md-2 mb-3">
                      <label class="font-weight-bold" for="merma">Merma (KG)</label>
                      <div class="input-group">
                        <input type="number"  style="text-align:right;"  class="form-control" placeholder="cantidad" name="merma" required>                         
                      </div>
                     </div>   

                    <div class="col-md-3 mb-3">
                      <label class="font-weight-bold" for="supervisorlb">Ayudate 1</label>  
                      <select name="ayudante1" class="custom-select" >
                         <option value=""></option> 
                         {{#each lista}} 
                            {{#each lista_supervisores}}
                               <option value={{id_trabajador}}>{{persona}}</option> 
                            {{/each}}    
                            
                         {{/each}}
                         
                      </select>                       
                    </div>

                    <div class="col-md-3 mb-3">
                      <label class="font-weight-bold" for="supervisorlb">Ayudate 2</label>  
                      <select name="ayudante2" class="custom-select" >
                         <option value=""></option> 
                         {{#each lista}} 
                            {{#each lista_supervisores}}
                               <option value={{id_trabajador}}>{{persona}}</option> 
                            {{/each}}    
                            
                         {{/each}}
                         
                      </select>                       
                    </div>

                    <div class="col-md-3 mb-3">
                      <label class="font-weight-bold" for="supervisorlb">Ayudate 3</label>  
                      <select name="ayudante3" class="custom-select" >
                         <option value=""></option> 
                         {{#each lista}} 
                            {{#each lista_supervisores}}
                               <option value={{id_trabajador}}>{{persona}}</option> 
                            {{/each}}    
                            
                         {{/each}}
                         
                      </select>                       
                    </div>



                  </div>  <!-- FIN DE la CUARTA linea ROW-->

                  <div class="form-row"> <!-- COMIENZO DE LA QUINTA FILA linea ROW-->
                    <div class="col-md-6 mb-3">
                      <label class="font-weight-bold" for="observaciones">Observaciones Generales</label>
                      <div class="input-group">
                        <textarea class="form-control" id="idobservaciones" rows="4" name="observaciones"></textarea>
                      </div>
                     </div>

                    <div class="col-md-6 mb-3">
                      <label class="font-weight-bold" for="notasC">Notas de Calidad</label>
                      <div class="input-group">
                        <textarea class="form-control" id="idnotascalidad" rows="4" name="notascalidad"></textarea>
                      </div>
                     </div>


                  </div>  <!-- FIN DE la CUARTA linea ROW-->
                  
                  <div class="form-group">
                     <button class="btn btn-primary" type="submit">Save</button>  
                  </div>
                  
                </form>
        </div>   
    </div>
            </div>       
        </div>                  
    </div>

 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
 </script>


 <script>

(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();


 </script>
 
  <script>

 
{{>catalogoclientes }}

{{>catalogomaquinas }}

{{>catalogoproductos }}
