@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->id}}</h3>
              </div>
              <div class="page-header-title">
                <h3 class="mb-0">Cotización - {{$requisiciones->no_cotizacion}}</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">
                        <span style=" margin-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">Administrador</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Estatus: </span> 
                        @if($requisiciones->status == 0)

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

                        @elseif($requisiciones->status == 1)
                            <span class="badge bg-primary  f-12">Creada</span> 
                        @elseif($requisiciones->status == 2) 
                            <span class="badge bg-success  f-12">Aprobada</span> 
                            <span style=" margin-left: 20px;">Fecha de aprobación: </span> 
                            <span class="badge bg-light-primary f-12">{{$requisiciones->fecha_ini}}</span> 
                        @elseif($requisiciones->status == 3) 
                            <span class="badge bg-secondary f-12">Finalizada</span> 

                            <span style=" margin-left: 20px;">Fecha de finalización: </span> 
                            <span class="badge bg-light-primary f-12">{{$requisiciones->fecha_fin}}</span> 
                        @elseif($requisiciones->status == 4) 
                            <span class="badge bg-danger f-12">Cancelada</span> 

                            <span style=" margin-left: 20px;">Fecha de cancelación: </span> 
                            <span class="badge bg-light-primary  f-12">{{$requisiciones->fecha_fin}}</span> 
                        @endif




                      </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 "  href="../../requisicion/edit/{{ $requisiciones->id}}" 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_det_ordenes_compra/edit/{{ $requisiciones->id}}" role="tab"
                    aria-controls="ecomtab-2" aria-selected="true">
                    <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-2">
                        <h5 class="mb-0">Generar Orden de compra</h5>
                      </div>

                      @endif

                    </div>
                  </a>
                </li> 
                 <li class="nav-item">
                  <a class="nav-link"    href="../../req_ordenes_compra/edit/{{ $requisiciones->id}}" role="tab">
                    <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">Órdenes de compra</h5>
                      </div>

                      @endif

                    </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 active" 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> 
              </ul>
            </div>
          </div>

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

 <!-- ---------------------------- 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">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_devoluciones/update')}}"  onsubmit="mostrarModalGuardar(event)">
                    @csrf
                    <input type="hidden" name="id" value="{{$requisiciones->id}}">

                    <input type="hidden" name="_token" value="{{ csrf_token() }}">   
                    <input type="hidden" name="id_proveedor" value="1">
                    <div class="col-4" >
                          <button type="submit" id="crear_devolucion" class="btn btn-primary">Crear Devolución</button>
                    </div> 
 
                    <div class="col-xl-12 col-12" >
                 <table id="table-requisicion" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th style="color: blue"></th> 
                        <th>Salida</th> 
                        <th>Descripción</th> 
                        <th style="text-align: center ">Categoría</th> 
                        <th style="text-align: center">Unidad</th> 
                        <th style="color: blue;  text-align: center;">Cantidad Devuelta </th>
                        <th style="text-align: center">Cantidad de Salida.</th>
                        <th style="color: blue;  text-align: center;">Cantidad a Devolver </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
                      "
                      > 
                      @if($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad)
                        <div class="form-group form-check">
                          <input type="checkbox"  id="id_req_{{ $requisiciones_salidas_detalle->id}}" name="id_req_{{ $requisiciones_salidas_detalle->id}}" class="form-check-input" onchange="checkbox_change(this, {{ $requisiciones_salidas_detalle->id}})" value="0"> 
                          <input type="hidden" id="id_req_txt_{{$requisiciones_salidas_detalle->id}}" name="id_req_txt_{{$requisiciones_salidas_detalle->id}}" value="0">
                          <input type="hidden" id="id_producto_{{$requisiciones_salidas_detalle->id}}" name="id_producto_{{$requisiciones_salidas_detalle->id}}" value="{{$requisiciones_salidas_detalle->id_producto}}">
                        </div>
                      @endif


                      </td>

                      <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
                      ">SALIDA-{{ $requisiciones_salidas_detalle->id_requisicion}}-{{ $requisiciones_salidas_detalle->iniciales}}-{{ $requisiciones_salidas_detalle->id_user_requisicion_salida}} </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_devuelta , 0, '.', ',')}}</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 class="text-center" 
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
                      "
                       >
                      @if($requisiciones_salidas_detalle->cantidad_devuelta<$requisiciones_salidas_detalle->cantidad)
                       
                          <div class="btn-group btn-group-sm mb-2 border" role="group">
                            <button type="button" onclick="decreaseValue('cantidad_orden_{{$requisiciones_salidas_detalle->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_orden_{{$requisiciones_salidas_detalle->id}}" name="cantidad_orden_{{$requisiciones_salidas_detalle->id}}" 
                            value="{{number_format($requisiciones_salidas_detalle->cantidad , 0, '.', ',')}}">
                            <button type="button" onclick="increaseValue('cantidad_orden_{{$requisiciones_salidas_detalle->id}}')" class="btn btn-link-secondary"><i class="ti ti-plus"></i></button>
                          </div>
                      @endif
                        </td>
                        </tr>
                      @endforeach

                        </tbody> 
                        </table>
                      </div>
                    </form>
                    <div class="card-header"> 
                    <div class="media align-items-center"> 
                      <div class="ms-0">
                        <h4 class="mb-0">Historial de Devoluciones</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>Descripción</th> 
                        <th>Unidad</th> 
                        <th>Cantidad Devuelta</th>
                        <th>Fecha Transacción</th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($log_transacciones as $log_transacciones)                   

                      <tr>       
                        <td>{{ $log_transacciones->descripcion}}</td>    
                        <td>{{ $log_transacciones->unidad}}</td>    
                        <td style="text-align: center">{{number_format($log_transacciones->cantidad , 0, '.', ',')}}</td>  
                        <td>{{ $log_transacciones->fecha_ini}}</td>  

                        </tr>
                      @endforeach

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

                  </div>
                  <div class="text-end">
                    <a href="http://localhost:8080/soe_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>
            </div>

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

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