@extends('template')

@section('title', 'Categorias')

@push('css')


<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

<style>
    .text-desentregar {
        color: #d48806 !important; /* dorado más oscuro */
        font-weight: 600;
        text-shadow: 0 1px 1px #ffffff; /* mejora visibilidad en fondo claro */
    }
	
#clienteResultados {
    position: absolute;
    width: 100%;
    z-index: 999;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    margin-top: 5px;
}

/* Items */
#clienteResultados .list-group-item {
    border: none;
    border-bottom: 1px solid #f1f1f1;
    padding: 12px 15px;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #ffffff;
}

/* Hover */
#clienteResultados .list-group-item:hover {
    background: #f5f9ff;
    cursor: pointer;
}

/* Activo (teclado) */
#clienteResultados .list-group-item.active {
    background: #0d6efd;
    color: #fff;
    font-weight: 500;
}

/* Último sin borde */
#clienteResultados .list-group-item:last-child {
    border-bottom: none;
}

/* Scroll bonito */
#clienteResultados {
    max-height: 300px;
    overflow-y: auto;
}

/* Scrollbar */
#clienteResultados::-webkit-scrollbar {
    width: 6px;
}

#clienteResultados::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}
</style>



<!-- Simple DataTables CSS -->
<link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet" type="text/css">
@endpush

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">

@if(session('success'))
<script>
    let message = "{{ session('success') }}";
    const Toast = Swal.mixin({
      toast: true,
      position: "top-end",
      showConfirmButton: false,
      timer: 3000,
      timerProgressBar: true,
      didOpen: (toast) => {
        toast.onmouseenter = Swal.stopTimer;
        toast.onmouseleave = Swal.resumeTimer;
      }
    });
    Toast.fire({
      icon: "success",
      title: message,
    });
</script>    
@endif

<div class="container-fluid px-4">
    <h3 class="mt-4 text-center">ORDENES DE SERVICIO</h3>
   
	<ol class="breadcrumb mb-4" style="display:none;">
    <li class="breadcrumb-item">
        <a href="{{ route('papeletas.index') }}">Guias</a>
    </li>
</ol>
	
 <div class="mb-4 row position-relative">
    <form method="GET" action="{{ route('papeletas.index') }}">
        <div class="col-md-4 mb-3">

            <label for="filterNumero" class="form-label">Buscar por Correlativo:</label>

            <div class="d-flex gap-2">

                <input 
                    type="text" 
                    name="search"
                    id="filterNumero" 
                    class="form-control" 
                    placeholder="Ingresa el número"
                    value="{{ $clienteNombre ?? request('search') }}"
                    autocomplete="off" />

                <!-- 🔥 BOTÓN -->
                <button type="button" id="btnIngresarGuia" class="btn btn-primary d-none">
                    Ingresar Guía
                </button>
				 <!-- 🔥 NUEVO SELECT -->
				<select id="selectEstado" class="form-select d-none" style="width:220px;">
					<option value="" selected>-- Todas --</option>
					<option value="facturado">Facturada</option>
					<option value="impreso/atendido">Impreso/Atendido</option>
					<option value="entregado">Entregada</option>
					<option value="anulado">Anulada</option>
				</select>

            </div>

            <input type="hidden" id="cliente_id_seleccionado" name="cliente_id">
			

            <div id="clienteResultados"
                class="list-group position-absolute w-100 shadow"
                style="z-index:999; top:100%; left:0;"></div>

        </div>
    </form>
