@extends('admin.layouts.master')
@section('title', 'فاتورة '.$invoice->invoice_no)

@section('page-header')
    <div class="row align-items-center">
        <div class="col"><div class="page-pretitle">الفواتير</div>
            <h2 class="page-title">فاتورة: {{ $invoice->invoice_no }} <span class="badge bg-{{ $invoice->status_color }}">{{ $invoice->status_label }}</span></h2></div>
        <div class="col-auto d-flex gap-2">
            <a href="{{ route('admin.invoices.print', $invoice) }}" target="_blank" class="btn btn-outline-secondary"><i class="ti ti-printer ms-1"></i> طباعة</a>
            <a href="{{ route('admin.invoices.edit', $invoice) }}" class="btn btn-primary"><i class="ti ti-edit ms-1"></i> تعديل</a>
            <a href="{{ route('admin.invoices.index') }}" class="btn btn-outline-secondary">العودة</a>
        </div>
    </div>
@endsection

@section('content')
<div class="row row-cards">
    <div class="col-md-4">
        <div class="card"><div class="card-body">
            <h4>العميل</h4>
            <div><strong>{{ $invoice->customer?->name }}</strong> ({{ $invoice->customer?->code }})</div>
            <div>{{ $invoice->customer?->mobile ?? '' }}</div>
            <div>{{ $invoice->customer?->address ?? '' }}</div>
            <hr>
            <dl class="row small">
                <dt class="col-5">الفرع:</dt><dd class="col-7">{{ $invoice->branch?->name }}</dd>
                <dt class="col-5">التاريخ:</dt><dd class="col-7">{{ $invoice->invoice_date?->format('Y-m-d') }}</dd>
                <dt class="col-5">الاستحقاق:</dt><dd class="col-7">{{ $invoice->due_date?->format('Y-m-d') ?? '-' }}</dd>
                <dt class="col-5">الطلب:</dt><dd class="col-7">{{ $invoice->order?->order_no ?? '-' }}</dd>
            </dl>
        </div></div>
        <div class="card mt-3"><div class="card-body">
            <h4>الحالة المالية</h4>
            <table class="table table-sm table-borderless mb-0">
                <tr><td>الإجمالي:</td><td class="text-end fw-bold">{{ number_format($invoice->total_amount, 2) }}</td></tr>
                <tr><td>المدفوع:</td><td class="text-end text-success">{{ number_format($invoice->paid_amount, 2) }}</td></tr>
                <tr><td>المتبقي:</td><td class="text-end text-danger fw-bold">{{ number_format($invoice->remaining_amount, 2) }}</td></tr>
            </table>
        </div></div>
    </div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header"><h3 class="card-title">بنود الفاتورة</h3></div>
            <div class="table-responsive">
                <table class="table card-table">
                    <thead><tr><th>الوصف</th><th>الكمية</th><th>سعر الوحدة</th><th>الإجمالي</th></tr></thead>
                    <tbody>
                        @foreach($invoice->items as $line)
                        <tr>
                            <td>{{ $line->description }}</td>
                            <td>{{ number_format($line->quantity, 2) }}</td>
                            <td>{{ number_format($line->unit_price, 2) }}</td>
                            <td class="fw-bold">{{ number_format($line->total_price, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        @if($invoice->notes)<h5>ملاحظات:</h5><p>{{ $invoice->notes }}</p>@endif
                    </div>
                    <div class="col-md-6">
                        <table class="table table-sm">
                            <tr><td>الإجمالي:</td><td class="text-end">{{ number_format($invoice->subtotal, 2) }}</td></tr>
                            <tr><td>الخصم:</td><td class="text-end">{{ number_format($invoice->discount_amount, 2) }}</td></tr>
                            <tr><td>الضريبة ({{ $invoice->tax_percent }}%):</td><td class="text-end">{{ number_format($invoice->tax_amount, 2) }}</td></tr>
                            <tr class="fw-bold fs-3 text-success"><td>الإجمالي:</td><td class="text-end">{{ number_format($invoice->total_amount, 2) }} ج.م</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        @if($invoice->payments->count())
        <div class="card mt-3">
            <div class="card-header"><h3 class="card-title">سندات القبض</h3></div>
            <div class="table-responsive">
                <table class="table card-table">
                    <thead><tr><th>الرقم</th><th>التاريخ</th><th>الطريقة</th><th>المبلغ</th></tr></thead>
                    <tbody>
                        @foreach($invoice->payments as $p)
                        <tr>
                            <td>{{ $p->payment_no }}</td>
                            <td>{{ $p->payment_date?->format('Y-m-d') }}</td>
                            <td>{{ ['cash'=>'نقدي','card'=>'بطاقة','cheque'=>'شيك','transfer'=>'تحويل'][$p->method] ?? $p->method }}</td>
                            <td class="text-success fw-bold">{{ number_format($p->amount, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection