@extends('admin.admin_dashboard')
@section('content')
 
@foreach($cotizaciones as $cotizaciones)                   
@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">Home</a></li>
                <li class="breadcrumb-item"><a href="../clientes">Cotizaciones</a></li>
                <li class="breadcrumb-item" aria-current="page">Agregar nueva cotización</li>
              </ul>
            </div>  
            <div class="col-md-12">
              <div class="page-header-title">
                <h2 class="mb-0">Cotización - No. {{$cotizaciones->no_cotizacion}} - Ver {{$cotizaciones->version}}.0</h2>
              </div>
            </div> 
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end --> 

                     
 

        @foreach($cotizaciones_detalles_totales as $cotizaciones_detalles_totales)    
                       
        @endforeach

 

      <!-- [ Main Content ] start -->
 
      <div class="row">

        <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')}}">
                         @if($cotizaciones->id_levantamiento != 0) 
                        <span class="" style=" margin-right: 20px;">
                          <a target="_blank" style="text-decoration:underline" href="../../levantamiento/edit/{{$cotizaciones->id_levantamiento}}">No. Levantamiento: : {{$cotizaciones->id_levantamiento}}</a>
                        </span>  
                        @endif
                        <span style=" margin-right: 20px;">Fecha de creación: </span> 
                        <span class="badge bg-light-primary  f-12">{{$cotizaciones->created_at}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px;"> Usuario: </span> 
                        <span class="badge bg-light-primary  f-12">{{$cotizaciones->user_name}}</span> 
                        <span style="margin-left: 20px; margin-right: 20px; font-weight: bold;"> Estatus: </span> 
                        @if($cotizaciones->status == 0)

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

                        @elseif($cotizaciones->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">{{$cotizaciones->fecha_status}}</span> 
                        @elseif($cotizaciones->status == 2) 
                            <span class="badge bg-success  f-12">Aprobado por Gerencia</span> 
                            <span style=" margin-left: 20px;">Fecha de aprobación por Gerencia: </span> 
                            <span class="badge bg-light-primary f-12">{{$cotizaciones->fecha_status}}</span> 
                        @elseif($cotizaciones->status == 3) 
                            <span class="badge bg-danger f-12">Rechazado por Gerencia</span> 
                            <span style=" margin-left: 20px;">Fecha de rechazo por Gerencia: </span> 
                            <span class="badge bg-light-primary f-12">{{$cotizaciones->fecha_status}}</span> 
                        @elseif($cotizaciones->status == 4) 
                            <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">{{$cotizaciones->fecha_status}}</span> 
                        @elseif($cotizaciones->status == 5) 
                            <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">{{$cotizaciones->fecha_status}}</span> 
                        @elseif($cotizaciones->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">{{$cotizaciones->fecha_status}}</span>  
                        @elseif($cotizaciones->status == 7) 
                            <span class="badge bg-light-primary f-12">Nueva Versión</span> 
                            <span style=" margin-left: 20px;">Fecha de nueva versión: </span> 
                            <span class="badge bg-light-primary  f-12">{{$cotizaciones->fecha_status}}</span> 
                        @endif


                        @csrf

                        <input type="hidden" name="id" value="{{$cotizaciones->id}}">
                        <button type="submit" id="guardar_btn"  class="badge bg-danger f-12" >Imprimir Reporte PDF.</button>

                      </form>

                      

                      </div>
                    </div> 
                </li>
              </ul>
            </div>
          </div>
        <!-- [ sample-page ] start -->
        <div class="col-sm-12">
          <div class="card">
            <div class="card-body">   

                <div>
                     <div class="form-group">
                      <div class="d-flex gap-1">
                        @if($cotizaciones->status == 4) 
                          <a  href="../../requisicion/add_requisicion/{{$cotizaciones->id}}"  class="btn btn-primary">Crear Requisición</a>
                        @endif

               <form class="smart-form" method="POST" enctype="multipart/form-data"  action="{{ route('cotizacion/update')}}">
                @csrf
                <input type="hidden" name="id" value="{{$cotizaciones->id}}">
                        @if(($cotizaciones->status == 0)||($cotizaciones->status == 3)||($cotizaciones->status == 5)||($cotizaciones->status == 7))

                        <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($cotizaciones->status == 2)

                        <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($cotizaciones->status == 1) 
                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_aprobado_2"  class="btn btn-light-success" >Aprobar</button>
                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_rechazado_2"  class="btn btn-light-danger" >Rechazar</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 cotización?</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 cotización</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="button" class="btn btn-danger">Cancelar Cotización</button>
                        </div>

                      </div>
                    </div>
                  </div>
                        <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal"
                        data-bs-target="#exampleModalCenter">Cancelar</button>

                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_reiniciado"  class="btn btn-info" >Reiniciar</button>
                        <button type="submit" id="guardar_btn" name="guardar_btn" value="cambio_status_version"  class="btn btn-outline-primary" >Finalizar y crear Nueva Versión.</button>

                    <a href="../../cotizaciones/list" class="btn btn-outline-secondary">Regresar</a> 

                        


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

              <div class="row"> 
               

                <div class="col-md-3">
                  <div class="form-group">
                    <label class="form-label">Descripción del Proyecto</label>
                    <input id="proyecto" name="proyecto" type="text" class="form-control" value="{{$cotizaciones->proyecto}}"> 
                  </div>

                  <div class="form-group">
                    <label class="form-label">No. Cotización</label>
                    <input id="no_cotizacion" name="no_cotizacion" type="text" class="form-control" disabled="" placeholder=""  value="{{ (old('no_cotizacion')) ?  old('no_cotizacion') : $cotizaciones->no_cotizacion}}"> 
                  </div>

                  <div class="form-group">
                    <label class="form-label">Vigencia</label>
                    <input id="vigencia" name="vigencia" type="text" class="form-control" placeholder=""  value="{{ (old('vigencia')) ?  old('vigencia') : $cotizaciones->vigencia}}">
                  @error('vigencia') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                  </div>


                  <div class="form-group">
                    <label class="form-label">Días de entrega</label>
                    <input id="dias_de_entrega" name="dias_de_entrega" type="text" class="form-control" placeholder=""  value="{{ (old('dias_de_entrega')) ?  old('dias_de_entrega') : $cotizaciones->dias_de_entrega}}">
                  @error('dias_de_entrega') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                  </div>

                  <div class="form-group">
                    <label class="form-label">Monto</label>
                    <input id="monto" name="monto" type="text" class="form-control" placeholder="$" value="{{$cotizaciones->monto}}">    
                  </div>

                  <div class="form-group">
                    <label class="form-label">Categoría</label>
                    <select class="form-select" id="id_categoria" name="id_categoria">
                    <option selected value="0">Seleccione categoría</option>  
                      @foreach($categorias as $categoria)          
                        @if($cotizaciones->id_categoria == $categoria->id)
                          <option value="{{ $categoria->id}}" selected>{{ $categoria->nombre}}</option> 
                        @else
                          <option value="{{ $categoria->id}}">{{ $categoria->nombre}}</option> 
                        @endif
                    @endforeach
                  </select>   
                  </div>  

                </div>

                <div class="col-md-3">
                  <div class="form-group">
                    <label class="form-label">Cliente</label>
                    <select class="form-select" id="id_cliente" name="id_cliente">
                    <option selected value="0">Seleccione cliente</option> 
                    @foreach($clientes as $cliente)          
                      @if($cotizaciones->id_cliente == $cliente->id)
                        <option value="{{ $cliente->id}}" selected>{{ $cliente->nombre}} - {{ $cliente->descripcion}}</option> 
                      @else
                        <option value="{{ $cliente->id}}">{{ $cliente->nombre}} - {{ $cliente->descripcion}}</option> 
                      @endif
                    @endforeach
                  </select>
                  @error('id_cliente') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                  </div>  

                  <div class="form-group">
                    <label class="form-label">Contacto</label>
                    <input id="contacto_nombre" name="contacto_nombre" type="text" class="form-control" placeholder=""  value="{{ (old('contacto_nombre')) ?  old('contacto_nombre') : $cotizaciones->contacto_nombre}}">
                  @error('contacto_nombre') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                  </div> 

                  <div class="form-group">
                    <label class="form-label">Contacto Email</label>
                    <input id="contacto_email" name="contacto_email" type="text" class="form-control" placeholder="@" value="{{ (old('contacto_email')) ?  old('contacto_email') : $cotizaciones->contacto_email}}">
                  @error('contacto_email') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                  </div> 

                  <div class="form-group">
                    <label class="form-label">Condiciones de pago</label>
                    <input id="condiciones_pago" name="condiciones_pago" type="text" class="form-control" placeholder="" value="{{ (old('condiciones_pago')) ?  old('condiciones_pago') : $cotizaciones->condiciones_pago}}">
                  @error('condiciones_pago') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                  </div>

                  <div class="form-group">
                    <label class="form-label">Subir Anexos</label> 
                    <input type="file" id="attachment" name="attachment" class="form-control" />
 
                    @if($cotizaciones->attachment)
                    <a href="{{ config('services.url_global.key') }}/storage/app/{{$cotizaciones->attachment}}" target="_blank">Visualizar archivo</a>
                    @endif

                  </div>
                   
                </div> 

                  </form>
                <div class="col-md-6">

                  <div class="table-responsive dt-responsive_historic">
                  <table id="table-historico" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th>Versión</th> 
                        <th>Fecha Creación</th> 
                        <th>Fecha Finalización</th> 
                        <th>SubTotal</th> 
                        <th>Descuento</th> 
                        <th>Total</th> 
                      </tr>
                    </thead>
                    <tbody> 
                    @foreach($cotizaciones_versiones as $cotizaciones_versiones)                   

                      <tr>     
                      <td>   
                        <form class="smart-form" method="POST" action="{{ route('cotizacion/cotizacionVersionesPDF')}}">
                        @csrf
 
                          <input type="hidden" name="id" value="{{$cotizaciones_versiones->id}}">
                          <input type="hidden" name="id_cotizacion" value="{{$cotizaciones_versiones->id_cotizacion}}">
                        <button type="submit" id="guardar_btn"  class="badge bg-primary f-12" >Ver {{ $cotizaciones_versiones->version}}.0</button>

                      </form>


                      </td> 
                      <td>{{ $cotizaciones_versiones->created_at}}</td>   
                      <td>{{ $cotizaciones_versiones->fecha_status}}</td>   
                      <td>{{ $cotizaciones_versiones->subtotal}}</td>    
                      <td>{{ $cotizaciones_versiones->descuento}}</td>    
                      <td>{{ $cotizaciones_versiones->subtotal-(($cotizaciones_versiones->descuento/100)*$cotizaciones_versiones->subtotal)}}</td>    
                      </tr> 
                    @endforeach 
                    </tbody> 
                  </table>
                </div>
                </div> 


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


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

                <div  class="col-xl-12">
                  <div class="card">
                    <div class="card-header">  
                          <h5 class="mb-0" style="color: blue">Agregar de productos / servicios</h5>

            <!-- [ varying-modal ] start -->  
 

                <form  role="form" method="POST" enctype="multipart/form-data" action="{{ route('cotizacion/store_file_cotizacion_detalle')}}"   >              
                                  @csrf
                      
                    <div class="row"> 
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
                        <input type="hidden" name="id_cotizacion_archivo" value="{{$cotizaciones->id}}">

                      <div class="col-md-4">
                        <div class="form-group">
                          <label class="form-label">Etapa</label>
                          <input id="etapa" name="etapa" type="text" class="form-control" placeholder="Etapa" value="{{ (old('etapa')) ?  old('etapa') : ''}}">
                  @error('etapa') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                        </div>
                         <div class="form-group">
                          <label class="form-label">ITEM</label>
                          <input id="descripcion_detalle" name="descripcion_detalle" type="text" class="form-control" placeholder="Descripción" value="{{ (old('descripcion_detalle')) ?  old('descripcion_detalle') : ''}}">
                  @error('descripcion_detalle') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                        </div>
                         <div class="form-group">
                          <label class="form-label">Descripción</label>
 
                        <textarea class="form-control" id="comentarios" name="comentarios" rows="8">{{ (old('comentarios')) ?  old('comentarios') : ''}}</textarea>
                     
                  @error('comentarios') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                            
                    </div>
                    
                           
                  </div>
                      <div class="col-md-4">
                         <div class="form-group">
                          <label class="form-label">U.M.</label>
                          <input id="unidad_empaque" name="unidad_empaque" type="text" class="form-control" placeholder="Unidad de Medida" value="PZA">
                  @error('unidad_empaque') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                        </div>
                        <div class="form-group">
                          <label class="form-label">Cantidad</label>
                          <input id="cantidad" name="cantidad" type="text" class="form-control" placeholder="Cantidad" value="{{ (old('cantidad')) ?  old('cantidad') : ''}}" onkeydown="actualiza_importe();"2>
                  @error('cantidad') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                        </div>
                        <div class="form-group">
                          <label class="form-label">Precio unitario</label>
                          <input id="precio_unitario" name="precio_unitario" type="text" class="form-control" placeholder="Precio unitario" value="{{ (old('precio_unitario')) ?  old('precio_unitario') : ''}}" onkeydown="actualiza_importe();">
                  @error('precio_unitario') <span class="fs-6 text-danger">{{$message}}</span>  @enderror    
                        </div>
                        <div class="form-group">
                          <label class="form-label">Importe</label>
                          <input id="importe_detalle" name="importe_detalle" type="text" class="form-control" placeholder="" value="" disabled=""> 
                          
                        </div> 

                  </div>
                  <div class="col-md-4">
                      
                        <div class="form-group">
                          <div class="form-group">
                                  <div class="input-group">
                                    <input type="file" id="attachment_1" name="attachment_1" class="form-control" />
                                  </div>
                              </div>
                            <div class="form-group">
                                          <div class="input-group">
                                            <input type="file" id="attachment_2" name="attachment_2" class="form-control" />
                                          </div>
                              </div> 
                              <div class="form-group">
                                          <div class="input-group">
                                            <input type="file" id="attachment_3" name="attachment_3" class="form-control" />
                                          </div>
                              </div>
                        </div>
                        <div class="form-group">
                    <button type="submit" class="btn btn-primary">Agregar concepto</button>
                        </div>
                  </div>  

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



                  </div>  

                  
                </div>
                  
            </form>

                    
                    </div>
                  </div>

            <!-- [ varying-modal ] start -->

            </div> 
              

                <div class="col-xl-12"> 
                  <div class="card"> 
                    <div class="card-body py-2">
                      <ul class="list-group list-group-flush">
            <form class="smart-form" method="POST" action="{{ route('cotizacion/update_descuento')}}">

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

                          <div class="row"> 

                              <div class="col-md-4">
                                <h5 class="mb-0" style="color: blue">Resumen de productos / servicios</h5>  
                              </div>

                              <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="" value="{{$total_cotizacion}}">
                                </div>
                              </div>


                                <div class="col-md-2">
                                   <div class="form-group">
                                    <label class="form-label" style="color:darkred">Descuento</label>
                                    <input id="descuento" name="descuento" type="text" class="form-control" placeholder="%" value="{{$cotizaciones->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" placeholder="" value="{{$total_cotizacion-$total_cotizacion}}">
                                </div>
                              </div>
                          </div>


                        </li>
 
                </form>

              <form action="{{ route('import.excel') }}" method="POST" enctype="multipart/form-data">
                  @csrf
                  <input type="file" name="file" required>
                  <input type="hidden" name="related_id" value="{{$cotizaciones->id}}">
                  <button type="submit" class="btn btn-info">Importar Excel</button>
              </form>
              

                <div class="table-responsive dt-responsive">
                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr>
                        <th>Etapa</th>    
                        <th style="width: 400px !important">Item</th>  
                        <th>Descripción</th> 
                        <th>U.M.</th> 
                        <th>Cantidad</th> 
                        <th>P.nitario</th> 
                        <th>Total</th>
                        <th>Imágen</th>
                        <th>Porcentaje</th>
                        <th>Editar / Eliminar</th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($cotizaciones_detalles as $cotizaciones_detalles)                   
                      
                      <tr> 
                      <td>{{ $cotizaciones_detalles->etapa}}</td>     
                      <td style="width: 400px !important">{{ $cotizaciones_detalles->descripcion_detalle}}</td>  
                      <td>{{ $cotizaciones_detalles->comentarios}}</td>   
                      <td>{{ $cotizaciones_detalles->unidad_empaque}}</td>   
                      <td>{{ $cotizaciones_detalles->cantidad}}</td>  
                      <td>${{ $cotizaciones_detalles->cantidad*($cotizaciones_detalles->precio_unitario)}}</td>   
                      <td>$ 
{{$cotizaciones_detalles->cantidad*$cotizaciones_detalles->precio_unitario}}
                      </td>    
                        <td> 
                                   
                            <img src="{{ config('services.url_global.key') }}/storage/app/{{$cotizaciones_detalles->archivo_1}}" alt="" class="card-img" />
                            <img src="{{ config('services.url_global.key') }}/storage/app/{{$cotizaciones_detalles->archivo_2}}" alt="" class="card-img" />
                            <img src="{{ config('services.url_global.key') }}/storage/app/{{$cotizaciones_detalles->archivo_3}}" alt="" class="card-img" />
                                    
                           
                             
                        </td>
                      <td>

                      </td>  
                        <td>  
                           <ul class="list-inline me-auto mb-0"> 
                          <li class="list-inline-item align-bottom" data-bs-toggle="tooltip" title="Edit">
                             <div class="modal fade" id="exampleModal_{{ $cotizaciones_detalles->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel_{{ $cotizaciones_detalles->id}}" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="exampleModalLabel_{{ $cotizaciones_detalles->id}}">Modificar</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                

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

                    <div class="modal-body">
                        <div class="form-group"> 
                          <label class="form-label">Etapa</label>
                          <input id="etapa" name="etapa" type="text" class="form-control" placeholder="" value="{{ $cotizaciones_detalles->etapa}}">
                        </div> 
                        <div class="form-group">
                          <label class="form-label">Descripcion</label>
                          <input id="descripcion_detalle" name="descripcion_detalle" type="text" class="form-control" placeholder="Unidad de medida" value="{{ $cotizaciones_detalles->descripcion_detalle}}">
                        </div>

                        <div class="form-group">
                          <label class="form-label">Comentarios</label>

                        <textarea class="form-control" id="comentarios" name="comentarios" rows="4">{{ $cotizaciones_detalles->comentarios}}</textarea>
                        </div>
                        <div class="form-group">
                          <label class="form-label">Unidad</label>
                          <input id="unidad_empaque" name="unidad_empaque" type="text" class="form-control" placeholder="Cantidad" value="{{ $cotizaciones_detalles->unidad_empaque}}">
                        </div>                        

                        <div class="form-group">
                          <label class="form-label">Cantidad</label>
                          <input id="cantidad" name="cantidad" type="text" class="form-control" placeholder="Cantidad" value="{{ $cotizaciones_detalles->cantidad}}">
                        </div>   
                        <div class="form-group">
                          <label class="form-label">Precio Unitario</label>
                          <input id="precio_unitario" name="precio_unitario" type="text" class="form-control" placeholder="Precio Base" value="{{$cotizaciones_detalles->precio_unitario}}" >
                        </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">Guardar</button>
                    </div>
                    </form>

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


 
                            <button type="button" class="avtar avtar-xs btn-link-success btn-pc-default" data-bs-toggle="modal" data-bs-target="#exampleModal_{{ $cotizaciones_detalles->id}}" data-bs-whatever="@getbootstrap" style="margin-left: 20px;"><i class="ti ti-edit f-18"></i></button>


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

                            @csrf

                            <input type="hidden" name="id" value="{{$cotizaciones_detalles->id}}">
                            <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>  

                        </form>
                          </li>
                      </td> 
                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                </div>
 
                      </ul>
                    </div>
                  </div>
                  
                </div>
              </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>
      // [ 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

      $('#table-historico').dataTable(
                { 
                    responsive: true,  
                    ordering: false, 
                    searching: false, paging: false, info: false,
                    autoWidth: true, 

                    

                }); // FIN DE TABLA

              $('#cantidad').keyup(function(){ 
                 actualiza_importe();
              });

              $('#precio_unitario').keyup(function(){ 
                 actualiza_importe();
              });

                
    }); // FIN DE TABLA


  // quantity start


  function actualiza_importe() {
    cantidad = $("#cantidad").val() * 1;
    precio_unitario = $("#precio_unitario").val() * 1;
    $("#importe_detalle").val('$ '+cantidad*precio_unitario);
  }

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

@endsection