</div>
	
    <div class="card mb-4">
        <div class="card-header">
            <i class="fas fa-table me-1"></i>
            Tabla Papeletas
        </div>
        
        <div class="card-body">
            @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Cerrar"></button>
            </div>
            @endif
            
            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Cerrar"></button>
                </div>
            @endif
            <table id="datatablesSimple" class="table table-striped">
                <thead>
                    <tr>
                        <th>Seleccionar</th>
                        <th>Servicio</th>
                        <!--th>Serie</th-->
                        <th>Correlativo</th>
						<th>Razon Social</th>
                        <th>Situación</th>
                        <!--th>Condición de Pago</th-->
                       
						 <th>Boleta</th> <!-- 👈 NUEVO -->
						 <th>Fecha de Emisión</th>
                        <th>Entrega el</th>
						<th>Fecha Salida</th> <!-- 👈 NUEVO -->
                      
                        <th>Total</th>
                        <th>ID-guia</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($guias as $item)
                        <tr>
                            <td>
                                <div class="dropdown">
                                    <button class="btn btn-outline-dark btn-md" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="bi bi-gear"></i>
                                    </button>
                                    <ul class="dropdown-menu">
										 {{-- ✅ clonacion de guia" --}}
										<li>
    <a href="{{ route('papeletas.clonar', $item->id) }}" class="dropdown-item">
        <i class="bi bi-files me-1"></i> Clonar
    </a>
</li>
                            
                                        {{-- ✅ Mostrar solo si situación es "entregado" --}}
                                        @if(isset($item->estadop) && strtolower(trim($item->estadop)) === 'entregado')
                                            <li>
                                                <form action="{{ route('ventas.desentregar', $item->id) }}" method="POST" onsubmit="return confirm('¿Desentregar esta venta?')" style="margin: 0;">
                                                    @csrf
                                                    <button type="submit" class="dropdown-item text-desentregar">
                                                        <i class="bi bi-arrow-counterclockwise me-1"></i> Desentregar
                                                    </button>
                                                </form>
                                            </li>
                                        @endif
                            
                                        {{-- Imprimir --}}
                                            <li>
    <button class="dropdown-item btn-imprimir" data-id="{{ $item->id }}" data-tipo="cliente">
        <i class="bi bi-printer me-1"></i> Imprimir Cliente
    </button>
</li>
										

<li>
    <button class="dropdown-item btn-imprimir" data-id="{{ $item->id }}" data-tipo="caja">
        <i class="bi bi-printer me-1"></i> Imprimir Caja
    </button>
</li>

<li>
    <button class="dropdown-item btn-imprimir" data-id="{{ $item->id }}" data-tipo="almacen">
        <i class="bi bi-printer me-1"></i> Imprimir Almacén
    </button>
</li>
                                        @php
                                        $esHoy = \Carbon\Carbon::parse($item->fecha_papeleta)
                                            ->setTimezone('America/Lima')
                                            ->isSameDay(\Carbon\Carbon::now('America/Lima'));
                                        @endphp
                                        
                                        {{-- Anular --}}
                                        @if(
                                            isset($item->estadop) &&
                                            (
                                                strtolower(trim($item->estadop)) === 'impreso/atendido' ||
                                                (strtolower(trim($item->estadop)) === 'facturado' && $esHoy)
                                            )
                                        )
                                            <li>
                                                <button type="button" class="dropdown-item btn-anular" data-id="{{ $item->id }}" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                    <i class="bi bi-x-circle me-1"></i> Anular
                                                </button>
                                            </li>
                                        @endif
                                        
                                            
                                         @if(isset($item->estadop) && in_array(strtolower(trim($item->estadop)), ['entregado', 'facturado']))
                                         <li>
                                             <button
                                                 type="button"
                                                 class="dropdown-item btn-trazabilidad"
                                                 data-id="{{ $item->id }}"
                                                 data-bs-toggle="modal"
                                                 data-bs-target="#modalTrazabilidad"
                                             >
                                                 <i class="bi bi-clock-history me-1"></i> Trazabilidad
                                             </button>
                                         </li>
                                     @endif
                                        
                            
                                    </ul>
                                </div>
                            </td>
                            
                            
                            <td>
                                {{$item->servicio}} 
                            </td>
                            <!--td>
                                201
                            </td-->
                        
                        
                            <td>
                                {{$item->numero_comprobante}}
                            </td>
							<td>
                                {{$item->apellidoynombre}}
                            </td>
                    
                            <!--td>
                                {{$item->estadop}}
                            </td-->
							<td>
  @php
    $estado = strtolower(trim($item->estadop));

    $clase = match($estado) {
        'impreso/atendido' => 'bg-warning text-dark',   // 🟠 naranja
        'entregado'        => 'bg-info text-white',     // 🔵 celeste
        'facturado'        => 'bg-success text-white',  // 🟢 verde
        'anulado'          => 'bg-danger text-white',   // 🔴 rojo
        default            => 'bg-secondary text-white'
    };
@endphp

<span class="badge {{ $clase }} px-4 py-2 fs-6 fw-semibold">
    {{ $item->estadop }}
</span>
								@if($item->estadop === 'facturado' && $item->tiene_comprobante)
<button 
    class="btn btn-success btn-sm btn-entregar"
    data-id="{{ $item->id }}"
    data-numero="{{ $item->numero_comprobante }}"
    title="Entregar">
    Entregar
</button>
@endif
								
								
</td>
							<td>{{ $item->boleta ?? '-' }}</td>
							
                            <!--td>
                        
                                {{$item->tipodepago}}
                            </td-->    
                            <td>{{ \Carbon\Carbon::parse($item->created_at)->format('d/m/Y H:i') }}</td>
                            <td>{{ \Carbon\Carbon::parse($item->fecha_promesa)->format('d/m/Y') }}</td>
							<td>
   {{ $item->fecha_mostrar 
    ? \Carbon\Carbon::parse($item->fecha_mostrar)->format('d/m/Y H:i') 
    : '-' 
}}
</td>


                    
                           

                            

                        

                    
                            <td>
                                {{$item->total}}
                            </td>

                            <td>
                                {{$item->id}}
                            </td>
                            
                           
                           
                        </tr>

                    @endforeach

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

          <!--modal trazabilidad-->
          <div class="modal fade" id="modalTrazabilidad" tabindex="-1" aria-labelledby="modalTrazabilidadLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title">Trazabilidad de documentos</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                </div>
                <div class="modal-body">
                  <ul class="nav nav-tabs mb-3">
                    <li class="nav-item">
                      <span class="nav-link active">Trazabilidad</span>
                    </li>
                  </ul>
          
                  <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                      <thead class="table-light">
                        <tr>
                          <th></th>
                          <th>#Interno</th>
                          <th>Serie</th>
                          <th>Número</th>
                          <th>T. Documento</th>
                          <th>F. Emisión</th>
                          <th>Situación</th>
						  <th>Boleta</th>
                          <th>C. Cliente</th>
                          <th>Razón social</th>
                          <th>C. Pago</th>
                          <th>Importe</th>
                        </tr>
                      </thead>
                        <tbody id="tablaTrazabilidadBody">
                         <!-- Aquí se insertan los documentos desde JS -->
                     </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
             
    </div>
</div>


<!-- Modal anulacion-->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Anulacion</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="guiaId">
                <div class="form-floating">
                  
                    <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2" style="height: 100px"></textarea>
                    <label for="floatingTextarea2">Ingrese el motivo de la anulacion</label>
                </div>
                <br>
                <div>
                    

                    <select id="authUserSelect">
                        <!-- Opciones llenadas desde el servidor -->
                        <option value="">Seleccionar usuario</option>
                        @foreach($authUsers as $authUser)
                            <option value="{{ $authUser->id }}">{{ $authUser->name }}</option>
                        @endforeach
                    </select>
                    <input type="password" id="authPassword" placeholder="Contraseña" />
                </div>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">cerrar</button>
            <!-- Botón de confirmación dentro del modal -->
            <button type="button" class="btn btn-primary btn-confirm-anular">
                Anular
            </button>
    
            </div>
        </div>
        </div>
    </div>
<!-- Modal cliente-->

     <!-- Modal Cliente -->
                        <div class="modal fade" id="modalCrearCliente" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                            <div class="modal-dialog modal-lg .modal-dialog-scrollable">
                                <div class="modal-content modal-dialog">
                                    <form id="formCrearCliente">
                                        <div class="modal-header">
                                            <h1 class="modal-title fs-5" id="staticBackdropLabel">Mantenimiento Cliente</h1>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <!-- Nav tabs -->
                                            <ul class="nav nav-tabs" id="clientTabs" role="tablist">
                                                <li class="nav-item" role="presentation">
                                                    <a class="nav-link active" id="new-client-tab" data-bs-toggle="tab" href="#new-client" role="tab" aria-controls="new-client" aria-selected="true">Nuevo Cliente</a>
                                                </li>
                                                <li class="nav-item" role="presentation">
                                                    <a class="nav-link" id="modify-client-tab" data-bs-toggle="tab" href="#modify-client" role="tab" aria-controls="modify-client" aria-selected="false">Modificar Cliente</a>
                                                </li>
                                            </ul>
                                            <br>
                                            <!-- Tab content -->
                                            <div class="tab-content" id="clientTabsContent">
                                                <!-- Nuevo Cliente -->
                                                <div class="tab-pane fade show active" id="new-client" role="tabpanel" aria-labelledby="new-client-tab">
                                                    <!-- Formulario de Nuevo Cliente -->
                                                    <div class="row">
                                                        <div class="form-group col-md-6 col-12">
                                                            <label for="nombres" class="form-label">Nombres</label>
                                                            <input type="text" name="nombres" id="nombres" class="form-control" value="{{ old('nombres') }}" required autocomplete="off">
                                                            @error('nombres')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group col-md-6 col-12">
                                                            <label for="apellidos" class="form-label">Apellido Paterno</label>
                                                            <input type="text" name="apellidos" id="apellidos" class="form-control" value="{{ old('apellidos') }}" required autocomplete="off">
                                                            @error('apellidos')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group col-md-6 col-12">
                                                            <label for="apellidosM" class="form-label">Apellido Materno</label>
                                                            <input type="text" name="apellidosM" id="apellidosM" class="form-control" value="{{ old('apellidosM') }}" required autocomplete="off">
                                                            @error('apellidosM')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group col-md-6 col-12">
                                                            <label for="telefono" class="form-label">Teléfono-Peru</label>
                                                            <input type="number" name="telefono" id="telefono1" class="form-control" value="{{ old('telefono') }}" required autocomplete="off">
                                                            @error('telefono')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="form-group col-md-8 col-12">
                                                            <label for="direccion" class="form-label">Dirección</label>
                                                            <input type="text" name="direccion" id="direccion2" class="form-control" value="{{ old('direccion') }}" required autocomplete="off">
                                                            @error('direccion')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group col-md-4 col-12">
                                                            <label for="distrito_id" class="form-label">Distrito</label>
                                                            <select name="distrito_id" id="distrito_id" class="form-select" required>
                                                                <option value="" selected disabled>Seleccione una opción</option>
                                                                @foreach ($distritos as $item)
                                                                    <option value="{{ $item->id }}" {{ old('distrito_id') == $item->id ? 'selected' : '' }}>{{ $item->nombre }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('distrito_id')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group col-md-6 col-12">
                                                            <label for="correo" class="form-label">Correo</label>
                                                            <input type="text" name="correo" id="correo" class="form-control" value="{{ old('correo') }}" autocomplete="off">
                                                            @error('correo')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group col-md-6 col-12">
                                                            <label for="telefonoextra" class="form-label">Teléfono-Extranjero</label>
                                                            <input type="number" name="telefonoextra" id="telefonoextra" class="form-control" value="{{ old('telefonoextra') }}" autocomplete="off">
                                                        </div>

                                                        <div class="form-group">
                                                            <label for="tipo_persona" style="display: none;" >Tipo de cliente</label>
                                                            <select name="tipo_persona" id="tipo_persona" class="form-select"  style="display: none;" required>
                                                                <!--option value="" selected disabled>Seleccione una opción</option-->
                                                                <option value="natural" {{ old('tipo_persona') == 'natural' ? 'selected' : '' }}>Persona Natural</option>
                                                                <option value="juridica" {{ old('tipo_persona') == 'juridica' ? 'selected' : '' }}>Persona Jurídica</option>
                                                            </select>
                                                            @error('tipo_persona')
                                                                <small class="text-danger">{{ $message }}</small>
                                                            @enderror
                                                        </div>

                                                        <div class="form-group" id="box-apellidos-nombres">
                                                            <label id="label-natural" for="apellidos_nombres" class="form-label">Nombres y apellidos</label>
                                                            <label id="label-juridica" for="apellidos_nombres" class="form-label">Nombre de la empresa</label>
                                                         <input type="text" name="apellidos_nombres" id="apellidos_nombres" class="form-control"
      value="{{ old('apellidos_nombres') }}"
       autocomplete="off">

<input type="hidden" name="cliente_id" id="cliente_id"
       value="">
                                                        </div>
                                
                                                    
                                                    
                                                       <div class="row">
                                                            <!-- Tipo de Documento -->
                                                            <div class="form-group col-md-6 col-12">
                                                                <label for="documento_id" class="form-label">Tipo de Documento</label>
                                                                <select name="documento_id" id="documento_id" class="form-select" required>
                                                                    <option value="" selected disabled>Seleccione una opción</option>
                                                                    @foreach ($documentos as $item)
                                                                       <option value="{{ $item->id }}" {{ old('documento_id', 1) == $item->id ? 'selected' : '' }}>
                                                                            {{ $item->tipo_documento }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                @error('documento_id')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>

                                                            <!-- Número de Documento -->
                                                            <div class="form-group col-md-6 col-12">
                                                                <label for="numero_documento" class="form-label">Número de documento</label>
                                                                <div class="input-group">
                                                                    <input type="number" name="numero_documento" id="numero_documento" class="form-control" value="{{ old('numero_documento') }}" autocomplete="off">
                                                                    <button type="button" id="btnBuscarDNI" class="btn btn-outline-primary">Buscar DNI</button>
                                                                </div>
                                                                @error('numero_documento')
                                                                    <small class="text-danger">{{ $message }}</small>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        
                                                         <div class="row">

                                                            <div class="form-group col-md-8 col-12">
                                                                <label for="RazonSocial" class="form-label">Razón Social</label>
                                                                <input type="text" name="RazonSocial" id="RazonSocial" class="form-control" value="{{ old('RazonSocial') }}" autocomplete="off">
                                                            </div>

                                                            <div class="form-group col-md-4 col-12">
                                                                <label for="RegistroU" class="form-label">RUC</label>
                                                                <div class="input-group">
                                                                    <input type="text" name="RegistroU" pattern="[0-9]{11}" id="RegistroU" class="form-control" value="{{ old('RegistroU') }}" autocomplete="off">
                                                                    <button class="btn btn-secondary" type="button" id="btnBuscarRUC">Buscar</button>
                                                                </div>
                                                            </div>

                                                            <div class="form-group col-md-8 col-12">
                                                                <label for="DireccionC" class="form-label">Dirección Comercial</label>
                                                                <input type="text" name="DireccionC" id="DireccionC" class="form-control" value="{{ old('DireccionC') }}" autocomplete="off">
                                                            </div>    

                                                        </div>
                                

                                                        
                                                    </div>
                                                </div>

                                                <!-- Modificar Cliente -->
                                                <div class="tab-pane fade" id="modify-client" role="tabpanel" aria-labelledby="modify-client-tab">
                                                    <!-- Formulario de Modificar Cliente (Este podría estar precargado con los datos existentes) -->
                                                    <!-- Puedes colocar aquí un formulario similar, pero prellenado con los datos actuales del cliente -->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
											<button type="button" id="btnGuardarCliente" class="btn btn-primary">Guardar Cliente</button>
										</div>
                                    </form>    
                                </div>
                            </div>
                        </div>

@endsection

@push('js')

<script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest" type="text/javascript"></script>
<!-- <script src="{{ asset('js/datatables-simple-demo.js') }}"></script> -->

<!-- Bootstrap 5 Bundle JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

<!-- Bootstrap JS (necesario para dropdowns, tooltips, modals, etc.) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
	
// 🔥 CREAR CLIENTE DESDE BUSCADOR (SIEMPRE ACTIVO)
document.addEventListener('click', function(e) {

    let boton = e.target.closest('#btnCrearClienteDesdeBusqueda');

    if (!boton) return;

    let nombre = document.getElementById('filterNumero').value.trim();

    let modalElement = document.getElementById('modalCrearCliente');

    if (!modalElement) {
        console.error('Modal no encontrado');
        return;
    }

    let modal = new bootstrap.Modal(modalElement);
    modal.show();

    // 🔥 precargar nombre
    setTimeout(() => {
        let inputNombre = document.querySelector('#formCrearCliente input[name="apellidos_nombres"]');
        if (inputNombre) {
            inputNombre.value = nombre.toUpperCase();
        }
    }, 300);
});	
	
	
	
document.addEventListener('click', function (e) {
    if (e.target.classList.contains('btn-imprimir')) {

        // 🔥 guardar cliente actual desde la URL (ANTES DE TODO)
        let params = new URLSearchParams(window.location.search);
        let clienteId = params.get('cliente_id');

        if (clienteId) {
            localStorage.setItem('cliente_id_actual', clienteId);
        }

        const guiaId = e.target.getAttribute('data-id');

       const tipo = e.target.getAttribute('data-tipo'); // 🔥 NUEVO

		fetch(`/ticket/${guiaId}?tipo=${tipo}`)
            .then(response => {
                if (!response.ok) {
                    throw new Error('Error al mostrar el ticket');
                }
                return response.blob();
            })
            .then(blob => {

                const url = window.URL.createObjectURL(blob);

                const newWindow = window.open(url, '_blank');

                if (newWindow) {
                    newWindow.focus();
                } else {
                    alert('No se pudo abrir la ventana de impresión.');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Hubo un error al intentar mostrar el ticket.');
            });
    }
});

</script>

<script>
    function filterByNumero() {
        const input = document.getElementById('filterNumero');
        const filter = input.value.toUpperCase();
        const table = document.getElementById('datatablesSimple');
        const rows = table.getElementsByTagName('tr');

        for (let i = 1; i < rows.length; i++) {
            const cell = rows[i].getElementsByTagName('td')[3]; // Columna "Número"
            if (cell) {
                const textValue = cell.textContent || cell.innerText;
                rows[i].style.display = textValue.toUpperCase().indexOf(filter) > -1 ? '' : 'none';
            }
        }
    }

   

</script>
<script>
 

document.addEventListener('click', function (event) {
    if (event.target.classList.contains('btn-anular')) {
        let guiaId = event.target.getAttribute('data-id');
        document.getElementById('guiaId').value = guiaId;
        console.log("✅ ID de la guía almacenado en el modal:", guiaId);
    }
});


/*	
	
document.querySelector('.btn-confirm-anular').addEventListener('click', function () {
    let guiaId = document.getElementById('guiaId').value.trim();
    let userId = document.getElementById('authUserSelect').value.trim();
    let password = document.getElementById('authPassword').value.trim();
    let motivo = document.getElementById('floatingTextarea2').value.trim();

    console.log("📌 Valores capturados:");
    console.log("guiaId:", guiaId);
    console.log("userId:", userId);
    console.log("password:", password);
    console.log("motivo:", motivo);

    if (!guiaId || !userId || !password || !motivo) {
        alert('Por favor, complete todos los campos.');
        return;
    }

    // Primero obtener el estado de la guía antes de anular
    fetch(`/obtener-estado/${guiaId}`)
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                let estado = data.estado;
                console.log("📌 Estado de la guía:", estado);

                // Validar si el estado es "Impreso" o "Atendido"
                if (estado !== "impreso/atendido") {
                    alert(`❌ No puedes anular una guía en estado: ${estado}`);
                    return;
                }

                // Si el estado es válido, proceder con la anulación
                fetch("/anular-guia", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').getAttribute("content")
                    },
                    body: JSON.stringify({
                        guia_id: guiaId,
                        user_id: userId,
                        password: password,
                        motivo: motivo
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        alert("✅ Guía anulada correctamente.");
                        location.reload();
                    } else {
                        alert(`⚠️ ${data.message}`);
                    }
                })
                .catch(error => console.error("❌ Error:", error));
            } else {
                alert("❌ No se pudo obtener el estado del comprobante.");
            }
        })
        .catch(error => console.error("❌ Error al obtener el estado:", error));
});
*/


document.querySelector('.btn-confirm-anular').addEventListener('click', function () {
    let guiaId = document.getElementById('guiaId').value.trim();
    let userId = document.getElementById('authUserSelect').value.trim();
    let password = document.getElementById('authPassword').value.trim();
    let motivo = document.getElementById('floatingTextarea2').value.trim();

    console.log("📌 Valores capturados:");
    console.log("guiaId:", guiaId);
    console.log("userId:", userId);
    console.log("password:", password);
    console.log("motivo:", motivo);

    if (!guiaId || !userId || !password || !motivo) {
        alert('Por favor, complete todos los campos.');
        return;
    }

    // Primero obtener el estado y fecha de la guía antes de anular
    fetch(`/obtener-estado/${guiaId}`)
        .then(response => response.json())
        .then(data => {
            if (!data.success) {
                alert("❌ No se pudo obtener el estado del comprobante.");
                return;
            }

            let estado = (data.estado || '').toLowerCase().trim();
            let fechaPapeleta = data.fecha_papeleta; // debe venir en formato 'YYYY-MM-DD'
            let hoy = new Date().toLocaleDateString('en-CA'); // Fecha local Perú en ISO

            console.log("📌 Estado de la guía:", estado);
            console.log("📌 Fecha papeleta:", fechaPapeleta);
            console.log("📌 Fecha actual:", hoy);

            // Validar estado permitido
            if (
                estado !== "impreso/atendido" &&
                !(estado === "facturado" && fechaPapeleta === hoy)
            ) {
                alert(`❌ No puedes anular una guía en estado: ${estado}`);
                return;
            }

            // Si pasa la validación, proceder con la anulación
            fetch("/anular-guia", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').getAttribute("content")
                },
                body: JSON.stringify({
                    guia_id: guiaId,
                    user_id: userId,
                    password: password,
                    motivo: motivo
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert("✅ Guía anulada correctamente.");
                    location.reload();
                } else {
                    alert(`⚠️ ${data.message}`);
                }
            })
            .catch(error => console.error("❌ Error:", error));
        })
        .catch(error => console.error("❌ Error al obtener el estado:", error));
});






</script>


<script>
    document.addEventListener("click", function (event) {
     if (event.target.closest(".btn-trazabilidad")) {
         const button = event.target.closest(".btn-trazabilidad");
         const guiaId = button.getAttribute("data-id");
 
         console.log("🧩 ID capturado del botón:", guiaId);
 
         fetch(`/guia/${guiaId}/documento`)
             .then(res => res.json())
             .then(data => {
                 const body = document.getElementById("tablaTrazabilidadBody");
                 body.innerHTML = '';
 
                 if (!Array.isArray(data)) {
                     body.innerHTML = `<tr><td colspan="11" class="text-center">${data.mensaje}</td></tr>`;
                 } else {
                     data.forEach((doc, index) => {
                         body.innerHTML += `
                             <tr>
                                 <td><input type="radio" name="docSeleccionado" ${index === 0 ? 'checked' : ''}></td>
                                 <td>${doc.interno}</td>
                                 <td>${doc.serie ?? ''}</td>
                                 <td>${doc.numero}</td>
                                 <td>${doc.tipo_documento}</td>
                                 <td>${doc.fecha_emision}</td>
                                 <td>${doc.situacion}</td>
								 <td>${doc.serie ? doc.serie + '-' + doc.numero : ''}</td> <!-- 👈 NUEVO -->
                                 <td>${doc.codigo_cliente ?? ''}</td>
                                 <td>${doc.razon_social}</td>
                                 <td>${doc.condicion_pago ?? ''}</td>
                                 <td>${doc.importe}</td>
                             </tr>`;
                     });
                 }
             })
             .catch(err => {
                 console.error("❌ Error en fetch:", err);
                 alert("Error al cargar la trazabilidad.");
             });
     }
 });
 
	
document.addEventListener('DOMContentLoaded', function () {

    const input = document.getElementById('filterNumero');
    const resultados = document.getElementById('clienteResultados');
	
	 const clienteIdUrl = new URLSearchParams(window.location.search).get('cliente_id');

    if (clienteIdUrl) {
        document.getElementById('cliente_id_seleccionado').value = clienteIdUrl;
        document.getElementById('btnIngresarGuia').classList.remove('d-none');
		document.getElementById('selectEstado').classList.remove('d-none');
		 // 🔥 SIMULAR CLIENTE SELECCIONADO (CLAVE)
    document.getElementById('filterNumero').setAttribute('data-cliente-ok', '1');
    }

    let selectedIndex = -1;

    // 🔥 CAMBIO: usar "input" en lugar de "keyup"
    input.addEventListener('input', function () {

        const query = this.value.trim();

        selectedIndex = -1;

        if (query.length === 0) {
            resultados.innerHTML = '';
            resultados.style.display = 'none';
            return;
        }

        const esNumero = !isNaN(query);

        if (esNumero) {
            resultados.innerHTML = '';
            resultados.style.display = 'none';
            return;
        }

        fetch(`/clientes/buscar?q=${encodeURIComponent(query)}`)
            .then(res => res.json())
            .then(clientes => {

                resultados.innerHTML = '';

			/*
                if (!clientes.length) {
                    resultados.innerHTML = `<div class="list-group-item">Sin resultados</div>`;
                    resultados.style.display = 'block';
                    return;
                }
				*/
			
			if (!clientes.length) {

    const texto = input.value.trim();

    resultados.innerHTML = `
        <div class="list-group-item text-muted">
            Sin resultados
        </div>

        <button type="button"
            class="list-group-item list-group-item-action text-primary fw-bold"
            id="btnCrearClienteDesdeBusqueda">
            
            + Crear cliente "${texto}"
        </button>
    `;
	resultados.style.display = 'block';
    return;
}

                clientes.forEach(cliente => {

                    const item = document.createElement('button');
                    item.type = 'button';
                    item.classList.add('list-group-item', 'list-group-item-action', 'text-start');
                    item.textContent = cliente.apellidos_nombres;

                item.addEventListener('click', function () {

    resultados.innerHTML = '';
    resultados.style.display = 'none';

    input.value = cliente.apellidos_nombres;

    // 🔥 ESTO YA LO TIENES
    document.getElementById('cliente_id_seleccionado').value = cliente.id;

    // 🔥 AGREGA ESTA LÍNEA
    document.getElementById('filterNumero').setAttribute('data-cliente-ok', '1');

    document.getElementById('btnIngresarGuia').classList.remove('d-none');

    window.location.href = `/papeletas?cliente_id=${cliente.id}`;
});

                    resultados.appendChild(item);
                });

                resultados.style.display = 'block';

            })
            .catch(err => console.error(err));

    });

    // 🔥 NAVEGACIÓN CON TECLADO (CORREGIDA)
    document.addEventListener('keydown', function(e) {

        // 🔥 SOLO funciona si estás en el input (clave)
        if (document.activeElement !== input) return;

        const items = resultados.querySelectorAll('.list-group-item');

        if (!items.length || resultados.style.display === 'none') return;

        if (e.key === 'ArrowDown') {
            e.preventDefault();
            selectedIndex++;
            if (selectedIndex >= items.length) selectedIndex = 0;
            actualizarSeleccion(items);
        }

        if (e.key === 'ArrowUp') {
            e.preventDefault();
            selectedIndex--;
            if (selectedIndex < 0) selectedIndex = items.length - 1;
            actualizarSeleccion(items);
        }

        if (e.key === 'Enter') {
            e.preventDefault();

            if (selectedIndex >= 0) {
                items[selectedIndex].click();
            } else if (items.length > 0) {
                // 🔥 mejora tipo POS: si no bajaste, selecciona el primero
                items[0].click();
            }
        }
    });

    function actualizarSeleccion(items) {
        items.forEach((item, index) => {
            item.classList.remove('active');

            if (index === selectedIndex) {
                item.classList.add('active');

                item.scrollIntoView({
                    block: 'nearest'
                });
            }
        });
    }

    // 🔥 cerrar lista al hacer click fuera
    document.addEventListener('click', function (e) {
        if (!input.contains(e.target) && !resultados.contains(e.target)) {
            resultados.innerHTML = '';
            resultados.style.display = 'none';
        }
    });

});
	
	


	
     </script>



<script>


  document.addEventListener('DOMContentLoaded', function () {

    const ejecutarLogica = () => {
        document.querySelectorAll('.btn-entregar').forEach(btn => {

            const guiaId = btn.getAttribute('data-id');

            fetch(`/guia/${guiaId}/documento`)
                .then(res => res.json())
                .then(data => {

                    const tieneDocumento = Array.isArray(data) && data.some(doc => 
                        doc.tipo_documento === 'FACTURA' || doc.tipo_documento === 'BOLETA'
                    );

                    if (tieneDocumento) {
                        const row = btn.closest('tr');
                        const estado = row.querySelector('.badge').textContent.trim().toLowerCase();

                        if (estado !== 'entregado') {
                            btn.classList.remove('d-none');
                        }
                    }

                });

        });
    };

    // 🔥 CLAVE: esperar a que DataTable termine de renderizar
    setTimeout(ejecutarLogica, 100);

});
</script>

<script>
window.addEventListener('DOMContentLoaded', event => {

    const tabla = document.getElementById('datatablesSimple');

    if (tabla) {
        new simpleDatatables.DataTable(tabla, {
            sortable: false,
            paging: false,
            perPageSelect: false,
            searchable: false
        });
    }

});
	
	
	
	document.addEventListener('click', function (e) {

    if (e.target.classList.contains('btn-entregar')) {

        const btn = e.target;
        const numero = btn.getAttribute('data-numero');

        if (!confirm('¿Confirmar entrega de esta guía?')) return;

        fetch('/ventas/darSalida', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: JSON.stringify({
                numero_comprobante: numero
            })
        })
        .then(res => res.json())
        .then(data => {

            if (data.success) {

                // 🔥 CAMBIO VISUAL
                const row = btn.closest('tr');
                const badge = row.querySelector('.badge');

                badge.className = 'badge bg-info text-white px-4 py-2 fs-6 fw-semibold';
                badge.textContent = 'entregado';

                btn.remove();

            } else {
                alert(data.message || 'No se pudo entregar');
            }

        })
        .catch(() => alert('Error en servidor'));
    }

});
	
	
	
	

	
/*	
document.getElementById('btnIngresarGuia').addEventListener('click', function () {

    let clienteId = document.getElementById('cliente_id_seleccionado').value;

    if (!clienteId) {
        alert('Selecciona un cliente primero');
        return;
    }

    //window.location.href = `/papeletas/create?cliente_id=${clienteId}`;
	//window.open(`/papeletas/create?cliente_id=${clienteId}`, '_blank');
	window.open(`/papeletas/create?from=index&cliente_id=${clienteId}`, '_blank');
});	*/
	
$('#btnIngresarGuia').on('click', function(e) {
    e.preventDefault();

    let clienteId = $('#cliente_id_seleccionado').val();

    console.log("clienteId:", clienteId); // 🔥 para ver si llega

    if (!clienteId) {
        alert("Selecciona un cliente primero");
        return;
    }

      window.open(`/papeletas/create?from=index&cliente_id=${clienteId}`, '_blank');
});

	
window.addEventListener('storage', function(e) {
    if (e.key === 'recargar_index') {
        location.reload();
    }
});	
	
	
document.addEventListener('DOMContentLoaded', function () {

    const selectEstado = document.getElementById('selectEstado');

    if (!selectEstado) return;

    selectEstado.addEventListener('change', function () {

        let estado = this.value.toLowerCase();
        let filas = document.querySelectorAll('#datatablesSimple tbody tr');

        filas.forEach(fila => {

            let estadoFila = fila.querySelector('.badge')?.textContent.toLowerCase() || '';

            // 🔥 mostrar todo si está vacío
            if (!estado) {
                fila.style.display = '';
                return;
            }

            if (estadoFila.includes(estado)) {
                fila.style.display = '';
            } else {
                fila.style.display = 'none';
            }

        });

    });

});
	


	

</script>

<script>
document.addEventListener('DOMContentLoaded', function () {
    
    // --- LÓGICA PARA DNI ---
    const btnBuscarDNI = document.getElementById('btnBuscarDNI');
    const numeroDocumento = document.getElementById('numero_documento'); // ID del input DNI

    function buscarDNI() {
        const numero = numeroDocumento.value.trim();

        if (numero.length !== 8) {
            alert('El número de DNI debe tener 8 dígitos.');
            return;
        }

        fetch(`/consulta-dni?dni=${numero}`)
            .then(res => res.json())
            .then(data => {
                if (data && data.success && data.data) {
                    const nom = (data.data.nombres ?? '').trim();
                    const pat = (data.data.apellido_paterno ?? '').trim();
                    const mat = (data.data.apellido_materno ?? '').trim();
                    const completo = `${nom} ${pat} ${mat}`.replace(/\s+/g, ' ').trim();

                    // Ajustado a los IDs de tu nuevo modal
                    if(document.getElementById('nombres')) document.getElementById('nombres').value = nom;
                    if(document.getElementById('apellidos')) document.getElementById('apellidos').value = pat;
                    if(document.getElementById('apellidosM')) document.getElementById('apellidosM').value = mat;
                    
                    // El campo principal que vi en tu captura
                    document.getElementById('apellidos_nombres').value = completo;
                    
                } else {
                    alert('No se encontró el DNI.');
                }
            })
            .catch(() => alert('Error en la consulta del DNI.'));
    }

    if(btnBuscarDNI) btnBuscarDNI.addEventListener('click', buscarDNI);

    // --- LÓGICA PARA RUC (Corregida para este modal) ---
    const btnBuscarRUC = document.getElementById('btnBuscarRUC');

    function buscarRUC() {
        const ruc = document.getElementById('RegistroU').value.trim();

        if (ruc.length !== 11) {
            alert('El RUC debe tener 11 dígitos.');
            return;
        }

        fetch(`/consulta-ruc?ruc=${ruc}`)
            .then(response => response.json())
            .then(data => {
                if (data && data.success && data.data) {
                    // Llenamos los campos según los IDs de TU captura de pantalla
                    document.getElementById('RazonSocial').value = data.data.nombre_o_razon_social ?? '';
                    
                    // IMPORTANTE: En tu modal es 'direccion2', no 'DireccionC'
                    if(document.getElementById('DireccionC')){
                        document.getElementById('DireccionC').value = data.data.direccion_completa ?? '';
                    }

                    // Forzamos el cambio de tipo de persona a Jurídica (id="tipo_persona")
                    const selectTP = document.getElementById('tipo_persona');
                    if(selectTP) selectTP.value = 'juridica';

                } else {
                    alert('No se encontró el RUC.');
                }
            })
            .catch(() => alert('Error al consultar el RUC.'));
    }

    if(btnBuscarRUC) btnBuscarRUC.addEventListener('click', buscarRUC);
});
</script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // 1. Referencias a los campos de nombres individuales
    const inputNombres = document.getElementById('nombres');
    const inputPaterno = document.getElementById('apellidos');
    const inputMaterno = document.getElementById('apellidosM');
    
    // 2. Referencia al campo largo (Nombres y apellidos / Nombre de la empresa)
    const inputCompleto = document.getElementById('apellidos_nombres');

    /**
     * Función que concatena los valores de los 3 inputs 
     * y los coloca en el input de 'apellidos_nombres'
     */
    function sincronizarNombreCompleto() {
        // Obtenemos los valores y quitamos espacios vacíos a los lados
        const nom = inputNombres.value.trim();
        const pat = inputPaterno.value.trim();
        const mat = inputMaterno.value.trim();

        // Construimos la cadena: "Nombre ApellidoP ApellidoM"
        // El regex /\s+/g sirve para evitar que queden 2 espacios si un campo está vacío
        const nombreUnido = `${nom} ${pat} ${mat}`.replace(/\s+/g, ' ').trim();

        // Asignamos el resultado al campo largo
        if (inputCompleto) {
            inputCompleto.value = nombreUnido;
        }
    }

    // 3. Escuchamos el evento 'input' (en tiempo real) en los 3 campos
    if (inputNombres) {
        inputNombres.addEventListener('input', sincronizarNombreCompleto);
    }
    if (inputPaterno) {
        inputPaterno.addEventListener('input', sincronizarNombreCompleto);
    }
    if (inputMaterno) {
        inputMaterno.addEventListener('input', sincronizarNombreCompleto);
    }

    // Opcional: Si quieres que el campo largo NO se pueda editar a mano 
    // para evitar que la data se desincronice, activa la siguiente línea:
    // if (inputCompleto) inputCompleto.readOnly = true;
});

	//forzar mayuculas en los nombres y apellidos
	
document.addEventListener('DOMContentLoaded', function () {
    const inputsAMayusculas = ['nombres', 'apellidos', 'apellidosM', 'apellidos_nombres'];

    inputsAMayusculas.forEach(id => {
        const input = document.getElementById(id);
        if (input) {
            input.addEventListener('input', function () {
                // Forzamos el valor a Mayúsculas mientras escribe
                this.value = this.value.toUpperCase();
                
                // Si es uno de los campos de origen, actualizamos el campo compuesto
                if (id !== 'apellidos_nombres') {
                    actualizarNombreCompleto();
                }
            });
        }
    });

    function actualizarNombreCompleto() {
        const nom = document.getElementById('nombres').value.trim();
        const pat = document.getElementById('apellidos').value.trim();
        const mat = document.getElementById('apellidosM').value.trim();
        const inputCompleto = document.getElementById('apellidos_nombres');

        if (inputCompleto) {
            // Unimos y limpiamos espacios, ya vendrá en mayúsculas por el evento anterior
            inputCompleto.value = `${nom} ${pat} ${mat}`.replace(/\s+/g, ' ').trim();
        }
    }
});	
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $('#btnGuardarCliente').on('click', function(e) {
        e.preventDefault();

        // Función para limpiar y pasar a Mayúsculas
        const getVal = (id) => {
            const el = document.getElementById(id);
            return el ? el.value.toUpperCase().trim() : '';
        };

        // Recolectamos la data según TUS IDs en el HTML
        let data = {
            _token: $('meta[name="csrf-token"]').attr('content'),
            nombres: getVal('nombres'),
            apellidos: getVal('apellidos'),
            apellidosM: getVal('apellidosM'),
            apellidos_nombres: getVal('apellidos_nombres'),
            telefono: $('#telefono1').val(), // ID real en tu HTML: telefono1
            direccion: getVal('direccion2'), // ID real en tu HTML: direccion2
            distrito_id: $('#distrito_id').val(),
            correo: $('#correo').val(),
            telefonoextra: $('#telefonoextra').val(),
            tipo_persona: $('#tipo_persona').val(),
            documento_id: $('#documento_id').val(),
            numero_documento: $('#numero_documento').val(),
			RazonSocial: getVal('RazonSocial'),
			RegistroU: $('#RegistroU').val()
        };

        console.log("Enviando datos de cliente:", data);

        $.ajax({
            url: "{{ route('clientes.store') }}",
            method: 'POST',
            data: data,
     success: function(response) {
		  
    console.log('🧠 RESPONSE COMPLETO:', response);
    console.log('🧠 RESPONSE.ID:', response.id);
    console.log('RESPONSE RAW:', response);
    console.log('RESPONSE STRING:', JSON.stringify(response));

    Swal.fire({
        icon: 'success',
        title: '¡Cliente Guardado!',
        text: 'Se creó el cliente correctamente',
        timer: 1500,
        showConfirmButton: false
    });

    // 🔥 OBTENER CLIENTE CORRECTO
    let cliente = response.cliente || response;

    // 🔥 NOMBRE (CORREGIDO)
    let nombreCliente = cliente.persona?.apellidos_nombres;

    if (!nombreCliente) {
        nombreCliente = $('#apellidos_nombres').val();
    }

    $('#filterNumero').val(nombreCliente);

    // 🔥 TELÉFONO (NUEVO)
    if (cliente.persona?.telefono) {
        $('#telefono1').val(cliente.persona.telefono);
    }

    // 🔥 DIRECCIÓN (NUEVO)
    if (cliente.persona?.direccion) {
        $('#direccion2').val(cliente.persona.direccion);
    }

    // 🔥 LIMPIAR RESULTADOS
    $('#clienteResultados').html('').hide();

    // 🔥 SETEAR ID (YA LO TENÍAS BIEN)
    $('#cliente_id_seleccionado').val(cliente.id);
		  
    console.log('🧠 RESPONSE COMPLETO:', response);
    console.log('🧠 RESPONSE.ID:', response.id);	  

    // 🔥 MARCAR COMO SELECCIONADO
    $('#filterNumero').attr('data-cliente-ok', '1');

    $('#btnIngresarGuia').removeClass('d-none');
    $('#selectEstado').removeClass('d-none');

    $('#modalCrearCliente').modal('hide');
    $('#formCrearCliente')[0].reset();

    // 👇 REDIRECCIÓN (OK)
    window.location.href = '/papeletas?cliente_id=' + cliente.id;
},
            error: function(xhr) {
                let errorMsg = "Error al guardar cliente";
                if(xhr.responseJSON && xhr.responseJSON.errors) {
                    errorMsg = Object.values(xhr.responseJSON.errors)[0][0];
                }
                Swal.fire('Error', errorMsg, 'error');
            }
        });
    });
});
</script>

