Tul xxx Tul

Viewing: print.php

<!DOCTYPE html>
<html>
<head>
    <title>Comprobante de Gasto #<?= str_pad($bill['id'], 6, '0', STR_PAD_LEFT) ?></title>
    <style>
        @page { margin: 1cm; }
        body { font-family: 'Helvetica', 'Arial', sans-serif; color: #334155; line-height: 1.5; font-size: 11pt; }
        .header { display: table; width: 100%; border-bottom: 2px solid #ef4444; padding-bottom: 20px; margin-bottom: 30px; }
        .header-left { display: table-cell; vertical-align: middle; }
        .header-right { display: table-cell; text-align: right; vertical-align: middle; }
        
        .gym-name { font-size: 20pt; font-weight: bold; color: #1e293b; margin: 0; text-transform: uppercase; }
        .gym-info { font-size: 9pt; color: #64748b; margin: 2px 0; }
        
        .invoice-title { font-size: 16pt; font-weight: bold; color: #ef4444; margin-bottom: 5px; }
        .invoice-number { font-size: 12pt; font-weight: bold; color: #1e293b; }
        
        .info-section { display: table; width: 100%; margin-bottom: 30px; }
        .info-box { display: table-cell; width: 50%; vertical-align: top; }
        .info-label { font-size: 8pt; text-transform: uppercase; color: #94a3b8; font-weight: bold; margin-bottom: 2px; }
        .info-value { font-size: 10pt; color: #334155; font-weight: 600; }
        
        table { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
        th { background-color: #f8fafc; color: #64748b; text-transform: uppercase; font-size: 8pt; font-weight: bold; padding: 12px 10px; border-bottom: 1px solid #e2e8f0; text-align: left; }
        td { padding: 15px 10px; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
        
        .total-container { text-align: right; margin-top: 20px; }
        .total-box { display: inline-block; background-color: #f8fafc; padding: 15px 25px; border-radius: 8px; border: 1px solid #e2e8f0; }
        .total-label { font-size: 10pt; font-weight: bold; color: #64748b; margin-right: 20px; }
        .total-amount { font-size: 16pt; font-weight: 900; color: #ef4444; }
        
        .photo-section { margin-top: 30px; text-align: center; page-break-inside: avoid; }
        .photo-label { font-size: 10pt; font-weight: bold; color: #64748b; margin-bottom: 10px; display: block; border-bottom: 1px solid #e2e8f0; padding-bottom: 5px; text-align: left; }
        .receipt-photo { max-width: 100%; max-height: 400px; border-radius: 8px; border: 1px solid #e2e8f0; margin-top: 10px; }
        
        .footer { position: fixed; bottom: 0; width: 100%; text-align: center; font-size: 8pt; color: #94a3b8; padding-top: 10px; border-top: 1px solid #f1f5f9; }
    </style>
</head>
<body>
    <div class="header">
        <div class="header-left">
            <h1 class="gym-name"><?= esc($company['name']) ?></h1>
            <p class="gym-info"><?= esc($company['address']) ?></p>
            <p class="gym-info">Tel: <?= esc($company['phone']) ?> | Email: <?= esc($company['email']) ?></p>
            <p class="gym-info">RUC/NIT: <?= esc($company['tax_id'] ?? 'N/A') ?></p>
        </div>
        <div class="header-right">
            <div class="invoice-title">COMPROBANTE DE GASTO</div>
            <div class="invoice-number"># <?= str_pad($bill['id'], 6, '0', STR_PAD_LEFT) ?></div>
        </div>
    </div>

    <div class="info-section">
        <div class="info-box">
            <div class="info-label">REGISTRADO POR</div>
            <div class="info-value"><?= esc($bill['user_name']) ?></div>
            <div style="height: 15px;"></div>
            <div class="info-label">FECHA DEL GASTO</div>
            <div class="info-value"><?= date('d/m/Y', strtotime($bill['expense_date'])) ?></div>
        </div>
        <div class="info-box" style="text-align: right;">
            <div class="info-label">CATEGORÍA</div>
            <div class="info-value"><?= esc($bill['category_name'] ?? 'General') ?></div>
            <div style="height: 15px;"></div>
            <div class="info-label">SUBCATEGORÍA</div>
            <div class="info-value"><?= esc($bill['subcategory_name'] ?? 'Sin subcategoría') ?></div>
        </div>
    </div>

    <table>
        <thead>
            <tr>
                <th>DESCRIPCIÓN DEL GASTO / CONCEPTO</th>
                <th style="text-align: right; width: 120px;">MONTO</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="font-size: 12pt;"><?= nl2br(esc($bill['description'])) ?></td>
                <td style="text-align: right; font-size: 14pt; font-weight: bold;"><?= get_currency($bill['amount']) ?></td>
            </tr>
        </tbody>
    </table>

    <div class="total-container">
        <div class="total-box">
            <span class="total-label">TOTAL PAGADO</span>
            <span class="total-amount"><?= get_currency($bill['amount']) ?></span>
        </div>
    </div>

    <?php if (!empty($photoBase64)) : ?>
        <div class="photo-section">
            <div class="photo-label">SOPORTE ADJUNTO (IMAGEN)</div>
            <img src="<?= $photoBase64 ?>" class="receipt-photo">
        </div>
    <?php endif; ?>

    <div class="footer">
        Este documento es un comprobante interno de gasto generado el <?= date('d/m/Y H:i') ?>.<br>
        Sistema de Gestión de Gimnasio - Prohibida su reproducción sin autorización.
    </div>
</body>
</html>
User / IP	: 216.73.216.191
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64