@extends('admin.admin_dashboard') 
@section('content')



    <!-- datatable Js --> 
   <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
 

<div class="pc-container">
    <div class="pc-content">
      <!-- [ breadcrumb ] start -->
      <div class="page-header"> 

 

        <div class="page-block">
          <div class="row align-items-center"> 
            <div class="col-md-12">
              <ul class="breadcrumb mb-3">
                <li class="breadcrumb-item"><a href="../home">Inicio</a></li>
                <li class="breadcrumb-item"><a href="../dashboard">Nueva Salida</a></li> 
              </ul>
            </div> 
          </div>
        </div>
      </div>


      <div class="col-md-12">
              <div class="page-header-title">
                <h3 class="mb-0">Requisición Salida Dashboard - No. {{$requision_salida->id}}</h3>
              </div> 
            </div>
      <!-- [ breadcrumb ] end -->

            <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->
 <div class="col-sm-12">
      
<!---------------------TABS------------------------------------------->

 <div class="card">
            <div class="card-body p-0">
              <ul class="nav nav-tabs checkout-tabs mb-0" id="myTab" role="tablist">
                <li class="nav-item">
                  <a class="nav-link active"  href="#" role="tab"
                    >
                    <div class="media align-items-center">
                      <div class="avtar avtar-s">
                        <i class="ti ti-shopping-cart"></i>
                      </div>
                      <div class="media-body ms-2">
                        <h5 class="mb-0">Requisición</h5>
                      </div>
                    </div>
                  </a>
                </li>
 
               
                <li class="nav-item"> 
                  <a class="nav-link " href="../../req_salidas/devoluciones/{{$requision_salida->id}}" >
                    <div class="media align-items-center">
 

                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-4">
                        <h5 class="mb-0">Devoluciones</h5>
                      </div>

                     

                    </div>
                  </a>
                </li> 
              </ul>
            </div>
          </div>

 <!-- ---------------------------- SECTION 3 -------------------------------->

             <div class="tab-pane show " id="ecomtab-3" role="tabpanel" aria-labelledby="ecomtab-tab-3">
              <div class="row">
                <div class="col-xl-12">
                  <div class="card"> 

                                        <div class="card-header"> 
                    <div class="media align-items-center"> 
                      <div class="ms-0">
                        <h4 class="mb-0">Nueva Salidas</h4> 
                      </div>
                    </div> 
                    </div> 
                <div class="col-xl-12 col-12" >
                 <table id="table-requisicion-log" class="table table-striped table-bordered">
                    <thead>
                      <tr>   
                        <th>Req. Salida</th> 
                        <th>Nombre Usuario</th> 
                        <th   style="text-align: center">Cantidad Items</th>
                        <th>Fecha Transacción</th>
                        <th>Status</th> 
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($requisiciones_salidas as $requisiciones_salidas)                   

                      <tr>       
                        <td>SALIDA-2606-TMP-{{ $requisiciones_salidas->id}}  </td> 



                        <td>{{ $requisiciones_salidas->name}}</td>  
 

                        <td  style="text-align: center">{{number_format($requisiciones_salidas->cantidad_items , 0, '.', ',')}}</td> 

                        <td>{{ $requisiciones_salidas->created_at}}</td>  

                        <td> 

                      <form class="smart-form" method="POST" action="{{ route('requisiciones/salidasPDFnueva')}}">

                      @csrf

                        <input type="hidden" name="id" value="0">
                        <input type="hidden" name="id_requisicion_salida" value="{{$requisiciones_salidas->id}}">
                        <button type="submit" id="guardar_btn"  class="badge bg-danger f-12" >Imprimir Salida PDF.</button>
                      </form>
 

                          
                      </td>

                        </tr>
                      @endforeach

                        </tbody> 
                        </table>
                      </div>





<!-- DETALLE -->


