<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Cotización – <?php echo e($sale->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: 110px 85px 220px; page-break-before: always; }

        /* Headings: 16pt bold, no border – igual al HTML de referencia */
        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; }
        br { line-height: 1.6; }

        ul            { padding-left: 22px; margin-bottom: 10px; }
        ul li         { margin-bottom: 3px; font-size: 11pt; }

        /* Sub-lista (nivel 2, igual al Word) */
        ul ul         { list-style-type: circle; margin-top: 3px; }

        /* ── TABLA DE INVERSIÓN – estilo gris del HTML de referencia ── */
        .table-inversion {
            width: 100%;
            border-collapse: collapse;
            margin: 8px 0;
            font-size: 12pt;
        }
        /* Header: #A5A5A5, centrado, bold */
        .table-inversion thead th {
            background: #A5A5A5;
            color: #000000;
            font-weight: 700;
            padding: 6px 8px;
            text-align: center;
            border: 0.5pt solid #C9C9C9;
        }
        /* Body: #EDEDED, bordes suaves */
        .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; }
        /* Total: blanco, bold */
        .table-inversion tfoot td {
            padding: 6px 8px;
            border: 0.5pt solid #C9C9C9;
            background: #ffffff;
            font-weight: 700;
        }

        /* "Monto total" texto plano, indentado */
        .total-note { font-size: 12pt; margin-top: 4px; margin-left: 36px; margin-bottom: 16px; }

        .spacer { height: 14px; }
    </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"><?php echo e($sale->title); ?></p>
    <p class="cover-client"><?php echo e(strtoupper($sale->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">

    <?php
        $lines = $sale->description
            ? array_values(array_filter(array_map('trim', explode("\n", $sale->description))))
            : [];
    ?>

    
    <h2>1. ACERCA DEL SERVICIO DE ALOJAMIENTO</h2>

    <p>Nuna ofrece el servicio de <strong>alojamiento web administrado</strong> para
        <strong><?php echo e($sale->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>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(count($lines) > 0): ?>
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $lines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $line): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <p><?php echo e($line); ?></p>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    <?php else: ?>
        <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>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <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 && ($renewal->hosting_enabled || $renewal->domain_enabled)): ?>
                <?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($sale->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($sale->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; ?>
            <?php else: ?>
                <tr>
                    <td><?php echo e($sale->title); ?></td>
                    <td><?php echo e($sale->currency->symbol()); ?> <?php echo e(number_format((float)$sale->gross_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($sale->currency->symbol()); ?> <?php echo e(number_format((float)$sale->gross_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($sale->expected_collect_date): ?>
            <li>Válido hasta: <strong><?php echo e($sale->expected_collect_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.blade.php ENDPATH**/ ?>