<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Cotización Renovación – <?php echo e($renewal->client->name); ?></title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'DejaVu Sans', sans-serif;
            font-size: 11pt;
            color: #000000;
            line-height: 1.6;
        }

        /* ── FIXED: Logo top-left every page ── */
        .fixed-logo {
            position: fixed;
            top: 48px;
            left: 40px;
            z-index: 100;
        }
        .fixed-logo img   { height: 38px; }
        .fixed-logo-text  { font-size: 20pt; font-weight: 700; letter-spacing: -1px; color: #1a1a1a; }

        /* ── FIXED: Illustration bottom-right every page ── */
        .fixed-illustration {
            position: fixed;
            bottom: 0;
            right: 0;
            width: 210px;
            z-index: 100;
        }

        /* ── COVER PAGE ── */
        .cover        { padding: 0 85px 60px; }
        .cover-spacer { height: 400px; }
        .cover-title  { font-size: 22pt; font-weight: 700; line-height: 1.2; color: #000; }
        .cover-client { font-size: 11pt; font-weight: 700; color: #000; }
        .cover-meta   { font-size: 11pt; color: #000; margin-top: 2px; }

        /* ── CONTENT PAGES ── */
        .content { padding: 100px 85px 220px; page-break-before: always; }

        h2 {
            font-size: 14pt;
            font-weight: 700;
            color: #000000;
            margin-top: 22px;
            margin-bottom: 8px;
        }
        h2:first-child { margin-top: 0; }

        p    { margin-bottom: 6px; font-size: 11pt; }
        ul   { padding-left: 22px; margin-bottom: 10px; }
        ul ul { list-style-type: circle; margin-top: 3px; }
        ul li { margin-bottom: 3px; font-size: 11pt; }

        /* ── TABLA ── gris estilo referencia */
        .table-inversion {
            width: 100%;
            border-collapse: collapse;
            margin: 8px 0;
            font-size: 11pt;
        }
        .table-inversion thead th {
            background: #A5A5A5;
            color: #000000;
            font-weight: 700;
            padding: 6px 8px;
            text-align: center;
            border: 0.5pt solid #C9C9C9;
        }
        .table-inversion tbody td {
            padding: 6px 8px;
            border: 0.5pt solid #C9C9C9;
            background: #EDEDED;
            vertical-align: top;
        }
        .table-inversion tbody td:last-child { white-space: nowrap; width: 130px; }
        .table-inversion tfoot td {
            padding: 6px 8px;
            border: 0.5pt solid #C9C9C9;
            background: #ffffff;
            font-weight: 700;
        }

        .total-note { font-size: 11pt; margin-top: 4px; margin-left: 36px; margin-bottom: 16px; }
        .spacer     { height: 12px; }
    </style>
</head>
<body>


<div class="fixed-logo">
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(file_exists(public_path('images/quote-logo.png'))): ?>
        <img src="<?php echo e(public_path('images/quote-logo.png')); ?>" alt="nuna.">
    <?php else: ?>
        <span class="fixed-logo-text">nuna.</span>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>


<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(file_exists(public_path('images/quote-footer.png'))): ?>
    <img src="<?php echo e(public_path('images/quote-footer.png')); ?>" class="fixed-illustration" alt="">
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>


<div class="cover">
    <div class="cover-spacer"></div>
    <p class="cover-title">Renovación Hosting + Dominio</p>
    <p class="cover-client"><?php echo e(strtoupper($renewal->client->name)); ?></p>
    <p class="cover-meta"><strong>Presentado por:</strong> Nuna.tech</p>
    <p class="cover-meta"><strong>Fecha:</strong> <?php echo e(now()->locale('es')->isoFormat('D [de] MMMM YYYY')); ?></p>
</div>


<div class="content">

    
    <h2>1. ACERCA DEL SERVICIO DE ALOJAMIENTO</h2>
    <p>Nuna ofrece el servicio de <strong>alojamiento web administrado</strong> para
        <strong><?php echo e($renewal->client->name); ?></strong>, utilizando infraestructura en la nube de
        <strong>Digital Ocean</strong>, con capacidad de escalar según los requerimientos futuros del proyecto.</p>
    <p><strong>Periodo del servicio:</strong> 1 año</p>
    <p><strong>Tipo de servidor:</strong> Virtual private server (VPS) – Administrado por Nuna</p>
    <p><strong>Modalidad:</strong> Alojamiento compartido, administración Dominio</p>

    <div class="spacer"></div>

    
    <h2>2. ESPECIFICACIONES DEL SERVIDOR</h2>
    <ul>
        <li><strong>RAM:</strong> 8 GB</li>
        <li><strong>Ancho de banda:</strong> 50 GB mensuales</li>
        <li><strong>Almacenamiento SSD:</strong> 10 GB</li>
        <li><strong>SSL:</strong> Certificado gratuito incluido</li>
        <li><strong>Correos corporativos:</strong> hasta 5 por dominio</li>
        <li><strong>Backups automáticos:</strong> Diario y semanal</li>
        <li><strong>Restauración inmediata:</strong> Bajo solicitud del cliente (tiempo estimado: 1 hora)</li>
        <li><strong>Soporte técnico:</strong>
            <ul>
                <li>Soporte en alojamiento</li>
                <li>Monitoreo básico del servidor</li>
            </ul>
        </li>
        <li><strong>Garantía:</strong> Funcionamiento del servidor y sitio en marcha durante un año</li>
    </ul>


</div>

<div class="content">
    
    <h2>3. ALCANCE DEL SERVICIO</h2>
    <p>El servicio incluye:</p>
    <ul>
        <li>Configuración, mantenimiento y monitoreo del servidor</li>
        <li>Gestión de copias de seguridad</li>
        <li>Renovación anual de recursos del servidor</li>
        <li>Optimización básica del entorno de alojamiento</li>
        <li>Asistencia técnica cuando se requiera</li>
    </ul>
    <div class="spacer"></div>

    
    <h2>4. INVERSIÓN</h2>
    <div class="spacer"></div>

    <table class="table-inversion">
        <thead>
            <tr>
                <th>Servicio</th>
                <th>Precio</th>
            </tr>
        </thead>
        <tbody>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($renewal->hosting_enabled): ?>
            <tr>
                <td>Servicio anual de alojamiento web /año</td>
                <td><?php echo e($renewal->currency->symbol()); ?> <?php echo e(number_format((float)$renewal->hosting_amount, 2)); ?></td>
            </tr>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($renewal->domain_enabled): ?>
            <tr>
                <td>Registro de dominio /año</td>
                <td><?php echo e($renewal->currency->symbol()); ?> <?php echo e(number_format((float)$renewal->domain_amount, 2)); ?></td>
            </tr>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </tbody>
        <tfoot>
            <tr>
                <td><strong>TOTAL</strong></td>
                <td><?php echo e($renewal->currency->symbol()); ?> <?php echo e(number_format($renewal->total_amount, 2)); ?></td>
            </tr>
        </tfoot>
    </table>

    
    <h2>5. FORMA DE PAGO</h2>
    <ul>
        <li>Pago 100% en Anticipado</li>
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($renewal->next_due_date): ?>
            <li>Válido hasta: <strong><?php echo e($renewal->next_due_date->locale('es')->isoFormat('D [de] MMMM YYYY')); ?></strong></li>
        <?php else: ?>
            <li>Válido hasta completar el periodo de un año desde la activación</li>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </ul>

</div>
</body>
</html>
<?php /**PATH /home/ninatech/ventas.nuna.tech/resources/views/quotes/quote-renewal.blade.php ENDPATH**/ ?>