<script>
document.addEventListener('DOMContentLoaded', function () {

    const clienteIdUrl = new URLSearchParams(window.location.search).get('cliente_id');

    if (clienteIdUrl) {
        document.getElementById('cliente_id_seleccionado').value = clienteIdUrl;
        document.getElementById('btnIngresarGuia').classList.remove('d-none');

        let selectEstado = document.getElementById('selectEstado');
        if (selectEstado) {
            selectEstado.classList.remove('d-none');
        }
    }

});
	//codigo para la impresion por guia 
	document.addEventListener('click', function (e) {
    if (e.target.classList.contains('btn-imprimir')) {

        let params = new URLSearchParams(window.location.search);
        let clienteId = params.get('cliente_id');

        if (clienteId) {
            localStorage.setItem('cliente_id_actual', clienteId);
        }

        const guiaId = e.target.getAttribute('data-id');
        const tipo = e.target.getAttribute('data-tipo'); // 🔥 CLAVE

        fetch(`/ticket/${guiaId}?tipo=${tipo}`)
            .then(response => {
                if (!response.ok) {
                    throw new Error('Error al mostrar el ticket');
                }
                return response.blob();
            })
            .then(blob => {
                const url = window.URL.createObjectURL(blob);
                const newWindow = window.open(url, '_blank');

                if (newWindow) {
                    newWindow.focus();
                } else {
                    alert('No se pudo abrir la ventana de impresión.');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Hubo un error al intentar mostrar el ticket.');
            });
    }
});
</script>






@endpush