@extends('../padre.padre')

@section('contenido')


{{-- @include('../modales.resultadoDiferencias') --}}
<div class="d-flex justify-content-center">
  @include('menu.botonRegresar')
  {{-- <div class="col-6 d-flex justify-content-end "> --}}
    <label class="col-md-3">
    <h1>TRASLADOS </h1>
     </label>
  {{-- </div> --}}
{{-- <div class="col-3 d-flex justify-content-end"> --}}
  <label class="col-md-1">
  <button type="button" class="btn btn-info" id="analisistrasl" data-bs-toggle="modal" data-bs-target="#analisistraslados">
    SUGERIDO
  </button>
  </label>
{{-- </div> --}}

    
</div>

<div class="col d-flex justify-content-center">
   <label  class="col-4"> Detalle traslado
        <input type="text" value="" class="form-control" id="detalleta">
        
   </label>
   
   <label class="col-4 col-md-1 text-danger">  Bodg_Salida
     @include('../menu.bodegas_tras_Salida')
    </label>
    <label for="" class="col-4 col-md-1  text-primary" >Bodg_Entrada @include('../menu.bodegas_tras')</label> 

    <label for="" class="col-4 col-md-1 text-primary"><br><input type="button"  class="btn btn-warning " id="buscartemp" value="Consultar"></label> 


</div>
<hr>
<div class="col-md-12">
  <div class="row g-2 align-items-end">
    {{-- <div class="col-md-1"> --}}
      <label class="col-md-1">Tipo
        <select id="tipobusquedats" class="form-control">
          <option value="Codigo">Codigo</option>
          <option value="Nombre">Nombre</option>
        </select>
      </label>
    {{-- </div> --}}

    {{-- <div class="col-md-3"> --}}
      <label class="col-md-2">Producto
        <input type="text" list="productosts" id="busproductots" value="" class="form-control blanco">
        <datalist id="productosts">
          {{-- <option value="12345">Prueba</option> --}}
        </datalist>
      </label>
    {{-- </div> --}}

   

    <div class="col-md-1">
      <button type="button" id="buscadorts" class="btn btn-warning w-100">Buscar</button>
    </div>

    {{-- <div class="col-md-2"> --}}
      <label class="col-md-3">Nombre P
        <input type="text" id="nombreProductots" class="form-control blanco" disabled>
      </label>
    {{-- </div> --}}

     {{-- <div class="col-md-3"> --}}
      <label class="col-md-2">Lot/vcimiento
        <select id="vencimientolote" class="form-control">
          <option value="0" data-lote="0" data-fechav="0">Seleccione lote / fecha</option>
        </select>
      </label>
    {{-- </div> --}}

    {{-- <div class="col-md-2"> --}}
      <label class="col-md-1">Inv. Actual
        <input type="text" id="inveactualts" class="form-control blanco" disabled>
      </label>
    {{-- </div> --}}
  </div>

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

    {{-- <div class="col-md-1"> --}}
      <label class="col-md-1">CAJA
        <input type="number" id="cajaAts" value="0" class="form-control">
      </label>
    {{-- </div> --}}

    {{-- <div class="col-md-1"> --}}
      <label class="col-md-1">FRCC
        <input type="number" id="frccAts" value="0" class="form-control">
      </label>
    {{-- </div> --}}

    {{-- <div class="col-md-2 d-none d-md-block" hidden> --}}
      <label class="col-md-1">costocaja
      <input type="number" disabled id="costocajats" value="0" class="form-control" >
    </label>
    {{-- </div> --}}

    {{-- <div class="col-md-2 d-none d-md-block" hidden> --}}
      <label class="col-md-1 ">costofrcc
      <input type="number" disabled id="costofrccts" value="0" class="form-control" >
    </label>
    {{-- </div> --}}

    {{-- <div class="col-md-2"> --}}
      <label class="col-md-1">Total Costo
        <input type="number" disabled id="totalcostots" value="0" class="form-control">
      </label>
    {{-- </div> --}}

    <label class="col-md-1 "><br>
      <button type="button" class="btn btn-success " id="agregarprtrasts">Agregar</button>
    </label>
  </div>

</div>



<table class="table table-striped  table-bordered scroll-table-container" id="tabletrasl">
    <thead>
      <tr>
       
        <th scope="col" class="texto" >No-Tras</th>
        <th scope="col" class="texto" >codigo</th>
        <th scope="col" class="texto" >Nombre</th>
        <th scope="col" class="texto" >Caja</th>
        <th scope="col" class="texto" >Frcc</th>
        <th scope="col" class="texto">Movimiento</th> 
        <th scope="col" class="texto"  >Bod-S</th>
        <th scope="col" class="texto"  hidden="true">costocaja</th>
        <th scope="col" class="texto"  hidden="true">costofrcc</th>
        <th scope="col" class="texto"  >totalcosto</th>
        <th scope="col" class="texto">Movimiento2</th> 
        <th scope="col" class="texto">Bod-E</th> 
        
        <th scope="col" class="texto" >Opcion</th>
        
        
      </tr>
    </thead>
    
     
      <tbody id="traslados">
     

   
    
     
        
                
       </tbody>
      
        
    
     
    
  </table> 

 
  <div class="col d-flex justify-content-end">
      <input type="button" class="btn btn-info" value="Guardar" id="guardartraslados">
  </div>
  <div class="col d-flex justify-content-center">
    <h3 >Reimprimir Traslados</h3>
  </div>
  <div class="col d-flex justify-content-center " id="reimpresiontras">
    
    <label for="" class="col-2"><input type="text" value="" class="form-control " id="numbertraslado" placeholder="numero Traslado"></label>
    <input type="button" class="btn bg-primary col-2 m-0" value="Buscar" id="buscartras">

  </div>

<hr>
<hr>

@include('../modales.analisistraslados')

@endsection

@section('pie')
<script src="{{ asset('js/traslados.js?id=6') }}"></script>  
<script src="{{ asset('js/inventarios.js?id=6') }}"></script>  
@endsection