@extends('dashboard.layout')
@section('title', 'عرض الفاتورة')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">🧾 فاتورة الطلب #{{ $order->id }}</h5>
        <a href="{{ route('dashboard.orders.invoice.print', $order->id) }}" class="btn btn-dark btn-sm">📥 تحميل PDF</a>
    </div>
    <div class="card-body">
        <p><strong>العميل:</strong> {{ $order->user->name ?? '-' }}</p>
        <p><strong>التاريخ:</strong> {{ $order->created_at->format('Y-m-d') }}</p>
        <p><strong>الحالة:</strong> {{ ucfirst($order->status) }}</p>

        <hr>

        <table class="table">
            <thead>
                <tr>
                    <th>المنتج</th>
                    <th>الكمية</th>
                    <th>السعر</th>
                    <th>الإجمالي</th>
                </tr>
            </thead>
            <tbody>
                @foreach($order->items as $item)
                <tr>
                    <td>{{ $item->product->name ?? '-' }}</td>
                    <td>{{ $item->quantity }}</td>
                    <td>{{ number_format($item->price, 2) }} $</td>
                    <td>{{ number_format($item->price * $item->quantity, 2) }} $</td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="3" class="text-end">الإجمالي الكلي:</th>
                    <th>{{ number_format($order->total, 2) }} $</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
@endsection