<?php
require_once 'includes/config.php';
require_once 'includes/functions.php';

if (!isset($_GET['id'])) {
    die('الفاتورة غير موجودة');
}

$invoice_id = intval($_GET['id']);
$invoice = getInvoice($invoice_id);

if (!$invoice) {
    die('الفاتورة غير موجودة');
}

header('Content-Type: text/html; charset=utf-8');
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">

<head>
    <meta charset="UTF-8">
    <title>طباعة فاتورة #<?= $invoice['invoice_number'] ?></title>
    <link rel="stylesheet" href="./assets/css/print.css">
</head>

<body>
    <div id="invoicePreview" class="invoice-container">
        <div class="header">
            <img src="./assets/images/click.png" alt="شعار الشركة" class="company-logo">
      <h1>شهادة ضمان لابتوب </h1>
<p style="text-align: center;">
  هاتف: <span style="color: blue;">01090006526</span> - 01021270039 - 01015515978
  <br>
  <span style="font-weight: bold;">
    العنوان: كفرالشيخ - الشارع المقابل لصيدلية الامل - ناصية محل طاطا هواووي
  </span>
</p>   
        </div>

        <div class="invoice-info">
            <div>رقم الفاتورة: <?= $invoice['invoice_number'] ?></div>
            <div>تاريخ الفاتورة: <?= formatDate($invoice['date']) ?></div>
        </div>

        <div class="invoice-details" style="margin-bottom: 25px;">
            <div style="margin-top: 15px;">
                <h2 class="customer_info">
                    <span>إلى: <?= $invoice['customer_name'] ?? 'عميل نقدي' ?></span>
                    <span style="letter-spacing: .75px;"><?= $invoice['customer_phone'] ?? 'غير متوفر' ?></span>
                </h2>
            </div>
        </div>


        <h2 style="color: var(--primary-color); margin-bottom: 15px;">تفاصيل المنتجات</h2>
        <table class="details-table">
            <thead>
                <tr>
                    <th>اسم المنتج</th>
                    <th>السعر</th>
                    <th>الكمية</th>
                   <th>الحالة</th>
                    <th>الإجمالي</th>
                </tr>
            </thead>
            <tbody id="productsTableBody">
                <?php foreach ($invoice['items'] as $item): ?>
                    <tr>
                        <td><?= $item['product_name'] ?></td>
                        <td><?= formatCurrency($item['price']) ?></td>
                        <td><?= $item['quantity'] ?></td>
                        <td><?= isset($item['discount']) ? formatCurrency($item['discount']) : 'جيده جدا ' ?></td>
                        <td><?= formatCurrency($item['total']) ?></td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>

        <div class="total">
            المبلغ الإجمالي: <span id="finalTotal"><?= formatCurrency($invoice['total_amount']) ?></span>
        </div>

        <div class="warranty">
            <h2>شروط الضمان</h2>
            <ul>
                <li>تغطي شهادة الضمان عيوب التصنيع لمدة 3 شهور من تاريخ الشراء.</li>
                <li>لا يشمل الضمان الأضرار الناتجة عن سوء الاستخدام أو الحوادث.</li>
                <li>يجب تقديم هذه الفاتورة عند المطالبة بالضمان.</li>
                <li>الضمان لا يشمل البطاريات والملحقات الخارجية.</li>
            </ul>
        </div>

        <?php if (!empty($invoice['notes'])): ?>
            <div class="invoice-notes" style="margin-top: 30px;">
                <h3>ملاحظات:</h3>
                <p><?= nl2br($invoice['notes']) ?></p>
            </div>
        <?php endif; ?>

        <div style="text-align:center; margin: 20px 0;">
            <img src="assets/images/qr-code.jpg" alt="QR Code" style="width:130px; height:130px;">
        </div>

        <div style="text-align: center; margin-top: 20px; display: flex; justify-content: center; align-items: center; gap: 10px;" class="no-print">
            <button onclick="window.print()" class="print-btn">
                <i class="fas fa-print"></i> طباعة
            </button>
            <button onclick="window.close()" class="red-btn">
                <i class="fas fa-times"></i> إغلاق
            </button>
        </div>
    </div>



    <script>
        window.onload = function() {
            // Auto-print when page loads
            setTimeout(function() {
                window.print();
            }, 500);
        };
    </script>
</body>

</html>