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

<link rel="stylesheet" href="{{ URL::asset('css/plugins/datepicker-bs5.min.css')}}">


<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">Cotización</a></li> 
              </ul>
            </div>
            <div class="col-md-12">
              <div class="page-header-title">
                <h2 class="mb-0">Procesamiento PDF</h2>
              </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('cotizacion/cotizacionPDF')}}">
                        <span style="margin-left: 20px; margin-right: 20px;"> Usuario: </span> 
                        <span class="badge bg-light-primary  f-12">Administrador</span> 
                        

                        @csrf


                      </form>

                      

                      </div>
                    </div> 
                </li>
              </ul>
            </div>
          </div>
 <div class="col-sm-12">

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

          <div class="tab-content">
             
  
        <div
            class="tab-pane  show active"
            id="analytics-tab-4-pane"
            role="tabpanel"
            aria-labelledby="analytics-tab-4"
            tabindex="3"
          >

     


      <!-- [ Main Content ] start -->
      <div class="row" id="info_div" >
        <!-- [ sample-page ] start -->
        <div class="col-sm-12">
          <div class="card">
            <div class="card-body">  
                
                <form class="smart-form" method="POST" action="{{ route('descargar_manual_excel')}}">
              <div class="row"> 
                 
                @csrf

                <div class="col-md-4"> 

                  <div class="form-group">
                    <label class="form-label">Lugar de Expedición C.P.</label>
                    <input id="cp" name="cp" type="text" class="form-control"   value="50071" >
                  </div> 

                  <div class="form-group">
                    <label class="form-label">Moneda</label>
                    <select class="form-select" id="moneda" name="moneda">
                    <option value="MXN" selected="">MXN</option>
                    <option value="USD">USD</option>
                    </select>
                  </div>
 
                  <input type="hidden" name="po" id="po">
                 
                   
                  <!--
                  <div class="form-group">
                     <div class="text-left btn-page mb-0 mt-4">    
                    <a href="http://localhost:8080/simg-control/public/descargar_manual" class="btn btn-success">Generar Excel</a>
                  </div>
                  </div>
                -->
                </div>

                <div class="col-md-4">


                   <div class="form-group">
                    <label class="form-label">Razón Social</label>
                    <input id="razon_social" name="razon_social" type="text" class="form-control" placeholder="Razón Social"  value="FISHER CONTROLES DE MEXICO" >
                  </div>

                    <div class="form-group">
                    <label class="form-label">Forma de pago</label>  
                    <select class="form-select" id="forma_pago" name="forma_pago">
                    <option value="01">01 - Efectivo</option>
                    <option value="02">02 - Cheque nominativo</option>
                    <option value="03" selected="">03 - Transferencia electrónica de fondos</option>
                    <option value="04">04 - Tarjeta de crédito</option>
                    <option value="05">05 - Monedero electrónico</option>
                    <option value="06">06 - Dinero electrónico</option>
                    <option value="08">08 - Vales de despensa</option>
                    <option value="12">12 - Dación en pago</option>
                    <option value="28">28 - Tarjeta de débito</option>
                    </select>
                  </div> 

                  <div class="form-group">
                    <label class="form-label">Uso de CFDI</label>
                    <select class="form-select" id="uso_cfdi" name="uso_cfdi">
                    <option value="G03">G03 - Gastos en general</option>
                    <option value="I01">I01 - Construcciones</option>
                    <option value="I02">I02 - Mobiliario y equipo de oficina por inversiones</option>
                    <option value="I03">I03 - Equipo de transporte</option>
                    <option value="P01" selected="">P01 - Por definir</option> 
                    </select>
                  </div>
 

                   
                </div>

                <div class="col-md-4">

                   <div class="form-group">
                    <label class="form-label">RFC</label>
                    <input id="rfc" name="rfc" type="text" class="form-control" placeholder="RFC"   value="FCM8601159X6">
                  </div>

                   <div class="form-group">
                    <label class="form-label">Método de Pago</label>
                    <select class="form-select" id="metodo_pago" name="metodo_pago">
                    <option value="PUE">PUE - Pago en una Sola Exhibición</option>
                    <option value="PPD" selected="">PPD - Pago en Parcialidades o Diferido</option>
                    </select>
                  </div>


                  
                  
                </div>


                <div class="form-group">
                     <div class="text-left btn-page mb-0 mt-4">    
               
                  </div>
                  </div>
              </div>
              </form>
              



            </div>
          </div>
        </div>
        <!-- [ sample-page ] end -->
      </div>      <!-- [ Main Content ] end -->
      <!-- [ Main Content ] start -->
      <div class="row" id="info_div_detalle">
        <!-- [ sample-page ] start -->
  <div class="table-responsive dt-responsive">
                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>     
                        <th style="width: 100px !important">linea</th>
                        <th style="width: 100px !important">ship</th>
                        <th style="width: 500px !important">Descripción</th>       
                        <th>req_date</th> 
                        <th>qty</th> 
                        <th>uom</th> 
                        <th>unit_price</th> 
                        <th>ext_price</th>   
                      </tr>
                    </thead>  
                    <tbody>                
                       

                    @if(empty($po_facturas_detalle)) 
                      <tr>      
                    NO DATA
                      </tr> 
                    @else

                      @foreach($po_facturas_detalle as $po_facturas_detalle)
                      <tr>      
                      <td style="width: 100px !important">{{ $po_facturas_detalle->linea}}</td>   
                      <td style="width: 100px !important">{{ $po_facturas_detalle->ship}}</td>      
                      <td style="width: 500px !important">{{$po_facturas_detalle->description}}</td>    
                      <td>{{ $po_facturas_detalle->req_date}}</td>     
                      <td>{{ number_format($po_facturas_detalle->qty, 2, '.', ',')}}</td>    
                      <td>{{ $po_facturas_detalle->uom}}</td>   
                      <td>{{ number_format($po_facturas_detalle->unit_price, 2, '.', ',')}}</td>    
                      <td>{{ number_format($po_facturas_detalle->ext_price, 2, '.', ',')}}</td>    
                                             </tr> 
                      @endforeach 
                    @endif
                    </tbody> 
                    <div class="row">
                      
                <div class="col-md-4">
                  <div class="form-group">
                    <label class="form-label">Purchase Order (P.O.): </label>
                    
                    @if(empty($po_facturas_detalle)) 
                    <input id="po_table" name="po_table" type="text" class="form-control" placeholder="$" value="" >
                    @else
                    <input id="po_table" name="po_table" type="text" class="form-control" placeholder="$" value="{{ trim($po_facturas_detalle->po)}}" >
                    @endif
                  </div> 
                  </div> 

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

                    </div>
                  </table>

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


      </div>

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


        </div>
        <!-- [ sample-page ] end -->
      </div>
      <!-- [ Main Content ] end -->
    </div>
  </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('js/plugins/datepicker-full.min.js')}}"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="{{ URL::asset('js/jquery.signature.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("fecha_ini");</script> 
<script>preset_change("fecha_fin");</script> 
<script>preset_change("fecha_entrega_cotizacion");</script> 

<style>
.kbw-signature { width: 800px; height: 400px; }
</style>


    <script>
      // [ DOM/jquery ] 
      /*
      (function () {
        const d_week = new Datepicker(document.querySelector('#fecha_ini'), {
          buttonClass: 'btn'
        });
      })();

      (function () {
        const d_week = new Datepicker(document.querySelector('#fecha_fin'), {
          buttonClass: 'btn'
        });
      })();

      (function () {
        const d_week = new Datepicker(document.querySelector('#fecha_entrega_cotizacion'), {
          buttonClass: 'btn'
        });

      })();
      */
 $(document).ready(function()
            {
              // minimum setup

 //   $('#info_div').hide();
 // $('#info_div_detalle').hide();      
$("#po").val($("#po_table").val());

$('#boton_aparece').click(function() { 
 

  $('#info_div').show();
  $('#info_div_detalle').show();

            });

    
          var sig = $('#sig').signature();
            $('#disable').click(function() {
              var disable = $(this).text() === 'Disable';
              $(this).text(disable ? 'Enable' : 'Disable');
              sig.signature(disable ? 'disable' : 'enable');
            });
            $('#clear').click(function() {
              sig.signature('clear');
            });
            $('#json').click(function() {
              alert(sig.signature('toJSON'));
            });
            $('#svg').click(function() {
              alert(sig.signature('toSVG'));
            });
     
     // [ Configuration Option ]
      $('#table-inventory-cat').dataTable(
                { 
                    responsive: false,  
                    ordering: false, 
                    autoWidth: false,
                    pagingType: 'full_numbers',
                    dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-right justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-left justify-content-end'B>>" +
                        "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

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

                    ], 

                    

                }); // FIN DE TABLA       





    }); // FIN DE TABLA
 
 function change_tab(tab_name) {
      var someTabTriggerEl = document.querySelector('a[href="' + tab_name + '"]');
      var actTab = new bootstrap.Tab(someTabTriggerEl);
      actTab.show();
    }

      var tc = document.querySelectorAll('.scroll-block');
      for (var t = 0; t < tc.length; t++) {
        new SimpleBar(tc[t]);
      }
      // quantity start
      function increaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value++;
        document.getElementById(temp).value = value;
      }

      function decreaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value < 1 ? (value = 1) : '';
        value--;
        document.getElementById(temp).value = value;
      }

      function checkbox_change($this, $req_detalle){
        if($this.value == 0){
                $this.value = 1;
                $("#id_req_txt_"+$req_detalle+"").val(1);
              }
        else{
                $this.value = 0;
                $("#id_req_txt_"+$req_detalle+"").val(0);
              }
 

      }

      function unit_change($this, $id_prod, $unidad, $unidad_conversion, $existencia, $existencia_conversion){
         
         var $unidad_empaque;
         var $nueva_existencia;

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

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

      }




    </script>

    <style type="text/css">
      #table-inventory-cat {
          table-layout:fixed;
        }
        #table-inventory-cat td {
          word-wrap: break-word !important; 
          white-space:inherit;
        }
    </style>

@stop