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

@foreach($ordenes_compra as $ordenes_compra)                   
@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">Órdenes de compra</a></li>
                <li class="breadcrumb-item" aria-current="page">Actualizar orden de compra</li>
              </ul>
            </div> 

            <div class="col-md-12">
              <div class="page-header-title"> 
                <h3 class="mb-0">Orden de compra - No. {{$ordenes_compra->id_user_ordenes_compras}}</h3>
              </div>
              <div class="page-header-title">
                <h3 class="mb-0">Cotización: {{$ordenes_compra->no_cotizacion}}</h3>
              </div>
              <div class="page-header-title">
                <h3 class="mb-0">Proveedor: {{$ordenes_compra->prov_nombre}}</h3>
              </div>
            </div>

          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

      

      
        @foreach($ordenes_compra_detalle_totales as $ordenes_compra_detalle_totales)    
                       
        @endforeach
      <!-- [ 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('ordenes_compra/ordencompraPDF')}}">
                        <span style=" margin-right: 20px;">Fecha de creación: </span> 
                        <span class="badge bg-light-primary  f-12">{{$ordenes_compra->created_at}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Usuario: </span> 
                        <span class="badge bg-light-primary  f-12">{{$ordenes_compra->user_name}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Estatus: </span> 
                        @if($ordenes_compra->status == 0)

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

                        @elseif($ordenes_compra->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">{{$ordenes_compra->fecha_status}}</span> 
                        @elseif($ordenes_compra->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">{{$ordenes_compra->fecha_status}}</span> 
                        @elseif($ordenes_compra->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">{{$ordenes_compra->fecha_status}}</span> 
                       
                        @elseif($ordenes_compra->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">{{$ordenes_compra->fecha_status}}</span>  
                        @elseif($ordenes_compra->status == 7) 
                            <span class="badge bg-info f-12">Entregado</span> 
                            <span style=" margin-left: 20px;">Fecha de Entrega: </span> 
                            <span class="badge bg-light-primary  f-12">{{$ordenes_compra->fecha_status}}</span>  
                       
                        @endif
                        @csrf

                        <input type="hidden" name="id" value="{{$ordenes_compra->id}}">
                        <button type="submit" id="guardar_btn"   name="guardar_btn" class="badge bg-warning f-12" value="vista_previa" >Vista previa PDF.</button>
                        <button type="submit" id="guardar_btn"   name="guardar_btn" class="badge bg-danger f-12" value="imprimir" >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" id="ecomtab-tab-1" data-bs-toggle="tab" href="#ecomtab-1" role="tab"
                    aria-controls="ecomtab-1" aria-selected="true">
                    <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">Orden de compra</h5>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="../../ordenes_compra/edit_firmas/{{$ordenes_compra->id}}" role="tab"
                    aria-controls="ecomtab-3" aria-selected="true">
                    <div class="media align-items-center">

                     

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

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

                 <li class="nav-item">
                  <a class="nav-link" href="../../ordenes_compra_entradas/edit/{{$ordenes_compra->id}}" role="tab"
                    aria-controls="ecomtab-2" aria-selected="true">
                    <div class="media align-items-center">

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

                      <div class="avtar avtar-s">
                        <i class="ti ti-building-skyscraper"></i>
                      </div>
                      <div class="media-body ms-2">
                        <h5 class="mb-0">Entrada de Material</h5>
                      </div>

                      @endif

                    </div>
                  </a>
                </li> 
              </ul>
            </div>
          </div>
          <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-12">
                  <div class="card">  

          <form class="smart-form" method="POST" action="{{ route('ordenes_compra/update_status')}}">
                    <div class="card-header">  

                  @csrf
                  <input type="hidden" name="id_orden_compra" value="{{$ordenes_compra->id}}">
                  <input type="hidden" name="proyecto" value="{{$ordenes_compra->proyecto}}">

                    @if(($ordenes_compra->status == 0)||($ordenes_compra->status == 3)||($ordenes_compra->status == 5))
                        <button type="submit" id="guardar_btn" name="guardar_btn" value="guardar_form" class="btn btn-primary" >Guardar </button>

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

                        @elseif($ordenes_compra->status == 1)

                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_aprobado_1"  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> 

 

                        @elseif($ordenes_compra->status == 2)

                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_entregado"  class="btn btn-info" >Entregar</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 orden de compra?</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 orden de compra</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="submit" class="btn btn-danger" id="guardar_btn" name="guardar_btn" value="cambio_status_cancelado" >Cancelar orden de compra</button>
                        </div>
                      </div>
                    </div>
                  </div>
                    @if(($ordenes_compra->status != 6))
                        <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal"
                        data-bs-target="#exampleModalCenter">Cancelar</button>
                    @endif

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

              <div class="row"> 
               

                 <div class="col-md-3"> 
                  <div class="form-group">
                    <label class="form-label">Forma de Pago</label>
                    <input id="forma_pago" name="forma_pago" type="text" class="form-control" placeholder="" value="{{ $ordenes_compra->forma_pago}}" onchange="cambio_text(this,'forma_pago');"> 
                  </div>

                  <div class="form-group">
                    <label class="form-label">Factura</label>
                    <input id="factura" name="factura" type="text" class="form-control" placeholder=""  value="{{$ordenes_compra->factura }}"  onchange="cambio_text(this,'factura');"> 
                  </div>

                  <div class="form-group">
                    <label class="form-label">O.C. Cliente</label>
                    <input id="orden_compra" name="orden_compra" type="text" class="form-control" value="{{$ordenes_compra->orden_compra}}"  onchange="cambio_text(this,'orden_compra');"> 
                  </div>

                  <div class="form-group">
                    <label class="form-label">Proyecto</label>
                    <input id="descripcion" name="descripcion" type="text" class="form-control" value="{{$ordenes_compra->descripcion}}"  onchange="cambio_text(this,'descripcion');"> 
                  </div>
                   
                </div>       

                 <div class="col-md-3">
                  <div class="form-group">
                    <label class="form-label">Solicitado por:</label>
                    <input id="solicitada_por_1" name="solicitada_por_1" type="text" class="form-control" value="{{$ordenes_compra->solicitada_por_1}}"  onchange="cambio_text(this,'solicitada_por_1');"> 
                  </div>

                  <div class="form-group">
                    <label class="form-label">IVA</label>
                    <select class="form-select" id="iva" name="iva"  onchange="cambio_text(this,'iva');"> 
                    <option value="0"></option> 
                    <option value="4" @if($ordenes_compra->iva == 4) selected @endif> 4%</option> 
                    <option value="16" @if($ordenes_compra->iva == 16) selected @endif> 16%</option> 
                    <option value="10" @if($ordenes_compra->iva == 10) selected @endif> 10%</option>  
                  </select>
 
                  </div>
                  
                  <div class="form-group">
                    <label class="form-label">Retención ISR (monto)</label>   
                    <input id="isr" name="isr" type="text" placeholder="Retención ISR (monto)" class="form-control" value="{{$ordenes_compra->isr}}" onchange="cambio_text(this,'isr');" >  
                  </div>

                  <div class="form-group">
                    <label class="form-label">IVA Retenido (monto)</label>   
                    <input id="retencion" name="retencion" type="text" placeholder="Monto de retención" class="form-control" value="{{$ordenes_compra->retencion}}" onchange="cambio_text(this,'retencion');">  
                  </div>


                   
                </div> 
                 <div class="col-md-3">
                <div class="form-group">
                    <label class="form-label">Proveedor</label> 

                      <select id="id_proveedor"  name="id_proveedor" class="form-control"
                        data-trigger
                        name="choices-single-default"
                        id="choices-single-default"  onchange="cambio_text(this,'id_proveedor');">

                          <option value="0" >Seleccione Proveedor</option> 
                      @foreach($proveedores as $proveedores)  

     
                        @if($ordenes_compra->id_proveedor == $proveedores->id)
                          <option value="{{ $proveedores->id}}" selected>{{ $proveedores->nombre}} - {{ $proveedores->descripcion}}</option> 
                        @else
                          <option value="{{ $proveedores->id}}">{{ $proveedores->nombre}} - {{ $proveedores->descripcion}}</option> 
                        @endif 
                                        


                    @endforeach
                  </select>  
                   <input type="hidden" name="productos_arreglo" id="proveedores_arreglo" value="{{$ordenes_compra->id_proveedor}}">

                </div> 



                <div class="form-group">
<button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#exampleModal_proveedor" data-bs-whatever="@getbootstrap" style="margin-left: 20px;">Agregar nuevo proveedor</button>
                </div> 

                  </div>
                </form>

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

            @csrf
                                <input type="hidden" name="id" value="{{$ordenes_compra->id}}">
                        <li class="list-group-item px-0">

                          <div class="row"> 

                             
                              <div class="col-md-2">
                                 <div class="form-group">
                                  <label class="form-label" style="color:darkblue">Sub-Total</label>
                                  <input id="subtotal_cotizacion" name="subtotal_cotizacion" type="text" class="form-control" placeholder="" disabled="" value="{{number_format($total_orden_compra , 4, '.', ',')}}">
                                </div>
                              </div>


                                <div class="col-md-2">
                                   <div class="form-group">
                                    <label class="form-label" style="color:darkred">Descuento (monto)</label>
                                    <input id="descuento" name="descuento" type="text" class="form-control" placeholder="%" value="{{$ordenes_compra->descuento}}">
                                  </div>
                                </div>

                                <div class="col-md-1">
                                   <div class="form-group">
                                    <label class="form-label" style="color:white">Aplicar </label>
                                    <button type="submit" id="guardar_descuento" name="guardar_descuento" class="btn btn-info" >Aplicar</button>
                                  </div>
                                </div>


                              <div class="col-md-2">
                                 <div class="form-group">
                                  <label class="form-label" style="color:black">Total</label>
                                  <input id="total_cotizacion" name="total_cotizacion" type="text" class="form-control" disabled="" value="{{number_format($total_orden_compra-$ordenes_compra->descuento , 4, '.', ',')}}">
                                </div>
                              </div>

                              <div class="col-md-2">
                                 <div class="form-group">
                                  <label class="form-label" style="color:black">Total NETO</label>
                                  <input id="total_cotizacion_neto" name="total_cotizacion_neto" type="text" class="form-control" disabled="" value="{{number_format(($total_orden_compra-$ordenes_compra->descuento)+(($total_orden_compra-$ordenes_compra->descuento)*($ordenes_compra->iva/100))-$ordenes_compra->retencion-$ordenes_compra->isr , 4, '.', ',')}}">
                                </div>
                              </div>
                          </div>


                        </li>
 
                </form>



                </div>
                         


                    </div> 

                    <div class="text-end btn-page mb-0 mt-4">
                    <a id="id_agregar_productos_servicios" href="#" class="btn btn-outline-secondary"></a> 
                  </div>


                    <div class="card-body p-0 table-body">
@if($ordenes_compra->status < 1 )
                      <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>
@endif
                      <div class="table-responsive">
                          
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">   
 
                  <table id="table-requisicion" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th>Descripción</th>  
                        <th>Unidad</th>
                        <th style="color: blue; text-align: center;">Cantidad O.C.</th>   
                        <th>Precio</th>
                        <th>Eliminar</th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($ordenes_compra_detalle as $ordenes_compra_detalle)                   

                      <tr>    

                                  <form class="smart-form" method="POST" action="{{ route('ordenes_compra/save_detalle_ordenes_compra')}}">
                                      @csrf
                      <td> <input class="wid-200  m-0 form-control"  style="color: blue" type="text" id="descripcion_{{$ordenes_compra_detalle->id}}" name="descripcion_{{$ordenes_compra_detalle->id}}" value="{{ $ordenes_compra_detalle->descripcion}}"></td>  
                            <td> <input class="wid-80 text-center m-0 form-control"  style="color: blue" type="text" id="unidad_orden_{{$ordenes_compra_detalle->id}}" name="unidad_orden_{{$ordenes_compra_detalle->id}}" value="{{ $ordenes_compra_detalle->unidad_empaque}}" value="PZA"></td>   
                             <td class="text-center">
                                <div class="btn-group btn-group-sm mb-2 border" role="group">
                                  <input class="wid-80 text-center border-0 m-0 form-control rounded-0 shadow-none"  style="color: blue" type="text" id="cantidad_orden_{{$ordenes_compra_detalle->id}}" name="cantidad_orden_{{$ordenes_compra_detalle->id}}" value="{{ $ordenes_compra_detalle->cantidad}}">
                                </div>
                              </td>   
                            
                            <td> <input class="wid-130 text-center m-0 form-control"  style="color: blue" type="text" id="precio_orden_{{$ordenes_compra_detalle->id}}" name="precio_orden_{{$ordenes_compra_detalle->id}}" value="{{ $ordenes_compra_detalle->precio}}"></td>
                            <td>
                              <ul>
                                  <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="">


                                      <input type="hidden" name="id_edit" value="{{$ordenes_compra_detalle->id}}">
@if($ordenes_compra->status < 1 )

                                      <button type="submit" class="avtar avtar-s btn-link-danger btn-pc-default flex-shrink-0">
                                        <i class="fa fa-save f-20"></i>
                                      </button>  
 @endif                                     

                                </li>
                                  </form>
                                <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="">
                                  <form class="smart-form" method="POST" action="{{ route('ordenes_compra/delete_detalle_ordenes_compra')}}">

                                      @csrf

                                      <input type="hidden" name="id" value="{{$ordenes_compra_detalle->id}}">
@if($ordenes_compra->status < 1 )

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

                                  </form>
                                </li>
                              </ul>

                            </td>
                      </tr>
                    @endforeach

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

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

          </div>
        </div>
        <!-- [ sample-page ] end -->
      </div>
 <!-- [ MODAL ] end -->
   <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">Agregar 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('orden_compra_add_detail/update')}}">
                    @csrf
                    <input type="hidden" name="id" value="{{$ordenes_compra->id}}">

                    <input type="hidden" name="forma_pago_M" id="forma_pago_M" value="{{ (old('forma_pago')) ?  old('forma_pago') : $ordenes_compra->forma_pago}}">
                    <input type="hidden" name="factura_M" id="factura_M" value="{{ (old('factura')) ?  old('factura') : $ordenes_compra->factura}}">
                    <input type="hidden" name="orden_compra_M" id="orden_compra_M" value="{{ (old('orden_compra')) ?  old('orden_compra') : $ordenes_compra->orden_compra}}">
                    <input type="hidden" name="descripcion_M" id="descripcion_M" value="{{ (old('descripcion')) ?  old('descripcion') : $ordenes_compra->descripcion}}">
                    <input type="hidden" name="iva_M" id="iva_M" value="{{ (old('iva')) ?  old('iva') : $ordenes_compra->iva}}">
                    <input type="hidden" name="retencion_M" id="retencion_M" value="{{ (old('retencion')) ?  old('retencion') : $ordenes_compra->retencion}}">
                    <input type="hidden" name="isr_M" id="isr_M" value="{{ (old('isr')) ?  old('isr') : $ordenes_compra->isr}}">
                    <input type="hidden" name="id_proveedor_M" id="id_proveedor_M" value="{{ (old('id_proveedor')) ?  old('id_proveedor') : $ordenes_compra->id_proveedor}}">
                    <input type="hidden" name="solicitada_por_1_M" id="solicitada_por_1_M" value="{{ (old('solicitada_por_1')) ?  old('solicitada_por_1') : $ordenes_compra->solicitada_por_1}}">

                    <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_empaque" name="unidad_empaque" type="text" class="form-control"   value="PZA">
                        </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</label>
                          <input id="precio" name="precio" type="text" class="form-control" placeholder="$ " value="">
                        </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 -->

 <!-- [ MODAL ] end -->
   <div class="modal fade" id="exampleModal_proveedor" 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">Agregar proveedor</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                

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

                    

                    <input type="hidden" name="forma_pago_P" id="forma_pago_P" value="{{ (old('forma_pago')) ?  old('forma_pago') : $ordenes_compra->forma_pago}}">
                    <input type="hidden" name="factura_P" id="factura_P" value="{{ (old('factura')) ?  old('factura') : $ordenes_compra->factura}}">
                    <input type="hidden" name="orden_compra_P" id="orden_compra_P" value="{{ (old('orden_compra')) ?  old('orden_compra') : $ordenes_compra->orden_compra}}">
                    <input type="hidden" name="descripcion_P" id="descripcion_P" value="{{ (old('descripcion')) ?  old('descripcion') : $ordenes_compra->descripcion}}">


                    <div class="modal-body">
                        <div class="form-group"> 
                          <label class="form-label">Razón Social</label>
                          <input id="descripcion" name="descripcion" type="text" class="form-control" placeholder="">
                        </div> 
                        <div class="form-group">
                          <label class="form-label">RFC</label>
                          <input id="nombre" name="nombre" type="text" class="form-control"   value="">
                        </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 -->
      <!-- [ 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 src="{{ URL::asset ('vendor/select2/js/select2.full.min.js') }}"></script>
<script src="{{ URL::asset ('js/plugins-init/select2-init.js') }}"></script>
<script src="{{ URL::asset ('js/plugins/choices.min.js')}}"></script>





<script>layout_change('light');</script>




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


 


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




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


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

    <script>
            document.addEventListener('DOMContentLoaded', function () {
        var genericExamples = document.querySelectorAll('[data-trigger]');
        for (i = 0; i < genericExamples.length; ++i) {
          var element = genericExamples[i];
          new Choices(element, {
            placeholderValue: 'Buscar proveedor',
            searchPlaceholderValue: 'Buscar proveedor'
          });
        }

        var textRemove = new Choices(document.getElementById('choices-text-remove-button'), {
          delimiter: ',',
          editItems: true,
          maxItemCount: 5,
          removeItemButton: true
        });

        var text_Unique_Val = new Choices('#choices-text-unique-values', {
          paste: false,
          duplicateItemsAllowed: false,
          editItems: true
        });

        var text_i18n = new Choices('#choices-text-i18n', {
          paste: false,
          duplicateItemsAllowed: false,
          editItems: true,
          maxItemCount: 5,
          addItemText: function (value) {
            return 'Appuyez sur Entrée pour ajouter <b>"' + String(value) + '"</b>';
          },
          maxItemText: function (maxItemCount) {
            return String(maxItemCount) + 'valeurs peuvent être ajoutées';
          },
          uniqueItemText: 'Cette valeur est déjà présente'
        });

        var textEmailFilter = new Choices('#choices-text-email-filter', {
          editItems: true,
          addItemFilter: function (value) {
            if (!value) {
              return false;
            }

            const regex =
              /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
            const expression = new RegExp(regex.source, 'i');
            return expression.test(value);
          }
        }).setValue(['joe@bloggs.com']);

        var textDisabled = new Choices('#choices-text-disabled', {
          addItems: false,
          removeItems: false
        }).disable();

        var textPrependAppendVal = new Choices('#choices-text-prepend-append-value', {
          prependValue: 'item-',
          appendValue: '-' + Date.now()
        }).removeActiveItems();

        var textPresetVal = new Choices('#choices-text-preset-values', {
          items: [
            'Josh Johnson',
            {
              value: 'joe@bloggs.co.uk',
              label: 'Joe Bloggs',
              customProperties: {
                description: 'Joe Blogg is such a generic name'
              }
            }
          ]
        });

        var multipleDefault = new Choices(document.getElementById('choices-multiple-groups'));

        var multipleFetch = new Choices('#choices-multiple-remote-fetch', {
          placeholder: true,
          placeholderValue: 'Pick an Strokes record',
          maxItemCount: 5
        }).setChoices(function () {
          return fetch('https://api.discogs.com/artists/55980/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW')
            .then(function (response) {
              return response.json();
            })
            .then(function (data) {
              return data.releases.map(function (release) {
                return {
                  value: release.title,
                  label: release.title
                };
              });
            });
        });

        var multipleCancelButton = new Choices('#choices-multiple-remove-button', {
          removeItemButton: true
        });

        /* Use label on event */
        var choicesSelect = new Choices('#choices-multiple-labels', {
          removeItemButton: true,
          choices: [
            {
              value: 'One',
              label: 'Label One'
            },
            {
              value: 'Two',
              label: 'Label Two',
              disabled: true
            },
            {
              value: 'Three',
              label: 'Label Three'
            }
          ]
        }).setChoices(
          [
            {
              value: 'Four',
              label: 'Label Four',
              disabled: true
            },
            {
              value: 'Five',
              label: 'Label Five'
            },
            {
              value: 'Six',
              label: 'Label Six',
              selected: true
            }
          ],
          'value',
          'label',
          false
        );

        choicesSelect.passedElement.element.addEventListener('addItem', function (event) {
          document.getElementById('message').innerHTML =
            '<span class="badge bg-light-primary"> You just added "' + event.detail.label + '"</span>';
        });
        choicesSelect.passedElement.element.addEventListener('removeItem', function (event) {
          document.getElementById('message').innerHTML =
            '<span class="badge bg-light-danger"> You just removed "' + event.detail.label + '"</span>';
        });

        var singleFetch = new Choices('#choices-single-remote-fetch', {
          searchPlaceholderValue: 'Search for an Arctic Monkeys record'
        })
          .setChoices(function () {
            return fetch('https://api.discogs.com/artists/391170/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW')
              .then(function (response) {
                return response.json();
              })
              .then(function (data) {
                return data.releases.map(function (release) {
                  return {
                    label: release.title,
                    value: release.title
                  };
                });
              });
          })
          .then(function (instance) {
            instance.setChoiceByValue('Fake Tales Of San Francisco');
          });

        var singleXhrRemove = new Choices('#choices-single-remove-xhr', {
          removeItemButton: true,
          searchPlaceholderValue: "Search for a Smiths' record"
        }).setChoices(function (callback) {
          return fetch('https://api.discogs.com/artists/83080/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW')
            .then(function (res) {
              return res.json();
            })
            .then(function (data) {
              return data.releases.map(function (release) {
                return {
                  label: release.title,
                  value: release.title
                };
              });
            });
        });

        var singleNoSearch = new Choices('#choices-single-no-search', {
          searchEnabled: false,
          removeItemButton: true,
          choices: [
            {
              value: 'One',
              label: 'Label One'
            },
            {
              value: 'Two',
              label: 'Label Two',
              disabled: true
            },
            {
              value: 'Three',
              label: 'Label Three'
            }
          ]
        }).setChoices(
          [
            {
              value: 'Four',
              label: 'Label Four',
              disabled: true
            },
            {
              value: 'Five',
              label: 'Label Five'
            },
            {
              value: 'Six',
              label: 'Label Six',
              selected: true
            }
          ],
          'value',
          'label',
          false
        );

        var singlePresetOpts = new Choices('#choices-single-preset-options', {
          placeholder: true
        }).setChoices(
          [
            {
              label: 'Group one',
              id: 1,
              disabled: false,
              choices: [
                {
                  value: 'Child One',
                  label: 'Child One',
                  selected: true
                },
                {
                  value: 'Child Two',
                  label: 'Child Two',
                  disabled: true
                },
                {
                  value: 'Child Three',
                  label: 'Child Three'
                }
              ]
            },
            {
              label: 'Group two',
              id: 2,
              disabled: false,
              choices: [
                {
                  value: 'Child Four',
                  label: 'Child Four',
                  disabled: true
                },
                {
                  value: 'Child Five',
                  label: 'Child Five'
                },
                {
                  value: 'Child Six',
                  label: 'Child Six'
                }
              ]
            }
          ],
          'value',
          'label'
        );

        var singleSelectedOpt = new Choices('#choices-single-selected-option', {
          searchFields: ['label', 'value', 'customProperties.description'],
          choices: [
            {
              value: 'One',
              label: 'Label One',
              selected: true
            },
            {
              value: 'Two',
              label: 'Label Two',
              disabled: true
            },
            {
              value: 'Three',
              label: 'Label Three',
              customProperties: {
                description: 'This option is fantastic'
              }
            }
          ]
        }).setChoiceByValue('Two');

        var customChoicesPropertiesViaDataAttributes = new Choices('#choices-with-custom-props-via-html', {
          searchFields: ['label', 'value', 'customProperties']
        });

        var singleNoSorting = new Choices('#choices-single-no-sorting', {
          shouldSort: false
        });

        var cities = new Choices(document.getElementById('cities'));
        var tubeStations = new Choices(document.getElementById('tube-stations')).disable();

        cities.passedElement.element.addEventListener('change', function (e) {
          if (e.detail.value === 'London') {
            tubeStations.enable();
          } else {
            tubeStations.disable();
          }
        });

        var customTemplates = new Choices(document.getElementById('choices-single-custom-templates'), {
          callbackOnCreateTemplates: function (strToEl) {
            var classNames = this.config.classNames;
            var itemSelectText = this.config.itemSelectText;
            return {
              item: function (classNames, data) {
                return strToEl(
                  '\
                                <div\
                                class="' +
                    String(classNames.item) +
                    ' ' +
                    String(data.highlighted ? classNames.highlightedState : classNames.itemSelectable) +
                    '"\
                                data-item\
                                data-id="' +
                    String(data.id) +
                    '"\
                                data-value="' +
                    String(data.value) +
                    '"\
                                ' +
                    String(data.active ? 'aria-selected="true"' : '') +
                    '\
                                ' +
                    String(data.disabled ? 'aria-disabled="true"' : '') +
                    '\
                                >\
                                <span style="margin-right:10px;">🎉</span> ' +
                    String(data.label) +
                    '\
                                </div>\
                                '
                );
              },
              choice: function (classNames, data) {
                return strToEl(
                  '\
                                <div\
                                class="' +
                    String(classNames.item) +
                    ' ' +
                    String(classNames.itemChoice) +
                    ' ' +
                    String(data.disabled ? classNames.itemDisabled : classNames.itemSelectable) +
                    '"\
                                data-select-text="' +
                    String(itemSelectText) +
                    '"\
                                data-choice \
                                ' +
                    String(data.disabled ? 'data-choice-disabled aria-disabled="true"' : 'data-choice-selectable') +
                    '\
                                data-id="' +
                    String(data.id) +
                    '"\
                                data-value="' +
                    String(data.value) +
                    '"\
                                ' +
                    String(data.groupId > 0 ? 'role="treeitem"' : 'role="option"') +
                    '\
                                >\
                                <span style="margin-right:10px;">👉🏽</span> ' +
                    String(data.label) +
                    '\
                                </div>\
                                '
                );
              }
            };
          }
        });

        var resetSimple = new Choices(document.getElementById('reset-simple'));

        var resetMultiple = new Choices('#reset-multiple', {
          removeItemButton: true
        });
      });
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
     // [ Configuration Option ]
      $('#table-inventory-cat').dataTable(
                {
                    responsive: true,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    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 DEL DOCUMENTO
 
 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 cambio_text($this,$this_nombre){  
    $("#"+$this_nombre+"_M").val($this.value);
    $("#"+$this_nombre+"_P").val($this.value);


  }    


    </script>

    <style type="text/css">

      .select2-with-label-multiple {
    height: 50px;
    overflow-y: scroll !important;
    overflow: scroll !important; /* Show scrollbars */
  }


      #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