@extends('layouts.app')
@section('title', 'طباعة فاتورة')
@section('page_title', 'طباعة الفاتورة ' . $invoice->code)

@section('page_actions')
    <button onclick="window.print()" class="btn btn-primary"><i class="fa-solid fa-print ms-2"></i>طباعة</button>
    <a href="{{ route('invoices.show', $invoice) }}" class="btn btn-light">رجوع</a>
@endsection

@section('content')
<div class="print-doc">
    @include('partials._print-header', [
        'docTitle' => 'فاتورة ضريبية',
        'docNumber' => $invoice->code,
        'docMeta' => [
            'تاريخ الفاتورة' => arabicDate($invoice->date),
            'تاريخ الاستحقاق' => arabicDate($invoice->due_date),
        ],
    ])

    <div class="mb-4">
        <div class="fw-bold mb-2" style="color:#1e4bd8">بيانات العميل</div>
        <table class="small">
            <tr>
                <td class="pe-3 text-muted">الاسم:</td>
                <td class="fw-bold pe-5">{{ $invoice->customer?->display_name ?? '—' }}</td>
                <td class="pe-3 text-muted">الجوال:</td>
                <td class="fw-bold">{{ $invoice->customer?->phone ?? '—' }}</td>
            </tr>
            <tr>
                <td class="pe-3 text-muted">العنوان:</td>
                <td class="fw-bold pe-5">{{ $invoice->customer?->city }} {{ $invoice->customer?->address }}</td>
                <td class="pe-3 text-muted">الرقم الضريبي:</td>
                <td class="fw-bold">{{ $invoice->customer?->tax_number ?? '—' }}</td>
            </tr>
        </table>
    </div>

    <table class="print-table mb-4">
        <thead>
        <tr>
            <th style="width:40px">م</th>
            <th>البيان</th>
            <th style="width:70px">الكمية</th>
            <th style="width:100px">السعر</th>
            <th style="width:90px">الخصم</th>
            <th style="width:90px">الضريبة</th>
            <th style="width:110px">الإجمالي</th>
        </tr>
        </thead>
        <tbody>
        @foreach ($invoice->items as $i => $item)
            <tr>
                <td class="text-center">{{ $i + 1 }}</td>
                <td>{{ $item->description }}</td>
                <td class="text-center">{{ (float) $item->quantity }}</td>
                <td>{{ currency($item->price, false) }}</td>
                <td>{{ currency($item->discount, false) }}</td>
                <td>{{ currency($item->tax_amount, false) }}</td>
                <td class="fw-bold">{{ currency($item->total, false) }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>

    <table class="print-totals">
        <tr><td>الإجمالي قبل الضريبة</td><td class="text-start">{{ currency($invoice->subtotal) }}</td></tr>
        <tr><td>ضريبة القيمة المضافة</td><td class="text-start">{{ currency($invoice->tax) }}</td></tr>
        @if ((float) $invoice->discount > 0)
            <tr><td>خصم إضافي</td><td class="text-start">- {{ currency($invoice->discount) }}</td></tr>
        @endif
        <tr><td>الإجمالي المستحق</td><td class="text-start">{{ currency($invoice->total) }}</td></tr>
    </table>

    <table class="print-totals mt-2">
        <tr><td class="text-muted">المدفوع</td><td class="text-start">{{ currency($invoice->paid_amount) }}</td></tr>
        <tr style="border-top:0"><td class="text-muted" style="color:#0f172a !important">المتبقي</td>
            <td class="text-start" style="color:{{ $invoice->remaining > 0 ? '#dc3545' : '#198754' }} !important">{{ currency($invoice->remaining) }}</td>
        </tr>
    </table>

    @if ($invoice->notes)
        <div class="mt-4 pt-3 border-top small"><span class="fw-bold">ملاحظات:</span> {{ $invoice->notes }}</div>
    @endif

    <div class="row mt-5 pt-4">
        <div class="col-6 text-center">
            <div class="small text-muted mb-4">توقيع المُصدِر</div>
            <div class="border-top pt-2 mx-4 small">{{ $invoice->creator?->name ?? '' }}</div>
        </div>
        <div class="col-6 text-center">
            <div class="small text-muted mb-4">توقيع العميل بالاستلام</div>
            <div class="border-top pt-2 mx-4 small">&nbsp;</div>
        </div>
    </div>
</div>
@endsection