<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="utf-8">
    <title><?php echo e($rental->contract_number); ?></title>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body { 
            font-family: 'Tajawal', sans-serif; 
            direction: rtl; 
            text-align: right; 
            color: #333;
            line-height: 1.4;
            margin: 0;
            padding: 0;
        }

        .main-wrapper {
            width: 210mm;
            min-height: 297mm;
            margin: auto;
            background: white;
            position: relative;
            box-sizing: border-box;
            padding: 20mm 15mm;
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 3px solid #d4af37;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }

        .company-name {
            font-size: 32px;
            font-weight: 900;
            color: #d4af37;
            margin: 0;
        }

        .section-header {
            background-color: #f8f9fa;
            padding: 8px 12px;
            border-right: 5px solid #d4af37;
            margin: 20px 0 10px 0;
            font-weight: bold;
            font-size: 16px;
            color: #1a1a1a;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 15px;
        }

        table th, table td {
            border: 1px solid #e9ecef;
            padding: 10px 12px;
            text-align: right;
            font-size: 14px;
        }

        table th {
            background-color: #f1f3f5;
            width: 25%;
            color: #555;
            font-weight: 700;
        }

        .total-row {
            background-color: #1a1a1a;
        }

        .total-row td, .total-row th {
            font-size: 20px;
            font-weight: bold;
            color: #d4af37 !important;
            padding: 15px;
        }

        .signatures-section {
            margin-top: 60px;
            display: flex;
            justify-content: space-between;
        }

        .footer {
            position: absolute;
            bottom: 20mm;
            left: 15mm;
            right: 15mm;
            text-align: center;
            font-size: 11px;
            color: #777;
            border-top: 1px solid #eee;
            padding-top: 15px;
        }

        .print-btn {
            position: fixed;
            top: 10px;
            left: 10px;
            background: #d4af37;
            color: black;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-weight: bold;
            z-index: 1000;
        }

        @media print {
            .print-btn { display: none; }
            body { background: white; }
            .main-wrapper { 
                padding: 10mm 10mm; 
                width: 100%;
                min-height: auto;
            }
            @page { 
                margin: 0;
                size: A4;
            }
        }
    </style>
</head>
<body onload="window.print()">
    <button class="print-btn" onclick="window.print()">طباعة العقد</button>

    <div class="main-wrapper">
        <div class="header-container">
            <div>
                <h1 class="company-name">TQ <span style="color: #333;">CARS</span></h1>
                <div style="font-size: 14px; color: #666; font-weight: bold; margin-top: 5px;">عقد تأجير سيارة إلكتروني</div>
            </div>
            <div style="text-align: left; display: flex; align-items: center; gap: 15px;">
                <div style="text-align: right;">
                    <div style="font-size: 12px; font-weight: bold; color: #1a1a1a;">رقم العقد</div>
                    <div style="font-size: 16px; font-weight: 900; color: #d4af37; direction: ltr;">#<?php echo e($rental->contract_number); ?></div>
                </div>
                <?php
                    $qrText = "Contract: " . $rental->contract_number . " | Total: " . $rental->total_amount . " SAR";
                    $qrUrl = "https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=" . urlencode($qrText);
                ?>
                <img src="<?php echo e($qrUrl); ?>" width="90" height="90" style="border: 1px solid #eee; padding: 5px; border-radius: 8px;">
            </div>
        </div>

        <div class="section-header">بيانات المستأجر</div>
        <table>
            <tr>
                <th>اسم العميل</th>
                <td style="font-weight: bold;"><?php echo e($rental->customer->name); ?></td>
                <th>رقم الجوال</th>
                <td><?php echo e($rental->customer->phone); ?></td>
            </tr>
        </table>

        <div class="section-header">بيانات المركبة</div>
        <table>
            <tr>
                <th>نوع السيارة</th>
                <td style="font-weight: bold;"><?php echo e($rental->car->title); ?></td>
                <th>رقم اللوحة</th>
                <td style="font-weight: bold;"><?php echo e($rental->car->plate_number); ?></td>
            </tr>
            <tr>
                <th>عداد المسافة (خروج)</th>
                <td><?php echo e(number_format($rental->start_odometer)); ?> KM</td>
                <th>مستوى الوقود</th>
                <td><?php echo e($rental->fuel_level_out); ?>%</td>
            </tr>
        </table>

        <div class="section-header">مدة الإيجار والمسافات</div>
        <table>
            <tr>
                <th>تاريخ وقت الاستلام</th>
                <td><?php echo e($rental->start_date->format('Y-m-d H:i')); ?></td>
                <th>تاريخ وقت التسجيل</th>
                <td><?php echo e($rental->end_date->format('Y-m-d H:i')); ?></td>
            </tr>
            <tr>
                <th>كم المسموح يومياً</th>
                <td><?php echo e($rental->allowed_km_per_day); ?> KM</td>
                <th>سعر كم الإضافي</th>
                <td><?php echo e(number_format($rental->extra_km_price, 2)); ?> SAR</td>
            </tr>
        </table>

        <div class="section-header">الملخص المالي</div>
        <table>
            <tr>
                <th>سعر التأجير اليومي</th>
                <td><?php echo e(number_format($rental->daily_price, 2)); ?> SAR</td>
                <th>مبلغ التأمين (مسترد)</th>
                <td><?php echo e(number_format($rental->insurance_amount, 2)); ?> SAR</td>
            </tr>
            <tr>
                <th>ضريبة القيمة المضافة</th>
                <td><?php echo e(number_format($rental->tax, 2)); ?> SAR</td>
                <th>الخصم</th>
                <td style="color: red;">- <?php echo e(number_format($rental->discount, 2)); ?> SAR</td>
            </tr>
            <tr class="total-row">
                <th colspan="2" style="background: #1a1a1a; color: #d4af37;">الإجمالي النهائي</th>
                <td colspan="2" style="text-align: center;"><?php echo e(number_format($rental->total_amount, 2)); ?> SAR</td>
            </tr>
        </table>

        <div class="signatures-section">
            <div style="width: 200px; text-align: center;">
                <div style="font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 40px;">توقيع المستأجر</div>
            </div>
            <div style="width: 200px; text-align: center;">
                <div style="font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 40px;">ختم وتوقيع الشركة</div>
            </div>
        </div>

        <div class="footer">
            TQ CARS لخدمات تأجير السيارات | الرياض، المملكة العربية السعودية | تم الإصدار في: <?php echo e(date('H:i d-m-Y')); ?>

        </div>
    </div>
</body>
</html><?php /**PATH C:\xampp\htdocs\tq cars\resources\views/admin/rentals/pdf.blade.php ENDPATH**/ ?>