<?php
header('Content-Type: text/html; charset=utf-8');
require 'config.php';

// ── PARÁMETROS DE SEGURIDAD ──────────────────────────────
$os_param = trim($_GET['os'] ?? '');  // Ej: 2026-0001
$nip_get  = trim($_GET['v']  ?? '');  // NIP del cliente

$error = '';
$orden = null;
$mostrar = false;

if($os_param && $nip_get){
    // Extraer id del folio: 2026-0001 → último segmento
    $parts = explode('-', $os_param);
    $id_orden = (int)end($parts);
    if($id_orden > 0){
        $stmt = $pdo->prepare("SELECT * FROM ordenes_de_servicio WHERE id_orden_serv=? LIMIT 1");
        $stmt->execute([$id_orden]);
        $orden = $stmt->fetch();
        if(!$orden){
            $error = 'Orden no encontrada.';
        } elseif(trim($orden['nip']) !== trim($nip_get)){
            $error = 'NIP incorrecto. Verifique el número impreso en su orden.';
            $orden = null;
        } else {
            $mostrar = true;
        }
    } else {
        $error = 'Folio inválido.';
    }
}

if($mostrar){
    // Equipo
    $eq = $pdo->prepare("SELECT * FROM refequipo WHERE id_orden_serv=? LIMIT 1");
    $eq->execute([$orden['id_orden_serv']]);
    $equipo = $eq->fetch() ?: [];

    // Accesorios (puede haber varios)
    $acStmt = $pdo->prepare("SELECT * FROM refaccesorios WHERE id_orden_serv=?");
    $acStmt->execute([$orden['id_orden_serv']]);
    $accesorios = $acStmt->fetchAll();

    // Sucursal → dirección y teléfono
    $sucStmt = $pdo->prepare("SELECT nombre,direccion,telefono FROM sucursales WHERE nombre=? LIMIT 1");
    $sucStmt->execute([$orden['sucursal'] ?? '']);
    $suc = $sucStmt->fetch() ?: ['nombre'=>$orden['sucursal']??'','direccion'=>'','telefono'=>''];

    // Folio formateado
    $yr    = date('Y', strtotime($orden['fecha_creacion']??'now'));
    $folio = $yr.'-'.str_pad($orden['id_orden_serv'],4,'0',STR_PAD_LEFT);

    // Fecha creación legible
    $tsC    = strtotime($orden['fecha_creacion']??'now');
    $diasES = ['Sunday'=>'DOMINGO','Monday'=>'LUNES','Tuesday'=>'MARTES',
               'Wednesday'=>'MIÉRCOLES','Thursday'=>'JUEVES','Friday'=>'VIERNES','Saturday'=>'SÁBADO'];
    $mesES  = [1=>'ENERO',2=>'FEBRERO',3=>'MARZO',4=>'ABRIL',5=>'MAYO',6=>'JUNIO',
               7=>'JULIO',8=>'AGOSTO',9=>'SEPTIEMBRE',10=>'OCTUBRE',11=>'NOVIEMBRE',12=>'DICIEMBRE'];
    $fechaTxt = $diasES[date('l',$tsC)].' '.date('j',$tsC).' DE '.$mesES[(int)date('n',$tsC)].' DEL '.date('Y',$tsC).' '.date('h:i A',$tsC);

    // Fecha límite almacenaje (ya guardada como datetime o texto)
    $fechaAlm = $orden['feclimiterecoje'] ?? '';
    if($fechaAlm && strtotime($fechaAlm)){
        $tsA      = strtotime($fechaAlm);
        $fechaAlm = $diasES[date('l',$tsA)].' '.date('j',$tsA).' DE '.$mesES[(int)date('n',$tsA)].' DEL '.date('Y',$tsA);
    }

    // Fotos evidencia
    $fotos = [];
    for($f=1;$f<=4;$f++){
        $col = 'evidencia_recibido_'.$f;
        $fotos[] = !empty($equipo[$col]) ? $equipo[$col] : '';
    }

    // Firma cliente
    $firma = $orden['firma_cliente'] ?? '';
}
?><!DOCTYPE html>
<html lang="es"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Orden <?php echo $mostrar ? htmlspecialchars($folio) : 'Verificación'; ?> — CompuJuárez</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{--azul:#1a4b8c;--azul-med:#2563b0;--azul-claro:#e8f0fb;--azul-linea:#b8cef0;--acento:#f0a500;--rojo:#c0392b;--texto:#1a2535;--gris:#5a6a80;--gris-claro:#f4f7fc;--blanco:#ffffff;--borde:#d0dced}
body{font-family:'Open Sans',sans-serif;background:#dde6f5;color:var(--texto);font-size:11px}

/* ── PANTALLA DE VERIFICACIÓN ── */
.verify-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.verify-card{background:#fff;border-radius:16px;padding:36px 32px;max-width:400px;width:100%;box-shadow:0 8px 40px rgba(26,75,140,.18);text-align:center}
.verify-logo{height:90px;margin-bottom:16px}
.verify-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--azul);margin-bottom:6px}
.verify-sub{font-size:13px;color:var(--gris);margin-bottom:22px;line-height:1.5}
.verify-form{display:flex;flex-direction:column;gap:12px}
.verify-input{padding:12px 16px;border:1.5px solid var(--borde);border-radius:8px;font-size:18px;font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:4px;text-align:center;color:var(--azul);outline:none;transition:border-color .2s}
.verify-input:focus{border-color:var(--azul)}
.verify-btn{background:var(--azul);color:#fff;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer;transition:background .2s}
.verify-btn:hover{background:var(--azul-med)}
.verify-error{background:#fff0f0;border:1px solid #ffcdd2;border-radius:8px;padding:10px 14px;color:var(--rojo);font-size:13px;margin-bottom:10px}
.verify-hint{font-size:11px;color:var(--gris);margin-top:10px}

/* ── TICKET / CARTA ── */
.carta{width:216mm;min-height:279mm;margin:12px auto;background:var(--blanco);box-shadow:0 6px 32px rgba(26,75,140,.18);padding:6mm 8mm;display:flex;flex-direction:column;gap:5px}
.hdr{display:grid;grid-template-columns:90px 1fr 140px;align-items:center;gap:8px;border-bottom:3px solid var(--azul);padding-bottom:6px}
.hdr-logo img{width:90px;height:auto}
.hdr-centro{text-align:center}
.hdr-sucursal{font-family:'Montserrat',sans-serif;font-size:18pt;font-weight:800;color:var(--azul);line-height:1.1}
.hdr-dir{font-size:10px;color:var(--gris);margin-top:2px;line-height:1.4}
.hdr-tel{font-size:11px;font-weight:600;color:var(--azul-med);margin-top:3px}
.hdr-badge{background:var(--azul);color:#fff;font-size:10px;font-weight:600;padding:7px 10px;border-radius:6px;text-align:center;line-height:1.5}
.hdr-badge span{color:var(--acento);font-size:9px;font-weight:700}
.titulo-orden{background:linear-gradient(90deg,var(--azul) 0%,var(--azul-med) 100%);color:#fff;text-align:center;font-family:'Montserrat',sans-serif;font-size:9.5pt;font-weight:700;letter-spacing:1.5px;padding:5px 0;border-radius:4px}
.folio-bar{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--azul-linea);border-radius:6px;overflow:hidden}
.folio-item{padding:5px 8px;border-right:1px solid var(--azul-linea);background:var(--azul-claro)}
.folio-item:last-child{border-right:none}
.folio-lbl{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--azul-med)}
.folio-val{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;color:var(--azul);margin-top:1px}
.sec-titulo{background:var(--azul);color:#fff;font-family:'Montserrat',sans-serif;font-size:7.5pt;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:3px 3px 0 0;text-transform:uppercase}
.cliente-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--azul-linea);border-top:none;border-radius:0 0 4px 4px;overflow:hidden}
.c-cell{padding:4px 8px;border-right:1px solid var(--azul-linea);border-bottom:1px solid var(--azul-linea);background:#fff}
.c-cell:nth-child(3n){border-right:none}
.c-cell:nth-last-child(-n+3){border-bottom:none}
.c-lbl{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--azul-med)}
.c-val{font-size:10px;font-weight:600;color:var(--texto);margin-top:1px}
.falla-box{border:1.5px solid var(--azul-linea);border-top:none;border-radius:0 0 4px 4px;padding:5px 10px;background:#fff;font-size:10px}
.aviso{border:1.5px solid var(--rojo);border-left:5px solid var(--rojo);background:#fff8f7;border-radius:3px;padding:5px 10px;font-size:10px;font-weight:600;color:var(--rojo);line-height:1.5;text-align:center}
.tbl{width:100%;border-collapse:collapse;font-size:10px;border:1.5px solid var(--azul-linea);border-top:none;border-radius:0 0 4px 4px;overflow:hidden}
.tbl th{background:var(--azul-claro);color:var(--azul);font-weight:700;font-size:7.5px;text-transform:uppercase;letter-spacing:.7px;padding:4px 8px;border:1px solid var(--azul-linea);text-align:left}
.tbl td{padding:4px 8px;border:1px solid var(--azul-linea);font-weight:600;background:#fff}
.tbl tr.caract th{background:var(--azul-claro);width:38%}
.galeria{display:grid;grid-template-columns:repeat(4,1fr) 1fr 1fr;gap:5px;border:1.5px solid var(--azul-linea);border-top:none;border-radius:0 0 4px 4px;padding:6px;background:var(--gris-claro);align-items:start}
.img-card{border:1.5px solid var(--azul-linea);border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(26,75,140,.07)}
.img-card-lbl{background:var(--azul);color:#fff;font-size:6.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:2px 5px;line-height:1.5}
.img-card img{width:100%;height:auto;max-height:160px;object-fit:contain;background:#fff;display:block}
.img-card.firma img{max-height:120px}
.sin-img{height:80px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--gris);background:var(--gris-claro)}
.contrato{border:1.5px solid var(--azul-linea);border-radius:4px;padding:6px 10px;background:var(--gris-claro)}
.contrato-titulo{font-family:'Montserrat',sans-serif;font-size:9pt;font-weight:800;color:var(--azul);text-align:center;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}
.contrato-texto{font-size:8px;line-height:1.65;color:#3a4a5a;text-align:justify}
.btn-wrap{text-align:center;padding:10px 0 4px}
.btn-imp{background:var(--azul);color:#fff;font-family:'Montserrat',sans-serif;font-size:13pt;font-weight:700;letter-spacing:1px;padding:10px 36px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 3px 12px rgba(26,75,140,.3);transition:background .2s}
.btn-imp:hover{background:var(--azul-med)}
/* Accesorios tabla multiple */
.acc-tbl{width:100%;border-collapse:collapse;font-size:9px}
.acc-tbl th{background:var(--azul-claro);color:var(--azul);font-weight:700;font-size:7px;text-transform:uppercase;padding:3px 6px;border:1px solid var(--azul-linea)}
.acc-tbl td{padding:3px 6px;border:1px solid var(--azul-linea);font-weight:600;background:#fff}

@media(max-width:680px){.carta{width:100%;min-height:auto;padding:10px}.hdr{grid-template-columns:60px 1fr}.hdr-badge{display:none}.folio-bar{grid-template-columns:repeat(2,1fr)}.cliente-grid{grid-template-columns:repeat(2,1fr)}.galeria{grid-template-columns:repeat(2,1fr)}}
@media print{*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}body{background:#fff}.carta{box-shadow:none;margin:0;width:100%;padding:4mm 6mm}.btn-wrap{display:none}@page{size:letter;margin:0}}
</style></head>
<body>

<?php if(!$mostrar): ?>
<!-- ── FORMULARIO DE VERIFICACIÓN ── -->
<div class="verify-wrap">
  <div class="verify-card">
    <img src="https://lh3.googleusercontent.com/d/18I4DcekLRsd0Lfsg8cpqxU7Vh6b1IC4O" class="verify-logo" alt="CompuJuárez">
    <div class="verify-title">Consulta tu Orden de Servicio</div>
    <div class="verify-sub">Ingresa el NIP de 6 dígitos que recibiste al dejar tu equipo</div>
    <?php if($error): ?>
    <div class="verify-error"><?php echo htmlspecialchars($error); ?></div>
    <?php endif; ?>
    <form method="GET" action="" class="verify-form">
      <?php if($os_param): ?>
      <input type="hidden" name="os" value="<?php echo htmlspecialchars($os_param); ?>">
      <?php else: ?>
      <input type="text" name="os" class="verify-input" placeholder="2026-0001" required
             style="letter-spacing:2px;font-size:16px"
             value="<?php echo htmlspecialchars($os_param); ?>">
      <?php endif; ?>
      <input type="text" name="v" class="verify-input" placeholder="000000" maxlength="6"
             pattern="[0-9]{6}" inputmode="numeric" required autocomplete="off">
      <button type="submit" class="verify-btn">Ver mi Orden</button>
    </form>
    <div class="verify-hint">El NIP está impreso en tu comprobante de recepción.</div>
  </div>
</div>

<?php else: ?>
<!-- ── TICKET / ORDEN DE SERVICIO ── -->
<div class="carta">

  <div class="hdr">
    <div class="hdr-logo">
      <img src="https://lh3.googleusercontent.com/d/1Fds0jUHpdof0n9sPMAPvgG9zLG1csP5A" alt="CompuJuárez">
    </div>
    <div class="hdr-centro">
      <div class="hdr-sucursal"><?php echo htmlspecialchars($suc['nombre']); ?></div>
      <div class="hdr-dir"><?php echo htmlspecialchars($suc['direccion']); ?></div>
    </div>
    <div class="hdr-badge">
  ¿Inconformidad?<br>
  <span>WhatsApp</span><br>
  6568355555
</div>
  </div>

  <div class="titulo-orden">ORDEN DE SERVICIO PARA REVISIÓN DE EQUIPO O DISPOSITIVO</div>

  <div class="folio-bar">
    <div class="folio-item">
      <div class="folio-lbl">Folio</div>
      <div class="folio-val"><?php echo htmlspecialchars($folio); ?></div>
    </div>
    <div class="folio-item">
      <div class="folio-lbl">NIP</div>
      <div class="folio-val"><?php echo htmlspecialchars($orden['nip']); ?></div>
    </div>
    <div class="folio-item">
      <div class="folio-lbl">Ticket Revisión</div>
      <div class="folio-val"><?php echo htmlspecialchars($orden['ticket_anticipo']??'—'); ?></div>
    </div>
    <div class="folio-item">
      <div class="folio-lbl">Fecha</div>
      <div class="folio-val" style="font-size:8px"><?php echo htmlspecialchars($fechaTxt); ?></div>
    </div>
  </div>

  <div>
    <div class="sec-titulo">Datos del Cliente</div>
    <div class="cliente-grid">
      <div class="c-cell"><div class="c-lbl">Cliente</div><div class="c-val"><?php echo htmlspecialchars($orden['nombre_cliente']??'—'); ?></div></div>
      <div class="c-cell"><div class="c-lbl">Teléfono</div><div class="c-val"><?php echo htmlspecialchars($orden['telefono_cliente']??'—'); ?></div></div>
      <div class="c-cell"><div class="c-lbl">Correo Electrónico</div><div class="c-val"><?php echo htmlspecialchars($orden['email_cliente_tec']??'—'); ?></div></div>
      <div class="c-cell"><div class="c-lbl">Empresa / Uso</div><div class="c-val"><?php echo htmlspecialchars($orden['empresa_referencia']??'USO PERSONAL'); ?></div></div>
      <div class="c-cell"><div class="c-lbl">Contraseña / PIN</div><div class="c-val"><?php echo htmlspecialchars($equipo['password']??'—'); ?></div></div>
      <div class="c-cell"><div class="c-lbl">Solicita Respaldo</div><div class="c-val"><?php echo htmlspecialchars($equipo['solicita_respaldo']??'NO'); ?></div></div>
    </div>
  </div>

    <?php if(!empty($orden['instrucciones_cliente'])): ?>
  <div>
    <div class="sec-titulo">Instrucciones Adicionales del Cliente</div>
    <div class="falla-box"><?php echo htmlspecialchars($orden['instrucciones_cliente']); ?></div>
  </div>
  <?php endif; ?>

  <div class="aviso">
    ⚠&nbsp; CUIDADO — Después del <strong><?php echo htmlspecialchars($fechaAlm); ?></strong> SE GENERA COBRO DE $150.00 PESOS DIARIOS POR RESGUARDO Y SEGURO.
    EXIJA SU NOTA DE VENTA &nbsp;·&nbsp; ESTE DOCUMENTO NO REPRESENTA PAGO ALGUNO &nbsp;·&nbsp; REPORTE INMEDIATAMENTE CUALQUIER ANOMALÍA
  </div>

  <div>
    <div class="sec-titulo">Detalle del Equipo y Accesorios Recibidos</div>
    <table class="tbl">
      <tr>
        <th>Tipo de Equipo</th><th>Marca</th><th>Modelo</th>
        <th>No. de Serie</th><th>Accesorios</th>
      </tr>
      <tr>
        <td><?php echo htmlspecialchars($equipo['tipo_de_equipo']??'—'); ?></td>
        <td><?php echo htmlspecialchars($equipo['marca_de_equipo']??'—'); ?></td>
        <td><?php echo htmlspecialchars($equipo['modelo_del_equipo']??'NINGUNO'); ?></td>
        <td><?php echo htmlspecialchars($equipo['numero_de_serie_del_equipo']??'NINGUNO'); ?></td>
        <td>
          <?php if($accesorios): ?>
          <table class="acc-tbl">
            <tr><th>Accesorio</th><th>Serie/Desc</th></tr>
            <?php foreach($accesorios as $acc): ?>
            <tr>
              <td><?php echo htmlspecialchars($acc['accesorio_recibido']??'—'); ?></td>
              <td><?php echo htmlspecialchars($acc['numero_de_serie_de_accesorio']??'—'); ?></td>
            </tr>
            <?php endforeach; ?>
          </table>
          <?php else: echo 'NO RECIBIDO'; endif; ?>
        </td>
      </tr>

      <tr class="caract">
        <th>Características Visibles / Estado Físico</th>
        <td colspan="4"><?php echo htmlspecialchars($equipo['estado_fisico_de_recepcion']??'A RESERVA DE REVISIÓN MINUCIOSA'); ?></td>
      </tr>
      <tr class="caract">
        <th>¿Enciende correctamente?</th>
        <td colspan="4"><?php echo htmlspecialchars($equipo['prende_completamente']??'—'); ?></td>
      </tr>
         <tr class="caract">
        <th>Falla Reportada por el Cliente</th>
        <td colspan="4"><?php echo htmlspecialchars($equipo['Argumento_de_la_falla']??'—'); ?></td>
      </tr>

    </table>
  </div>
  <div>
    <div class="sec-titulo">Evidencias Fotográficas Del equipo Recibido y aceptacion de clausulas Firmas</div>
    <div class="galeria">

      <?php foreach([1,2,3,4] as $n): ?>
      <div class="img-card">
        <div class="img-card-lbl">Evidencia de equipo <?php echo $n; ?></div>
        <?php if(!empty($fotos[$n-1])): ?>
          <img src="<?php echo htmlspecialchars($fotos[$n-1]); ?>" alt="Ev<?php echo $n; ?>" loading="lazy">
        <?php else: ?>
          <div class="sin-img">Sin imagen</div>
        <?php endif; ?>
      </div>
      <?php endforeach; ?>

      <div class="img-card firma">
        <div class="img-card-lbl">Firma Cliente<br><?php echo htmlspecialchars($orden['nombre_cliente']??''); ?></div>
        <?php if(!empty($firma) && strlen($firma)>10): ?>
          <img src="<?php echo htmlspecialchars($firma); ?>" alt="Firma Cliente">
        <?php else: ?>
          <div class="sin-img">Sin firma</div>
        <?php endif; ?>
      </div>

      <div class="img-card firma">
        <div class="img-card-lbl">Recibió CompuJuárez<br><?php echo htmlspecialchars($orden['asesor_que_atiende']??''); ?></div>
        <div class="sin-img" style="height:80px;font-size:10px;font-weight:700;color:var(--azul)">
          <?php echo htmlspecialchars($orden['asesor_que_atiende']??''); ?>
        </div>
      </div>

    </div>
  </div>

  <div class="contrato">
    <div class="contrato-titulo">Clausulas de este Contrato de Prestación de Servicios</div>
    <div class="contrato-texto">
      Contrato de Prestación de Servicios que celebran por una parte como proveedor la empresa con nombre comercial "COMPUJUÁREZ" y "VANTECC" (en lo sucesivo "LA EMPRESA"), representada por un asesor o técnico, y por otra parte el cliente <strong><?php echo htmlspecialchars($orden['nombre_cliente']??''); ?></strong> (en lo sucesivo "EL CLIENTE"), quien recibe, lee y firma de conformidad, sujetándose ambas partes a los siguientes procesos y cláusulas: el servicio se compone de seis etapas cronológicas: (1) El CLIENTE proporciona datos de contacto e identificación para acreditar la propiedad del equipo; (2) Se elabora orden de servicio con imágenes del equipo y descripción detallada; (3) Se realiza cotización de servicio, refacciones y mano de obra; (4) El CLIENTE confirma el servicio comprometiéndose a pagar el total cotizado o rechazarlo, validando mediante NIP; (5) El CLIENTE realiza pago total o rechaza la reparación pagando $300.00 por revisión; (6) Se entrega físicamente el equipo.
      CLÁUSULAS: 1. REVISIÓN: EL CLIENTE acepta el cargo por diagnóstico de $300.00; plazo máximo: 24 horas en CPU e impresoras, 72 horas en laptops y dispositivos móviles; el cargo se cancela si autoriza la reparación. 2. AUTORIZACIÓN: EL CLIENTE podrá autorizar en persona o mediante NIP telefónico. 3. RECHAZO: EL CLIENTE deberá liquidar honorarios de revisión antes de retirar el equipo. 4. GARANTÍA: Refacciones con 30 días de garantía; servicios de software sin garantía en casos de mal uso o daños físicos. 5. ACCESORIOS: Plazos de 3 a 20 días hábiles. 6. ENTREGA: Presentar comprobante de pago. 7. ALMACENAJE: Pasados 20 días sin recoger, $150.00 diarios; a los 35 días LA EMPRESA podrá disponer del equipo. Anomalías reportarse a administracion@compujuarez.com o tel. 656 566 2940 ext. 102. Ambas partes se someten a las leyes del Estado de Chihuahua y tribunales de Ciudad Juárez, Chihuahua.
    </div>
  </div>

  <div class="btn-wrap">
    <button class="btn-imp" onclick="window.print()">🖨 Imprimir Orden de Servicio</button>
  </div>

</div><!-- /carta hoja 1 -->

<?php
$partidas2=$pdo->prepare("SELECT * FROM refcotiser WHERE id_orden_serv=? ORDER BY id ASC");
$partidas2->execute([$orden['id_orden_serv']]);
$cots=$partidas2->fetchAll();
$total_cot=(float)($orden['total_cotizado']??0);
$mano_obra=(float)($orden['mano_de_obra']??0);
$hay_cots = count($cots)>0 || !empty($orden['fecha_cotitec']);
if($hay_cots):
?>
<div class="carta" style="margin-top:0;page-break-before:always">
  <div class="hdr">
    <div class="hdr-logo"><img src="https://lh3.googleusercontent.com/d/18I4DcekLRsd0Lfsg8cpqxU7Vh6b1IC4O" alt="CompuJuárez"></div>
    <div class="hdr-centro">
      <div class="hdr-sucursal"><?php echo htmlspecialchars($suc['nombre']); ?></div>
      <div class="hdr-dir"><?php echo htmlspecialchars($suc['direccion']); ?></div>
    </div>
    <div class="hdr-badge">¿Inconformidad?<br><span>WhatsApp</span><br>6568355555</div>
  </div>
  <div class="titulo-orden" style="background:linear-gradient(90deg,#6A1B9A,#8E24AA)">
    HISTORIAL DEL SERVICIO — COTIZACIÓN Y SEGUIMIENTO
  </div>
  <div class="folio-bar">
    <div class="folio-item"><div class="folio-lbl">Folio</div><div class="folio-val"><?php echo htmlspecialchars($folio); ?></div></div>
    <div class="folio-item"><div class="folio-lbl">Cliente</div><div class="folio-val" style="font-size:9px"><?php echo htmlspecialchars($orden['nombre_cliente']??'—'); ?></div></div>
    <div class="folio-item"><div class="folio-lbl">Técnico Asignado</div><div class="folio-val" style="font-size:9px"><?php echo htmlspecialchars($orden['tecnico_asignado']??'—'); ?></div></div>
    <div class="folio-item"><div class="folio-lbl">Estado Actual</div><div class="folio-val" style="font-size:9px"><?php echo htmlspecialchars($orden['estado']??'—'); ?></div></div>
  </div>
  <div>
    <div class="sec-titulo" style="background:#6A1B9A">Historial de Estados</div>
    <div style="border:1.5px solid var(--azul-linea);border-top:none;border-radius:0 0 4px 4px;background:#fff;padding:10px">
      <?php
      $diasES=['Sunday'=>'DOM','Monday'=>'LUN','Tuesday'=>'MAR','Wednesday'=>'MIÉ','Thursday'=>'JUE','Friday'=>'VIE','Saturday'=>'SÁB'];
      $estados_hist=[
        ['label'=>'EN REVISIÓN',      'fecha'=>$orden['fecha_creacion']??'',    'icon'=>'🔍','color'=>'#F57F17'],
        ['label'=>'SERVICIO COTIZADO', 'fecha'=>$orden['fecha_cotitec']??'',     'icon'=>'📋','color'=>'#6A1B9A'],
        ['label'=>'CONFIRMADO',        'fecha'=>$orden['fecha_confirmado']??'',  'icon'=>'👍','color'=>'#1565C0'],
        ['label'=>'PAGADO',            'fecha'=>$orden['fecha_pagado']??'',      'icon'=>'💰','color'=>'#00695C'],
        ['label'=>'ENTREGADO FINAL',   'fecha'=>$orden['fecha_entregado']??'',   'icon'=>'📦','color'=>'#2E7D32'],
      ];
      foreach($estados_hist as $eh):
        $tiene=!empty($eh['fecha']);
      ?>
      <div style="display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:6px;background:<?php echo $tiene?'#F9F9F9':'#fff'; ?>;margin-bottom:4px;border-left:4px solid <?php echo $tiene?$eh['color']:'#E0E0E0'; ?>">
        <span style="font-size:18px"><?php echo $eh['icon']; ?></span>
        <div style="flex:1">
          <div style="font-family:'Montserrat',sans-serif;font-size:9px;font-weight:700;color:<?php echo $tiene?$eh['color']:'#9E9E9E'; ?>;letter-spacing:1px"><?php echo $eh['label']; ?></div>
          <?php if($tiene): ?>
          <div style="font-size:10px;color:#5a6a80"><?php echo htmlspecialchars(substr($eh['fecha'],0,16)); ?></div>
          <?php else: ?>
          <div style="font-size:10px;color:#BDBDBD;font-style:italic">Pendiente</div>
          <?php endif; ?>
        </div>
        <?php if($tiene): ?><span style="color:<?php echo $eh['color']; ?>;font-size:14px">✓</span><?php endif; ?>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
  <?php if($cots): ?>
  <div>
    <div class="sec-titulo" style="background:#6A1B9A">Detalle de Cotización</div>
    <table class="tbl">
      <tr>
        <th style="width:28%">Diagnóstico / Actividad</th>
        <th>Solución</th>
        <th style="width:10%;text-align:right">M. Obra</th>
        <th style="width:12%">Refacción</th>
        <th style="width:8%;text-align:center">Tipo</th>
        <th style="width:11%;text-align:right">Subtotal</th>
      </tr>
      <?php foreach($cots as $ct): ?>
      <tr>
        <td style="font-weight:700;font-size:9px"><?php echo htmlspecialchars($ct['diagnostico']??'—'); ?></td>
        <td style="font-size:9px"><?php echo htmlspecialchars(mb_strimwidth($ct['solucion']??'—',0,60,'…')); ?>
          <?php if(!empty($ct['detalle_para_solucion'])): ?>
          <div style="color:#5a6a80;font-style:italic;font-size:8px"><?php echo htmlspecialchars(mb_strimwidth($ct['detalle_para_solucion'],0,60,'…')); ?></div>
          <?php endif; ?>
        </td>
        <td style="text-align:right;font-weight:700">$<?php echo number_format((float)($ct['precio']??0),2); ?></td>
        <td style="font-size:8px">
          <?php if(($ct['requiere_reemplazo_partes']??'NO')==='SI'):
            $costo_ref=(float)($ct['subtotal']??0)-(float)($ct['precio']??0);
          ?>
          <strong><?php echo htmlspecialchars($ct['numero_de_parte']??''); ?></strong><br>
          <strong>$<?php echo number_format($costo_ref,2); ?></strong>
          <?php if(!empty($ct['link'])): ?>
          <br><span style="color:#1565C0;font-size:8px"><?php
            $lk=$ct['link'];
            if(stripos($lk,'mercadolibre')!==false) echo 'DE 3 A 6 DÍAS';
            elseif(stripos($lk,'ebay')!==false) echo 'DE 8 A 20 DÍAS';
            elseif(stripos($lk,'compujuarez')!==false) echo 'DE 1 A 2 DÍAS';
            elseif(stripos($lk,'amazon')!==false) echo 'DE 8 A 20 DÍAS';
            else echo 'DE 8 A 20 DÍAS';
          ?></span><?php endif; ?>
          <?php else: echo '—'; endif; ?>
        </td>
        <td style="text-align:center">
          <span style="font-size:8px;font-weight:700;padding:2px 5px;border-radius:3px;background:<?php
            $t=$ct['tipo_de_compra']??'manoobra';
            echo $t==='manoobra'?'#E8F5E9':($t==='LOCAL'?'#E3F2FD':($t==='NACIONAL'?'#F3E5F5':'#FFF3E0'));
          ?>;color:<?php echo $t==='manoobra'?'#2E7D32':($t==='LOCAL'?'#1565C0':($t==='NACIONAL'?'#6A1B9A':'#E65100')); ?>"><?php echo htmlspecialchars($t); ?></span>
        </td>
        <td style="text-align:right;font-weight:800;font-size:11px">$<?php echo number_format((float)($ct['subtotal']??0),2); ?></td>
      </tr>
      <?php endforeach; ?>
      <tr style="background:#F0F0F0">
        <td colspan="2" style="text-align:right;font-weight:700">Mano de Obra Total:</td>
        <td style="text-align:right;font-weight:800">$<?php echo number_format($mano_obra,2); ?></td>
        <td colspan="2" style="text-align:right;font-weight:700">TOTAL COTIZADO:</td>
        <td style="text-align:right;font-weight:800;font-size:13px;color:#1a4b8c">$<?php echo number_format($total_cot,2); ?></td>
      </tr>
    </table>
  </div>
  <?php endif; ?>
  <div class="aviso" style="border-color:#6A1B9A;border-left-color:#6A1B9A;color:#6A1B9A">
    Este documento es el historial oficial del servicio. La cotización fue revisada y aceptada por el cliente mediante NIP o en persona.
    Aclaraciones: administracion@compujuarez.com · Tel. 656 566 2940 ext. 102
  </div>
</div>
<?php endif; ?>
<?php endif; ?>
</body></html>