<table id="table-requisicion" class="table table-striped table-bordered">
                    <thead>
                      <tr>    
                        <th>Fecha Creación</th> 
                        <th>Descripción</th> 
                        <th style="text-align: center ">Categoría</th> 
                        <th style="text-align: center">Unidad</th>  
                        <th style="text-align: center">Cantidad de Salida.</th> 
                        <th style="text-align: center">Eliminar</th>  
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($requisiciones_salidas_detalle as $requisiciones_salidas_detalle)                   

                      <tr>    
 

                      <td style="
                      @if(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad))
                      background-color: lemonchiffon;
                      @elseif(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta==$requisiciones_salidas_detalle->cantidad))
                      background-color: #D1FFBD;
                      @endif
                      ">{{ $requisiciones_salidas_detalle->created_at}} </td> 

                        <td style="text-align: center;@if(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad))
                      background-color: lemonchiffon;
                      @elseif(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta==$requisiciones_salidas_detalle->cantidad))
                      background-color: #D1FFBD;
                      @endif">{{ $requisiciones_salidas_detalle->descripcion}}</td>  
                        <td style="text-align: center;@if(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad))
                      background-color: lemonchiffon;
                      @elseif(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta==$requisiciones_salidas_detalle->cantidad))
                      background-color: #D1FFBD;
                      @endif">{{ $requisiciones_salidas_detalle->categoria}}</td>  
                        <td style="text-align: center;@if(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad))
                      background-color: lemonchiffon;
                      @elseif(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta==$requisiciones_salidas_detalle->cantidad))
                      background-color: #D1FFBD;
                      @endif">PZA</td>  
                      
                        <td style="text-align: center;@if(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad))
                      background-color: lemonchiffon;
                      @elseif(($requisiciones_salidas_detalle->categoria=='HERRAMIENTA')&&($requisiciones_salidas_detalle->cantidad_devuelta==$requisiciones_salidas_detalle->cantidad))
                      background-color: #D1FFBD;
                      @endif">{{number_format($requisiciones_salidas_detalle->cantidad , 0, '.', ',')}}</td>  

                      
                      <td style="text-align: center;">
                         <form class="smart-form" method="POST" action="{{ route('requisicion_detalles_nuevo/delete')}}">
                          @csrf
                          <input type="hidden" name="id" value="{{$requisiciones_salidas_detalle->id}}">

                            <button type="submit" class="avtar avtar-s btn-link-danger btn-pc-default flex-shrink-0">
                              <i class="ti ti-trash f-20"></i>
                            </button> 

                          </form> 
                      </td>
                        </tr>
                      @endforeach

                        </tbody> 
                        </table>
                      </div>







                    <div class="card-header"> 
                    <div class="media align-items-center"> 
                      <div class="ms-0">
                        <h4 class="mb-0">Detalle de la requisición</h4> 
                      </div>
                    </div> 
                    </div> 
 
                    <div class="card-body">
                      <div class="table-responsive">
                         
               <!--

                  <form class="smart-form" method="POST" action="{{ route('req_salidas/update')}}">
                    @csrf
                    <input type="hidden" name="id" value="{{$requision_salida->id}}">

                    <input type="hidden" name="_token" value="{{ csrf_token() }}">   
                    <input type="hidden" name="id_proveedor" value="1">
                    <div class="col-md-4" >
                      <div class="form-group">
                        <button type="submit" id="guardar_btn"  name="guardar_btn" value="cantidad_salida" class="btn btn-warning"  >Crear Salida</button>
  
                      </div> 
                      <div class="form-group">
                      </div> 

                    </div> 
                  </form>
-->

                    <div class="col-xl-12 col-12" >
                <table id="table-inventory" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th>Código</th> 
                        <th style="width: 100px !important;">
                        Descripción
                        </th> 
                        <th style="width: 50px">Categoría</th> 
                        <th style="width: 50px">Unidad</th>
                        <th style="width: 40px">QTY</th> 
                        <th  style="color: blue; text-align: center; width: 100px  !important" >Cantidad</th>
                        <th style="width: 50px"></th>
                      </tr>

                      <tr> 
                        <th>
                          <form class="smart-form" method="POST" action="{{ route('requisicion_detalles_nuevo/update_scan')}}">
                          @csrf
                          <input type="hidden" name="requisiciones_salidas_id" value="{{$requision_salida->id}}">
                          <input type="text" class="form-control" id="codigo" name="codigo" placeholder="Buscar código" style="width:100%">
                          <button type="submit"></button>
                        </form>
                        </th>  
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($inventario as $inventario)                   

                      <tr> 
                      <td  style="width: 20px">
                        {{ $rellenado}}
 
                      </td>  

                      <td  style="width: 130px !important;">
                        <span style="width: 150px !important;">
                        {{ $inventario->descripcion}}
                        </span> 

                      </td>  
                      <td style="width: 50px">{{ $inventario->categoria}}</td>   

                      <td style="width: 50px">
                         

                       {{ $inventario->unidad}}
                      </td>  

                      <td style="width: 40px">
                        
                            <input class="wid-80 text-center border-0 m-0 form-control rounded-0 shadow-none"  style="color: blue" type="text" id="id_invent_txt_{{$inventario->id}}" name="id_invent_txt_{{$inventario->id}}" value="{{$inventario->existencia}}">

                      </td>  
 

                        <form class="smart-form" method="POST" action="{{ route('requisicion_detalles_nuevo/update')}}">
                          @csrf

                        <td  style="width: 100px !important" class="text-center">
                          <input type="hidden" name="id_proveedor" id="id_proveedor">
                          <div class="btn-group btn-group-sm mb-2 border" role="group">
                            <button type="button" onclick="decreaseValue('cantidad_inv_{{$inventario->id}}')" class="btn btn-link-secondary"><i
                                class="ti ti-minus"></i></button>
                            <input class="wid-80 text-center border-0 m-0 form-control rounded-0 shadow-none"  style="color: blue" type="text" id="cantidad_inv_{{$inventario->id}}" name="cantidad_inv_{{$inventario->id}}" value="1">
                            <button type="button" onclick="increaseValue('cantidad_inv_{{$inventario->id}}')" class="btn btn-link-secondary"><i
                                class="ti ti-plus"></i></button>
                          </div>
                        </td>
                        <td style="width: 50px"> 
                        <input type="hidden" name="requisiciones_salidas_id" value="{{$requision_salida->id}}"> 
                        <input type="hidden" name="id_producto" value="{{ $inventario->id }}"> 
                        <input type="hidden" name="unidad_empaque_{{$inventario->id}}" id="unidad_empaque_{{$inventario->id}}" value="{{ $inventario->unidad }}" > 
                        <button type="submit" class="btn btn-primary">Agregar</button>
                        
                        </td>

                      </form>
 

                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                      </div>
                    </form>







                      </div>
                    </div>

                  </div> 
                </div> 
              </div>
            </div>
 <!-- ---------------------------- FIN SECTION 3 -------------------------------->

          </div>
        </div>
        <!-- [ sample-page ] end -->
      </div>
      <!-- [ Main Content ] end -->
    </div>
   


          <!-- Modal Guardando -->
          <div class="modal fade" id="modalGuardandoForm" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
            <div class="modal-dialog modal-dialog-centered">
              <div class="modal-content text-center p-4">
                <div class="spinner-border text-primary mb-3" role="status">
                  <span class="visually-hidden">Cargando...</span>
                </div>
                <h5>Procesando solicitud</h5>
                <p>Por favor espere...</p>
              </div>
            </div>
          </div>
<!--main--> 
<!--main--> 



<script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/popper.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/simplebar.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/bootstrap.min.js')}}"></script>
<script src="{{ URL::asset('js/fonts/custom-font.js')}}"></script>
<script src="{{ URL::asset('js/pcoded.js')}}"></script>
<script src="{{ URL::asset('js/plugins/feather.min.js')}}"></script>

 

    <script>
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
 

      var table = $('#table-inventory').DataTable({
      orderCellsTop: true,
      fixedHeader: true,
      columnDefs: [
        { targets: 0, type: 'string' } // La primera columna es tipo string
      ],
      initComplete: function() {
            $('#codigo').focus();
        }
    });

    // Filtro solo en la primera columna (índice 0)
    $('#table-inventory thead tr:eq(1) th:eq(0) input').on('keyup change', function() {
      if (table.column(0).search() !== this.value) {
        table
          .column(0)
          .search(this.value)
          .draw();
      }
    });

   
          
    }); // FIN DE TABLA
 
 function change_tab(tab_name) {
      var someTabTriggerEl = document.querySelector('a[href="' + tab_name + '"]');
      var actTab = new bootstrap.Tab(someTabTriggerEl);
      actTab.show();
    }

      var tc = document.querySelectorAll('.scroll-block');
      for (var t = 0; t < tc.length; t++) {
        new SimpleBar(tc[t]);
      }
      // quantity start
      function increaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value++;
        document.getElementById(temp).value = value;
      }

      function decreaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value < 1 ? (value = 1) : '';
        value--;
        document.getElementById(temp).value = value;
      }

      function checkbox_change($this, $req_detalle){
        if($this.value == 0){
                $this.value = 1;
                $("#id_req_txt_"+$req_detalle+"").val(1);
              }
        else{
                $this.value = 0;
                $("#id_req_txt_"+$req_detalle+"").val(0);
              }
 

      }

      function mostrarModalGuardar(e) { 
      const modal = new bootstrap.Modal(document.getElementById('modalGuardandoForm'));
      modal.show(); 
    }



    </script>

    <style type="text/css">
      #table-inventory-cat {
          table-layout:fixed;
        }
        #table-inventory-cat td {
          word-wrap: break-word !important; 
          white-space:inherit;
        }
        .page-header-title{
          padding-right: 50px;
        }



    </style>

@stop