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

 

     <section 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">
                <div class="page-header-title">
                  <h2 class="mb-0">Órdenes de Compra</h2>
                </div>
              </div>
            </div>
          </div>
        </div>


        <div class="row">
          <!-- [ sample-page ] start -->
       
          <div class="col-lg-2 col-md-6">
            <div class="card">
              <div class="card-body" >
          <a href="{{ route('ordenes_compra/list')}}" class="pc-link">
                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Por usuario </p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-calendar-event text-danger f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>


          <div class="col-lg-2 col-md-6">
            <div class="card">
              <div class="card-body">
          <a href="{{ route('ordenes_compra_todas/list')}}" class="pc-link">

                <div class="row align-items-center">
                  <div class="col-8">
                    <h3 class="mb-1"></h3>
                    <p class="text-muted mb-0">Ver Todas</p>
                  </div>
                  <div class="col-4 text-end">
                    <i class="ti ti-file-text text-success f-36"></i>
                  </div>
                </div>
              </a>
              </div>
            </div>
          </div>


    </div>
        <!-- [ breadcrumb ] end -->
        <div class="row">

          <!-- DOM/Jquery table start -->
          <div class="col-sm-12">
            <div class="card"> 
              <div class="card-body">
                <div class="text-end p-4 pb-0"> 
              <a  href="{{ route('ordenes_compra/add')}}"  class="btn btn-primary">Agregar Orden de Compra</a>
              <a  href="{{ route('ordenes_compra/imprimir_actualizaPDF')}}"  class="btn btn-danger">Imprimir pendientes</a>
 
              </div>
                <div class="table-responsive dt-responsive">
                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>ID</th> 
                        <th>No. Req</th> 
                        <th>Proveedor</th>  
                        <th>PDF</th>  
                        <th>Fecha creación</th>
                        <th>Fecha modif.</th> 
                        <th>Sub-Total</th> 
                        <th>Total</th> 
                        <th>Estatus</th> 
                        <th>Impreso</th>  
                        <th>Factura</th> 
                        <th>Proyecto</th> 
                        <th>Detalle</th>  
                        <th></th>  
                        <th></th>  
                        <th></th>  
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($ordenes_compra as $ordenes_compra)                   

                      <tr> 
                      <td>{{ $ordenes_compra->id_user_ordenes_compras}}</td>  
                      <td>
                        @if($ordenes_compra->id_requisicion>0)
                        {{ $ordenes_compra->id_requisicion}}
                        @endif

                      </td>  
                      <td>{{  substr($ordenes_compra->nombre_proveedor,0,30)}}</td>  
                      <td>

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

                        <button type="submit" id="guardar_btn" name="guardar_btn"  class="btn btn-link "  value="imprimir" >
                          <i class="fa fa-file-pdf-o" style="color:red">
                         </i>
                       </button>

                      </form>



                      </td>  

                      <td>
                                            {{ date_format($date,"d/m/Y")}}</td>  

                      @if($ordenes_compra->fecha_status != '0000-00-00 00:00:00')  
                      <td>
                                            {{ date_format($date_status,"d/m/Y")}}</td>    
                      @else
                      <td></td>
                      @endif

                      <td>${{ number_format($ordenes_compra->precio, 2, '.', ',')}}</td>  
                      <td>$ {{number_format($ordenes_compra->precio+($ordenes_compra->precio*($ordenes_compra->iva/100))-$ordenes_compra->retencion-$ordenes_compra->isr , 2, '.', ',')}}</td>
                      <td> 

                            <a href="../ordenes_compra/edit/{{ $ordenes_compra->id}}">
                        @if($ordenes_compra->status == 0)
                        <span class="badge bg-primary  f-12">Creada</span> 
                        @elseif($ordenes_compra->status == 1)
                            <span class="badge bg-warning  f-12">Pendiente</span>  
                        @elseif($ordenes_compra->status == 2) 
                            <span class="badge bg-success  f-12">Aprobado</span> 
                        @elseif($ordenes_compra->status == 3) 
                            <span class="badge bg-danger  f-12">Rechazado</span> 
                        @elseif($ordenes_compra->status == 6) 
                            <span class="badge bg-danger  f-12">Cancelado</span> 
                        @elseif($ordenes_compra->status == 7) 
                            <span class="badge bg-info  f-12">Entregado</span> 
                        @endif

                            </a>
                      </td>   

                       <td> 

                              <form class="smart-form" method="POST" action="{{ route('ordenes_compra/update_pdf_status')}}">
                                @csrf
                         <!-- MODAL ENVIAR A COORDIACION -->

                         <div id="ModalCambioEstatus_{{ $ordenes_compra->id}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalCambioEstatusTitle" 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="ModalCambioEstatusTitle">Regresar Estatus</h5>
                              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                              <p>¿Desea regresar el estatus de impresión?</p>   
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                                <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_estatus"  class="btn btn-warning">Regresar estatus</button>
                       
                            </div>
                          </div>
                        </div>
                      </div>

                        <!--  FIN MODAL ENVIAR A COORDINACIÓN -->

                        @if($ordenes_compra->imprimir == 2)
 
                        <button class="badge bg-light-warning text-dark f-12">Sin Imprimir</button>  
                        @elseif($ordenes_compra->imprimir == 1)
 
                        <input type="hidden" name="id_orden_compra_cambio" value="{{ $ordenes_compra->id}}"> 
                        <button type="button" class="badge bg-light-danger f-12" data-bs-toggle="modal"
                        data-bs-target="#ModalCambioEstatus_{{ $ordenes_compra->id}}" >Impreso</button>

                        @endif
                              </form>


                      </td>
                      <td>{{ $ordenes_compra->factura}}</td>  

                      <td>{{ $ordenes_compra->proyecto}}</td>  
                  
                      <td> {{ $ordenes_compra->descripcion}} 
                        
                      </td>  


                      <td>{{$ordenes_compra->precio}}</td>  
                      <td>{{$ordenes_compra->precio+($ordenes_compra->precio*($ordenes_compra->iva/100))-$ordenes_compra->retencion-$ordenes_compra->isr}}</td>
                      <td>{{ $ordenes_compra->nombre_proveedor}}</td>  

                      </tr>
                    @endforeach

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

          <!-- 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>
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
     // [ Configuration Option ]
      $('#table-inventory-cat').dataTable(
                {
          responsive: false, 
          scrollCollapse: true, 
          select: 'single',
          ordering: false, 
          "language": {
          "info": "Mostrando del _START_ al _END_ de _TOTAL_ registros",
          "search": "Buscar",
          "zeroRecords": "No se encontraron registros",
          "lengthMenu":     "Mostrar _MENU_ registros",
          "emptyTable":     "No hay registros por mostrar",
          "paginate": {
          "previous": "Anterior",
          "next": "Siguiente",

            
          }
        }, 
          columnDefs: [
        {
            target: 13,
            visible: false
        },
        {
            target: 14,
            visible: false
        },
        {
            target: 15,
            visible: 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
                
    }); // FIN DE TABLA
 
    </script>
 
@endsection