@extends('layouts.app')
@section('title', 'فاتورة')
@section('page_title', 'الفاتورة ' . $invoice->code)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('invoices.index') }}">الفواتير</a></li>
    <li class="breadcrumb-item active">{{ $invoice->code }}</li>
@endsection

@section('page_actions')
    <a href="{{ route('invoices.print', $invoice) }}" target="_blank" class="btn btn-light"><i class="fa-solid fa-print ms-2"></i>طباعة</a>
    @can('invoices.edit')
        @if ($invoice->payments->isEmpty())
            <a href="{{ route('invoices.edit', $invoice) }}" class="btn btn-light"><i class="fa-solid fa-pen ms-2"></i>تعديل</a>
            @if ($invoice->status !== 'cancelled')
                <button class="btn btn-outline-danger"
                        onclick="confirmAction('{{ route('invoices.cancel', $invoice) }}', 'إلغاء الفاتورة', 'سيتم تعليم الفاتورة كملغاة.', '#dc3545')">
                    <i class="fa-solid fa-ban ms-2"></i>إلغاء
                </button>
            @endif
        @endif
    @endcan
    @can('payments.create')
        @if ($invoice->remaining > 0 && $invoice->status !== 'cancelled')
            <a href="{{ route('payments.create', ['invoice_id' => $invoice->id]) }}" class="btn btn-success">
                <i class="fa-solid fa-money-bill-wave ms-2"></i>تسجيل دفعة
            </a>
        @endif
    @endcan
    @can('installations.create')
        <a href="{{ route('installations.create', ['customer_id' => $invoice->customer_id, 'invoice_id' => $invoice->id]) }}" class="btn btn-primary">
            <i class="fa-solid fa-screwdriver-wrench ms-2"></i>أمر تركيب
        </a>
    @endcan
@endsection

@section('content')
<div class="row g-3">
    <div class="col-xl-4">
        <div class="card mb-3">
            <div class="card-body">
                <ul class="detail-list">
                    <li><span class="dl-label">رقم الفاتورة</span><span class="dl-value fw-bold">{{ $invoice->code }}</span></li>
                    <li><span class="dl-label">العميل</span>
                        <span class="dl-value">
                            <a href="{{ route('customers.show', $invoice->customer) }}">{{ $invoice->customer?->display_name ?? '—' }}</a>
                        </span>
                    </li>
                    <li><span class="dl-label">التاريخ</span><span class="dl-value">{{ arabicDate($invoice->date) }}</span></li>
                    <li><span class="dl-label">تاريخ الاستحقاق</span>
                        <span class="dl-value {{ $invoice->is_overdue ? 'text-danger fw-bold' : '' }}">{{ arabicDate($invoice->due_date) }}</span>
                    </li>
                    <li><span class="dl-label">الحالة</span><span class="dl-value">{!! badge($invoice->status_label, $invoice->status_color) !!}</span></li>
                    @if ($invoice->quotation)
                        <li><span class="dl-label">عرض السعر</span>
                            <span class="dl-value"><a href="{{ route('quotations.show', $invoice->quotation) }}">{{ $invoice->quotation->code }}</a></span>
                        </li>
                    @endif
                    <li><span class="dl-label">أنشأها</span><span class="dl-value">{{ $invoice->creator?->name ?? '—' }}</span></li>
                </ul>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-calculator text-primary ms-2"></i>الملخص المالي</span></div>
            <div class="card-body">
                <ul class="detail-list">
                    <li><span class="dl-label">الإجمالي قبل الضريبة</span><span class="dl-value">{{ currency($invoice->subtotal) }}</span></li>
                    <li><span class="dl-label">الضريبة</span><span class="dl-value">{{ currency($invoice->tax) }}</span></li>
                    <li><span class="dl-label">خصم إضافي</span><span class="dl-value text-danger">- {{ currency($invoice->discount) }}</span></li>
                    <li><span class="dl-label">الإجمالي</span><span class="dl-value fw-bold h6 mb-0">{{ currency($invoice->total) }}</span></li>
                    <li><span class="dl-label">المدفوع</span><span class="dl-value text-success fw-bold">{{ currency($invoice->paid_amount) }}</span></li>
                    <li><span class="dl-label">المتبقي</span>
                        <span class="dl-value fw-bold {{ $invoice->remaining > 0 ? 'text-danger' : 'text-success' }}">{{ currency($invoice->remaining) }}</span>
                    </li>
                </ul>

                @php $pct = (float) $invoice->total > 0 ? min(100, round((float) $invoice->paid_amount / (float) $invoice->total * 100)) : 0; @endphp
                <div class="progress mt-2" style="height:8px">
                    <div class="progress-bar bg-success" style="width: {{ $pct }}%"></div>
                </div>
                <div class="small text-muted text-center mt-1">تم سداد {{ $pct }}%</div>
            </div>
        </div>
    </div>

    <div class="col-xl-8">
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-list text-primary ms-2"></i>البنود</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light">
                    <tr><th>#</th><th>البيان</th><th>الكمية</th><th>السعر</th><th>الخصم</th><th>الضريبة</th><th>الإجمالي</th></tr>
                    </thead>
                    <tbody>
                    @foreach ($invoice->items as $i => $item)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>
                                {{ $item->description }}
                                @if ($item->product)<div class="small text-muted font-monospace">{{ $item->product->code }}</div>@endif
                            </td>
                            <td>{{ (float) $item->quantity }}</td>
                            <td>{{ currency($item->price) }}</td>
                            <td>{{ currency($item->discount) }}</td>
                            <td class="small">{{ (float) $item->tax_rate }}% ({{ currency($item->tax_amount) }})</td>
                            <td class="fw-bold">{{ currency($item->total) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-money-bill-wave text-success ms-2"></i>الدفعات ({{ $invoice->payments->count() }})</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>السند</th><th>التاريخ</th><th>المبلغ</th><th>الطريقة</th><th>المرجع</th><th>المستخدم</th></tr></thead>
                    <tbody>
                    @forelse ($invoice->payments as $payment)
                        <tr>
                            <td class="font-monospace small">{{ $payment->code }}</td>
                            <td>{{ arabicDate($payment->date) }}</td>
                            <td class="fw-bold text-success">{{ currency($payment->amount) }}</td>
                            <td>{!! badge($payment->method_label, 'info') !!}</td>
                            <td class="small">{{ $payment->reference ?: '—' }}</td>
                            <td class="small">{{ $payment->creator?->name ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-4">لم تُسجَّل أي دفعات بعد</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        @if ($invoice->installations->isNotEmpty())
            <div class="card">
                <div class="card-header"><span><i class="fa-solid fa-screwdriver-wrench text-primary ms-2"></i>أوامر التركيب المرتبطة</span></div>
                <div class="card-body p-0 table-responsive">
                    <table class="table table-hover mb-0 align-middle">
                        <thead class="table-light"><tr><th>الرقم</th><th>المركبة</th><th>الموعد</th><th class="text-center">الحالة</th></tr></thead>
                        <tbody>
                        @foreach ($invoice->installations as $inst)
                            <tr>
                                <td><a href="{{ route('installations.show', $inst) }}" class="text-decoration-none">{{ $inst->code }}</a></td>
                                <td>{{ $inst->vehicle?->plate_number ?? '—' }}</td>
                                <td>{{ arabicDate($inst->scheduled_at, true) }}</td>
                                <td class="text-center">{!! badge($inst->status_label, $inst->status_color) !!}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection