﻿<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>فاتورة إلكترونية {{ $einvoice->invoice_number }}</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 20p;
            color: #333;
        }
        .invoice-container {
            ma-width: 800p;
            margin: 0 auto;
            padding: 20p;
            border: 1p solid #ddd;
            border-radius: 8p;
            background-color: #fff;
        }
        .invoice-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20p;
            padding-bottom: 20p;
            border-bottom: 1p solid #eee;
        }
        .company-info {
            text-align: right;
        }
        .invoice-info {
            text-align: left;
        }
        .invoice-title {
            text-align: center;
            margin: 20p 0;
            font-size: 24p;
            color: #333;
        }
        .qr-code {
            text-align: center;
            margin: 20p 0;
        }
        .parties {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20p;
        }
        .party {
            width: 48%;
            padding: 15p;
            background-color: #f9f9f9;
            border-radius: 4p;
        }
        .party h3 {
            margin-top: 0;
            color: #555;
            border-bottom: 1p solid #ddd;
            padding-bottom: 5p;
        }
        .items-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20p;
        }
        .items-table th, .items-table td {
            border: 1p solid #ddd;
            padding: 8p;
            text-align: right;
        }
        .items-table th {
            background-color: #f2f2f2;
            font-weight: bold;
        }
        .items-table tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        .totals {
            width: 40%;
            margin-left: 0;
            margin-right: auto;
        }
        .totals table {
            width: 100%;
            border-collapse: collapse;
        }
        .totals table td {
            padding: 5p;
            border-bottom: 1p solid #eee;
        }
        .totals table td:last-child {
            text-align: left;
        }
        .total-row {
            font-weight: bold;
            font-size: 1.1em;
        }
        .notes {
            margin-top: 20p;
            padding: 15p;
            background-color: #f9f9f9;
            border-radius: 4p;
        }
        .footer {
            margin-top: 30p;
            text-align: center;
            font-size: 0.9em;
            color: #777;
        }
        .print-button {
            display: block;
            margin: 20p auto;
            padding: 10p 20p;
            background-color: #3490dc;
            color: white;
            border: none;
            border-radius: 4p;
            cursor: pointer;
        }
        .print-button:hover {
            background-color: #2779bd;
        }
        .invoice-type {
            display: inline-block;
            padding: 5p 10p;
            background-color: #f0f0f0;
            border-radius: 4p;
            font-weight: bold;
            margin-bottom: 10p;
        }
        .invoice-status {
            display: inline-block;
            padding: 5p 10p;
            border-radius: 4p;
            font-weight: bold;
            margin-bottom: 10p;
        }
        .status-generated { background-color: #cce5ff; color: #004085; }
        .status-signed { background-color: #d1ecf1; color: #0c5460; }
        .status-reported { background-color: #fff3cd; color: #856404; }
        .status-cleared { background-color: #d4edda; color: #155724; }
        .status-rejected { background-color: #f8d7da; color: #721c24; }
        
        @media print {
            .print-button {
                display: none;
            }
            body {
                padding: 0;
            }
            .invoice-container {
                border: none;
                ma-width: 100%;
            }
        }
    </style>
</head>
<body>
    <div class="invoice-container">
        <div class="invoice-header">
            <div class="invoice-info">
                <div class="invoice-type">
                    @switch($einvoice->invoice_type)
                        @case('standard')
                            فاتورة ضريبية قياسية
                            @break
                        @case('simplifixed')
                            فاتورة ضريبية مبسطة
                            @break
                        @case('debit_note')
                            إشعار مدين
                            @break
                        @case('credit_note')
                            إشعار دائن
                            @break
                        @default
                            {{ $einvoice->invoice_type }}
                    @endswitch
                </div>
                <div class="invoice-status 
                    @switch($einvoice->status)
                        @case('generated') status-generated @break
                        @case('signed') status-signed @break
                        @case('reported') status-reported @break
                        @case('cleared') status-cleared @break
                        @case('rejected') status-rejected @break
                    @endswitch
                ">
                    @switch($einvoice->status)
                        @case('generated')
                            تم الإنشاء
                            @break
                        @case('signed')
                            تم التوقيع
                            @break
                        @case('reported')
                            تم الإبلاغ
                            @break
                        @case('cleared')
                            تمت المقاصة
                            @break
                        @case('rejected')
                            مرفوضة
                            @break
                        @default
                            {{ $einvoice->status }}
                    @endswitch
                </div>
                <p><strong>رقم الفاتورة:</strong> {{ $einvoice->invoice_number }}</p>
                <p><strong>تاريخ الفاتورة:</strong> {{ $einvoice->invoice_date->format('Y-m-d') }}</p>
                <p><strong>تاريخ الاستحقاق:</strong> {{ $einvoice->due_date ? $einvoice->due_date->format('Y-m-d') : 'غير محدد' }}</p>
            </div>
            
            <div class="company-info">
                <h2>{{ $einvoice->seller_name }}</h2>
                <p><strong>الرقم الضريبي:</strong> {{ $einvoice->seller_ta_number }}</p>
                @if($einvoice->seller_address)
                    <p><strong>العنوان:</strong> {{ $einvoice->seller_address }}</p>
                @endif
                @if($einvoice->seller_contact)
                    <p><strong>الاتصال:</strong> {{ $einvoice->seller_contact }}</p>
                @endif
            </div>
        </div>
        
        <div class="invoice-title">
            فاتورة ضريبية إلكترونية
        </div>
        
        <div class="qr-code">
            <img src="data:image/png;base64,{{ base64_encode(QrCode::encoding('UTF-8')->format('png')->size(150)->generate($einvoice->qr_code)) }}" alt="رمز QR للفاتورة">
        </div>
        
        <div class="parties">
            <div class="party">
                <h3>معلومات البائع</h3>
                <p><strong>الاسم:</strong> {{ $einvoice->seller_name }}</p>
                <p><strong>الرقم الضريبي:</strong> {{ $einvoice->seller_ta_number }}</p>
                @if($einvoice->seller_address)
                    <p><strong>العنوان:</strong> {{ $einvoice->seller_address }}</p>
                @endif
                @if($einvoice->seller_contact)
                    <p><strong>الاتصال:</strong> {{ $einvoice->seller_contact }}</p>
                @endif
            </div>
            
            <div class="party">
                <h3>معلومات المشتري</h3>
                <p><strong>الاسم:</strong> {{ $einvoice->buyer_name }}</p>
                @if($einvoice->buyer_ta_number)
                    <p><strong>الرقم الضريبي:</strong> {{ $einvoice->buyer_ta_number }}</p>
                @endif
                @if($einvoice->buyer_address)
                    <p><strong>العنوان:</strong> {{ $einvoice->buyer_address }}</p>
                @endif
                @if($einvoice->buyer_contact)
                    <p><strong>الاتصال:</strong> {{ $einvoice->buyer_contact }}</p>
                @endif
            </div>
        </div>
        
        <table class="items-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>المنتج</th>
                    <th>الوصف</th>
                    <th>الكمية</th>
                    <th>سعر الوحدة</th>
                    <th>الخصم</th>
                    <th>المبلغ قبل الضريبة</th>
                    <th>الضريبة</th>
                    <th>الإجمالي</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($einvoice->items as $inde => $item)
                    <tr>
                        <td>{{ $inde + 1 }}</td>
                        <td>
                            {{ $item->name }}
                            @if ($item->item_code)
                                <div style="font-size: 0.8em; color: #777;">{{ $item->item_code }}</div>
                            @endif
                        </td>
                        <td>{{ $item->description ?: '-' }}</td>
                        <td>{{ $item->quantity }} {{ $item->unit ?: '' }}</td>
                        <td>{{ number_format($item->unit_price, 2) }}</td>
                        <td>{{ $item->discount_rate > 0 ? $item->discount_rate . '%' : '-' }}</td>
                        <td>{{ number_format($item->subtotal, 2) }}</td>
                        <td>{{ $item->ta_rate }}% ({{ number_format($item->ta_amount, 2) }})</td>
                        <td>{{ number_format($item->total, 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        
        <div class="totals">
            <table>
                <tr>
                    <td>المبلغ قبل الضريبة:</td>
                    <td>{{ number_format($einvoice->subtotal, 2) }} ريال</td>
                </tr>
                @if($einvoice->discount_amount > 0)
                <tr>
                    <td>مبلغ الخصم:</td>
                    <td>{{ number_format($einvoice->discount_amount, 2) }} ريال</td>
                </tr>
                @endif
                <tr>
                    <td>مبلغ الضريبة:</td>
                    <td>{{ number_format($einvoice->ta_amount, 2) }} ريال</td>
                </tr>
                <tr class="total-row">
                    <td>المبلغ الإجمالي:</td>
                    <td>{{ number_format($einvoice->total_amount, 2) }} ريال</td>
                </tr>
            </table>
        </div>
        
        @if($einvoice->notes)
        <div class="notes">
            <h3>ملاحظات</h3>
            <p>{{ $einvoice->notes }}</p>
        </div>
        @endif
        
        <div class="footer">
            <p>هذه الفاتورة الإلكترونية صادرة وفقًا لمتطلبات هيئة الزكاة والدخل السعودية</p>
            <p>تم إنشاؤها بتاريخ: {{ $einvoice->created_at->format('Y-m-d H:i:s') }}</p>
        </div>
        
        <button class="print-button" onclick="window.print()">طباعة الفاتورة</button>
    </div>
</body>
</html>