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

            <!-- [ 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 " href="../../ordenes_compra/edit/{{$ordenes_compra->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">Orden de compra</h5>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" active 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_firmas')}}">
              <div class="card-header">  

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

                  <button type="submit" id="guardar_btn" name="guardar_btn" value="guardar_form" class="btn btn-primary" >Guardar Firmas </button>

              <div class="row"> 
               
                 <div class="col-md-3"> 
                    <div class="form-group">
                      <label class="form-label">Elaborado por:</label>
                      <input id="elaborado_por" name="elaborado_por" type="text" class="form-control" placeholder="" value="{{ $firmas_ordenes_compra->elaborado_por}}"> 
                    </div>

                    <div class="form-group">
                      <label class="form-label">Revisado por:</label>
                      <input id="revisada_por_1" name="revisada_por_1" type="text" class="form-control" placeholder=""  value="{{$firmas_ordenes_compra->revisada_por_1 }}"> 
                    </div>

                    <div class="form-group">
                      <label class="form-label">Autorizado por:</label>
                      <input id="autorizada_por_1" name="autorizada_por_1" type="text" class="form-control" value="{{$firmas_ordenes_compra->autorizada_por_1}}" > 
                    </div>

                    <div class="form-group">
                      <label class="form-label">Autorizado por:</label>
                      <input id="autorizada_por_2" name="autorizada_por_2" type="text" class="form-control" value="{{$firmas_ordenes_compra->autorizada_por_2}}" > 
                    </div>

                    <div class="form-group">
                      <label class="form-label">Revisado por:</label>
                      <input id="revisada_por_2" name="revisada_por_2" type="text" class="form-control" placeholder=""  value="{{$firmas_ordenes_compra->revisada_por_2 }}"> 
                    </div>
                   
                  </div>         
                </div>                         
               </div> 
  
                         
            </form>
                              
                      </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}}">

                    <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="#">
                    @csrf
                    <input type="hidden" name="id" value="{{$ordenes_compra->id}}">

                    <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="unidad_empaque" name="unidad_empaque" 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>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: 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 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);
              }
 

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