@extends('admin.layouts.master')

@section('title', 'تفاصيل فاتورة البيع')

@section('content')
<div class="pc-container">
    <div class="pc-content">

        <div class="d-flex justify-content-between align-items-center mb-3">
            <h4 class="mb-0">فاتورة بيع: {{ $invoice->invoice_number }}</h4>
            <div class="d-flex gap-2">
                @if($invoice->can_edit)
                    @can('sales_invoices.update')
                        <a href="{{ route('admin.sales_invoices.edit', $invoice) }}" class="btn btn-warning">تعديل</a>
                    @endcan
                @endif
                @can('sales_invoices.print')
                    <a href="{{ route('admin.sales_invoices.print', $invoice) }}" target="_blank" class="btn btn-dark">طباعة</a>
                    <a href="{{ route('admin.sales_invoices.pdf', $invoice) }}" class="btn btn-outline-dark">PDF</a>
                @endcan
                <a href="{{ route('admin.sales_invoices.index') }}" class="btn btn-light">رجوع</a>
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <div class="row g-3 mb-3">
            <div class="col-md-3">
                <div class="card"><div class="card-body text-center"><h6 class="text-muted">الإجمالي</h6><h4>{{ number_format((float)$invoice->grand_total, 2) }}</h4></div></div>
            </div>
            <div class="col-md-3">
                <div class="card"><div class="card-body text-center"><h6 class="text-muted">المدفوع</h6><h4 class="text-success">{{ number_format((float)$invoice->paid_amount, 2) }}</h4></div></div>
            </div>
            <div class="col-md-3">
                <div class="card"><div class="card-body text-center"><h6 class="text-muted">المتبقي</h6><h4 class="text-danger">{{ number_format((float)$invoice->remaining_amount, 2) }}</h4></div></div>
            </div>
            <div class="col-md-3">
                <div class="card"><div class="card-body text-center"><h6 class="text-muted">الحالة</h6><h4>{!! $invoice->status_badge !!}</h4></div></div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><h5 class="mb-0">بيانات الفاتورة</h5></div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-3"><strong>رقم الفاتورة:</strong> {{ $invoice->invoice_number }}</div>
                    <div class="col-md-3"><strong>العميل:</strong> {{ $invoice->customer?->name_ar }}</div>
                    <div class="col-md-3"><strong>المخزن:</strong> {{ $invoice->warehouse?->name_ar }}</div>
                    <div class="col-md-3"><strong>تاريخ الفاتورة:</strong> {{ $invoice->invoice_date?->format('Y-m-d') }}</div>
                    <div class="col-md-3"><strong>نوع السداد:</strong> {{ \App\Models\SalesInvoice::PAYMENT_TERMS[$invoice->payment_terms] ?? '-' }}</div>
                    <div class="col-md-3"><strong>الاستحقاق:</strong> {{ $invoice->due_date?->format('Y-m-d') ?? '-' }}</div>
                    <div class="col-md-3"><strong>أنشئ بواسطة:</strong> {{ $invoice->creator?->name ?? '-' }}</div>
                    <div class="col-md-3"><strong>اعتمد بواسطة:</strong> {{ $invoice->poster?->name ?? '-' }}</div>
                    @if($invoice->notes_ar)
                        <div class="col-12"><strong>ملاحظات:</strong> {{ $invoice->notes_ar }}</div>
                    @endif
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><h5 class="mb-0">بنود الفاتورة</h5></div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>النوع</th>
                                <th>الوصف</th>
                                <th>الصنف / الخدمة</th>
                                <th>الوحدة</th>
                                <th class="text-end">الكمية</th>
                                <th class="text-end">سعر الوحدة</th>
                                <th class="text-end">خصم</th>
                                <th class="text-end">الإجمالي</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($invoice->items as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $item->line_type === 'service' ? 'خدمة' : 'صنف' }}</td>
                                <td>{{ $item->description_ar }}</td>
                                <td>{{ $item->line_type === 'service' ? ($item->serviceType?->name_ar ?? '-') : ($item->product?->name_ar ?? '-') }}</td>
                                <td>{{ $item->unit?->name_ar ?? '-' }}</td>
                                <td class="text-end">{{ number_format((float)$item->quantity, 2) }}</td>
                                <td class="text-end">{{ number_format((float)$item->unit_price, 2) }}</td>
                                <td class="text-end">{{ number_format((float)$item->discount_amount, 2) }}</td>
                                <td class="text-end">{{ number_format((float)$item->line_total, 2) }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="9" class="text-center text-muted">لا توجد بنود</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <div class="card h-100">
                    <div class="card-header"><h5 class="mb-0">طرق السداد المسجلة</h5></div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm mb-0">
                                <thead>
                                    <tr>
                                        <th>رقم السداد</th>
                                        <th>الطريقة</th>
                                        <th>الحساب</th>
                                        <th class="text-end">القيمة</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @forelse($invoice->customerPayments as $pay)
                                    <tr>
                                        <td>{{ $pay->payment_number }}</td>
                                        <td>{{ $pay->payment_method }}</td>
                                        <td>{{ $pay->paymentAccount?->name_ar ?? '-' }}</td>
                                        <td class="text-end">{{ number_format((float)$pay->amount, 2) }}</td>
                                    </tr>
                                @empty
                                    <tr><td colspan="4" class="text-center text-muted">لا توجد سدادات</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 mb-3">
                <div class="card h-100">
                    <div class="card-header"><h5 class="mb-0">سجل العمليات</h5></div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm mb-0">
                                <thead>
                                    <tr>
                                        <th>الحدث</th>
                                        <th>الوصف</th>
                                        <th>المنفذ</th>
                                        <th>التاريخ</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @forelse($activities as $log)
                                    <tr>
                                        <td>{{ $log->event_name }}</td>
                                        <td>{{ $log->description_ar }}</td>
                                        <td>{{ $log->causer?->name ?? '-' }}</td>
                                        <td>{{ $log->created_at?->format('Y-m-d H:i') }}</td>
                                    </tr>
                                @empty
                                    <tr><td colspan="4" class="text-center text-muted">لا يوجد سجل عمليات</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection