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

 
@foreach($requisiciones as $requisiciones)@endforeach

<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="../inventario">Requisiciones</a></li>
                <li class="breadcrumb-item" aria-current="page">Actualizar requisición</li>
              </ul>
            </div>
            <div class="col-md-12">
              <div class="page-header-title">
                <h3 class="mb-0">Requisición - No. {{$requisiciones->no_cotizacion}}.{{$requisiciones->id_cotizacion_req}}</h3>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

            <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->
          <div class="card">
            <div class="card-body p-0">
              <ul class="nav nav-tabs checkout-tabs mb-0" id="myTab" >
                <li class="nav-item"> 
                    <div class="media align-items-center"> 
                      <div class="media-body ms-0">
                        <form class="smart-form" method="POST" action="{{ route('requisicion/requisicionPDF')}}">
                        <span style=" marksargin-right: 20px;">Fecha de creación: </span> 
                        <span class="badge bg-light-primary  f-12">{{$requisiciones->created_at}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Usuario: </span> 
                        <span class="badge bg-light-primary  f-12">{{$requisiciones->user_name}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Estatus: </span> 
                        @if($requisiciones->status == 0)

                        <span class="badge bg-primary f-12">Creado</span> 

                        @elseif($requisiciones->status == 1)
                            <span class="badge bg-warning  f-12">En espera de aprobación</span> 
                            <span style=" margin-left: 20px;">Fecha de solicitud: </span> 
                            <span class="badge bg-light-primary f-12">{{$requisiciones->fecha_status}}</span> 
                        @elseif($requisiciones->status == 2) 
                            <span class="badge bg-success  f-12">Aprobado por Dirección</span> 
                            <span style=" margin-left: 20px;">Fecha de aprobación por Dirección: </span> 
                            <span class="badge bg-light-primary f-12">{{$requisiciones->fecha_status}}</span> 
                        @elseif($requisiciones->status == 3) 
                            <span class="badge bg-danger f-12">Rechazado por Dirección</span> 
                            <span style=" margin-left: 20px;">Fecha de rechazo por Dirección: </span> 
                            <span class="badge bg-light-primary f-12">{{$requisiciones->fecha_status}}</span> 
                       
                        @elseif($requisiciones->status == 6) 
                            <span class="badge bg-danger f-12">Cancelado</span> 
                            <span style=" margin-left: 20px;">Fecha de cancelación: </span> 
                            <span class="badge bg-light-primary  f-12">{{$requisiciones->fecha_status}}</span>  
                       
                        @endif
                        @csrf

                        @if($requisiciones->attachment)
                            <span style=" margin-left: 20px;">Anexo de Cotización: </span> 
                    <a href="{{ config('services.url_global.key') }}/storage/app/{{$requisiciones->attachment}}" target="_blank" style=" margin-right: 20px;">Ver archivo</a>
                    @endif
 
                          <input type="hidden" name="id" value="{{$requisiciones->id}}">
                        <button type="submit" id="guardar_btn"  class="badge bg-danger f-12" >Imprimir Reporte PDF.</button>

                      </form>

                      </div>
                    </div> 
                </li>
              </ul>
            </div>
          </div>
 <div class="col-sm-12">
        <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="../../requisicion/edit/{{ $requisiciones->id}}">
                    <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_entradas/edit/{{ $requisiciones->id}}" >
                    <div class="media align-items-center">

                    @if($requisiciones->status == 2) 

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

                      @endif

                    </div>
                  </a>
                </li> 
                <li class="nav-item"> 
                  <a class="nav-link" href="../../req_salidas/edit/{{ $requisiciones->id}}" > 
                    <div class="media align-items-center">

                    @if($requisiciones->status == 2) 

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

                      @endif

                    </div>
                  </a>
                </li> 
                <li class="nav-item"> 
                  <a class="nav-link" href="../../req_devoluciones/edit/{{ $requisiciones->id}}" >
                    <div class="media align-items-center">

                    @if($requisiciones->status == 2) 

                      <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>

                      @endif

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

                <li class="nav-item"> 
                  <a class="nav-link" href="../../requisicion/edit_firmas_req/{{ $requisiciones->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-3">
                        <h5 class="mb-0">Firmas</h5>
                      </div>
 

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


              </ul>
            </div>
          </div>

<!---------------------TABS------------------------------------------->

          <div class="tab-content">
            <div class="tab-pane show active" id="ecomtab-1" role="tabpanel" aria-labelledby="ecomtab-tab-1">
              <div class="row">
                <div class="col-xl-8">
                  <div class="card">
                    <div class="card-header"> 
                    <div class="media align-items-center"> 
                      <div class="ms-0">
                        <h4 class="mb-0">Catálogo de productos</h4>                     

                      </div>
            <!-- [ varying-modal ] start --> 
                    @if($requisiciones->status < 2) 

                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="@getbootstrap" style="margin-left: 20px;">Agregar producto / material</button>
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="@getbootstrap" style="margin-left: 20px;">Agregar servicio</button>
                    @endif
                  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="exampleModalLabel">Nuevo material / producto</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                

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

                    <div class="modal-body">
                        <div class="form-group"> 
                          <label class="form-label">Descripción</label>
                          <input id="descripcion" name="descripcion" type="text" class="form-control" placeholder="">
                        </div> 
                        <div class="form-group">
                          <label class="form-label">Unidad de medida</label>
                          <input id="unidad" name="unidad" type="text" class="form-control" placeholder="Unidad de medida" value="">
                        </div>
                        <div class="form-group">
                          <label class="form-label">Cantidad</label>
                          <input id="cantidad" name="cantidad" type="text" class="form-control" placeholder="Cantidad" value="">
                        </div>                         
                        <div class="form-group">
                          <label class="form-label">Precio Base / Precio Aproximado</label>
                          <input id="precio_base" name="precio_base" type="text" class="form-control" placeholder="Precio Base" value="0">
                        </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                      <button type="submit" class="btn btn-primary">Agregar</button>
                    </div>
                </form>

                      </div>
                    </div>
                  </div>

            <!-- [ varying-modal ] start -->

                    </div> 
                    </div> 
                    <div class="card-body p-0 table-body">
                         <div class="form-group">
                    <label class="form-label">Proveedor Sugerido</label>
                    <select class="form-select" id="id_proveedor" name="id_proveedor" onchange="proveedor_change(this)">
                    <option selected value="0" >Seleccione proveedor</option> 
                    @foreach($proveedores as $proveedores)           
                        <option value="{{ $proveedores->id}}">{{ $proveedores->nombre}} - {{ $proveedores->descripcion}}</option> 
                   
                    @endforeach
                  </select>    
                  </div>  
                      <div class="table-responsive">



                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th style="width: 20px">ID</th>
                        <th style="width: 130px !important;">
                        <span style="width: 150px !important;">
                        Descripción
                        </span>
                      </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>
                    </thead>
                    <tbody>
                    @foreach($inventario as $inventario)                   

                      <tr> 
                      <td  style="width: 20px">{{ $inventario->id}}</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/update')}}">
                          @csrf
                          <input type="hidden" name="id" value="{{$requisiciones->id}}">

                        <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="0">
                            <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="_token" value="{{ csrf_token() }}"> 
                        <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 }}" >
                        @if($requisiciones->status < 2) 
                        <button type="submit" class="btn btn-primary">Agregar</button>
                        @endif
                        </td>

                      </form>
 

                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                              
                      </div>
                    </div>
                  </div>
                  <div class="text-end">
                    <a href="http://localhost:8080/simg_control/public/requisiciones"
                      class="btn btn-link-secondary d-inline-flex align-items-center"><i
                        class="ti ti-chevron-left me-2"></i> Regresar</a>
                  </div>
                </div>
                <div class="col-xl-4"> 
                  <div class="card">
                  <div class="d-grid mb-3" style="padding-bottom: 20px; padding-top: 20px;">

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

                    @if(($requisiciones->status == 0)||($requisiciones->status == 3)||($requisiciones->status == 5)||($requisiciones->status == 7))

                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_solicita_aprobacion"  class="btn btn-warning" >Solicitar Aprobación</button>

                        @elseif($requisiciones->status == 1)
<!--
                        <div id="exampleModalCenterAprobar" class="modal fade" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalCenterAprobarTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="exampleModalCenterAprobarTitle">Enviar solicitud de requisición</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div> 
                        <div class="modal-footer">
                          <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_aprobado_1_almacen"  class="btn btn-primary" >Enviar a Almacén</button>
                          <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_aprobado_1_orden_compras"  class="btn btn-info" >Enviar a Compras</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                        <button type="button" class="btn btn-success" data-bs-toggle="modal"
                        data-bs-target="#exampleModalCenterAprobar">Aprobar</button>
-->

                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_aprobado_1_almacen"  class="btn btn-success" >Aprobar</button>




                        
                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_rechazado_1"  class="btn btn-danger" >Rechazar</button> 


                        @endif
                        <!--
                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_cancelado"  class="btn btn-outline-danger" >Cancelar</button>
                        -->
                        <div id="exampleModalCenter" class="modal fade" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="exampleModalCenterTitle">¿Seguro que de sea cancelar la requisición?</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                          <p>Agregue un comentario o justificación para la cancelación de la requisición</p> 
                            <input id="cancel_detalle" name="cancel_detalle" type="text" class="form-control" placeholder="" value="">
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                          <button type="button" class="btn btn-danger">Cancelar Requisición</button>
                        </div>
                      </div>
                    </div>
                  </div>
                        <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal"
                        data-bs-target="#exampleModalCenter">Cancelar</button>

                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_reiniciado"  class="btn btn-info" >Reiniciar</button> 

                </form>

                  </div>
                    <div class="card-body py-2">
                      <ul class="list-group list-group-flush">

                         <div class="card-body pc-component">
                  <div class="d-flex flex-wrap gap-2">
                    <h5 style="color: blue; padding-top:10px">Detalle de la requisión</h5></a>
                  </div>
                </div>

                    @foreach($requisiciones_detalles as $requisiciones_detalles)                   

                        <li class="list-group-item px-0">
                          <div class="media align-items-start">
                            
                            <div class="media-body mx-0">
                              <h5 class="mb-1">{{ $requisiciones_detalles->descripcion}}</h5>
                              <p class="text-muted text-sm mb-2">{{ $requisiciones_detalles->categoria}} </p>
                              
                            </div>

                    @if($requisiciones->status < 2) 

 

                          <form class="smart-form" method="POST" action="{{ route('requisicion_detalles/delete')}}">
                          @csrf
                          <input type="hidden" name="id" value="{{$requisiciones_detalles->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> 

                     @endif

                          </div>
                            <div class="float-end">
                            <h5 class="mb-0">$ {{ ($requisiciones_detalles->cantidad * $requisiciones_detalles->precio_base)}}</h5>
                          </div><h5 class="mb-1"><b>{{ $requisiciones_detalles->cantidad}} {{ $requisiciones_detalles->unidad_empaque}} x $ {{ $requisiciones_detalles->precio_base}}</b> </h5>
                        </li>

                        
                    @endforeach

 
                      </ul>
                    </div>
                  </div>
                  <div class="card">
                    <div class="card-body py-2">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item px-0">
                          <div class="float-end">
                            <h5 class="mb-0">{{ $items}}</h5>
                          </div>
                          <h5 class="mb-0 d-inline-block">Productos</h5>
                        </li>
                        <li class="list-group-item px-0">
                          <div class="float-end">
                            <h5 class="mb-0">$ {{ $total}}</h5>
                          </div>
                          <h5 class="mb-0 d-inline-block">Total</h5>
                        </li>
                      </ul>
                    </div>
                  </div> 
  

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

                    <input type="hidden" name="status" value="{{$requisiciones->status}}"> 
                    <input type="hidden" name="status_comentarios" value="1">

                      <div class="card">
                        <div class="card-body py-2">
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item px-0">
                               
                              <h5 class="mb-0 d-inline-block">Comentarios</h5>
                            </li>
                            <li class="list-group-item px-0">
                           
                               <textarea class="form-control" id="comentarios" name="comentarios" rows="4" >{{$requisiciones->comentarios}}</textarea>
                              
                            </li>

                          </ul>
                        <button type="submit" class="btn btn-info">Guardar</button>
                        </div>
                      </div> 

                    </form>


                </div>
              </div>
            </div>



                <div class="table-responsive dt-responsive">
                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>Etapa</th>    
                        <th style="width: 400px !important">Descripción</th>  
                        <th>U.M.</th> 
                        <th>Cantidad</th> 
                        <th>P.nitario</th> 
                        <th>Total</th> 
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($cotizaciones_detalles as $cotizaciones_detalles)                   
                      
                      <tr> 
                      <td>{{ $cotizaciones_detalles->etapa}}</td>     
                      <td style="width: 400px !important">{{ $cotizaciones_detalles->descripcion_detalle}}</td>  
                      <td>{{ $cotizaciones_detalles->unidad_empaque}}</td>   
                      <td>{{ $cotizaciones_detalles->cantidad}}</td>  
                      <td>$ 
{{$cotizaciones_detalles->precio_unitario-$cotizaciones_detalles->precio_unitario}}
                      </td>    
                      <td>${{ $cotizaciones_detalles->cantidad*($cotizaciones_detalles->precio_unitario)}}</td>    

                      </td>  
                      </tr>
                    @endforeach

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

          <!-- DOM/Jquery table end -->
<!--main--> 
 
    <!-- datatable Js --> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
<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>layout_change('light');</script>




<script>layout_sidebar_change('false');</script>



<script>change_box_container('false');</script>


<script>layout_caption_change('true');</script>




<script>layout_rtl_change('false');</script>


<script>preset_change("preset-1");</script>

    <script>
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
     // [ Configuration Option ]
      $('#table-inventory-cat').dataTable(
                { 
                    responsive: false,  
                    ordering: false, 
                    autoWidth: false,
                    pagingType: 'full_numbers',
                    dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-right justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-left justify-content-end'B>>" +
                        "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA
         // [ Configuration Option ]
      $('#table-requisicion').dataTable(
                {
                    responsive: true,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    dom:  "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA       
    }); // 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 unit_change($this, $id_prod, $unidad, $unidad_conversion, $existencia, $existencia_conversion){
         
         var $unidad_empaque;
         var $nueva_existencia;

         $unidad_empaque = $("#inlineFormSelectPref_"+$id_prod+" option:selected" ).text();

      console.log('$unidad_empaque'+$unidad_empaque);
         
        if($this.value == 0){
                $("#id_invent_txt_"+$id_prod+"").val($existencia); 
         }
         else{
                $nueva_existencia = $existencia/$existencia_conversion;
                $("#id_invent_txt_"+$id_prod+"").val($nueva_existencia); 
         }
                
          $("#unidad_empaque_"+$id_prod+"").val($unidad_empaque);
        
         //console.log('$unidad val:'+$("#unidad_empaque_"+$id_prod+"").val());

      }


      function proveedor_change($this){
       // alert($this.value);
          $("#id_proveedor").val($this.value);

      }


    </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>
@endsection