@extends('admin.layouts.master')
@section('title', 'تفاصيل التحصيل')

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

    {{-- Header --}}
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <div>
            <h4 class="mb-1">تفاصيل التحصيل: {{ $collection->payment_number }}</h4>
            <p class="text-muted mb-0">عرض شامل لبيانات التحصيل والعلاقات المرتبطة به.</p>
        </div>
        <div class="d-flex gap-2">
            @can('customer_collections.update')
                <a href="{{ route('admin.customer_collections.edit', $collection) }}" class="btn btn-warning">
                    <i class="ti ti-edit me-1"></i>تعديل
                </a>
            @endcan
            <a href="{{ route('admin.customer_collections.index') }}" class="btn btn-light">
                <i class="ti ti-arrow-right me-1"></i>رجوع
            </a>
        </div>
    </div>

    {{-- KPI Row --}}
    <div class="row g-3 mb-3">
        <div class="col-md-3">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small">رقم التحصيل</div>
                    <div class="fw-bold text-primary fs-5">{{ $collection->payment_number }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small">قيمة التحصيل</div>
                    <div class="fw-bold text-success fs-5">{{ number_format((float) $collection->amount, 2) }} ج.م</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small">تاريخ التحصيل</div>
                    <div class="fw-bold fs-5">{{ $collection->payment_date?->format('Y-m-d') ?? '-' }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small">طريقة التحصيل</div>
                    <span class="badge bg-{{ $methodMeta['color'] }}-light text-{{ $methodMeta['color'] }} fs-6">
                        <i class="ti {{ $methodMeta['icon'] }} me-1"></i>{{ $methodMeta['label'] }}
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        {{-- بيانات العميل --}}
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header">
                    <h6 class="mb-0"><i class="ti ti-user me-1 text-primary"></i>بيانات العميل</h6>
                </div>
                <div class="card-body">
                    <div class="mb-2"><span class="text-muted">الاسم:</span> <strong>{{ $collection->customer?->name_ar ?? '-' }}</strong></div>
                    <div class="mb-2"><span class="text-muted">الهاتف:</span> {{ $collection->customer?->phone ?? '-' }}</div>
                    <div class="mb-2"><span class="text-muted">نوع العميل:</span>
                        @php $ct = $collection->customer?->customer_type_name ?? '-'; @endphp
                        {{ $ct }}
                    </div>
                    <div>
                        <span class="text-muted">مديونية العميل الحالية:</span>
                        <strong class="{{ $customerBalance > 0 ? 'text-danger' : 'text-success' }}">
                            {{ number_format($customerBalance, 2) }} ج.م
                        </strong>
                    </div>
                </div>
            </div>
        </div>

        {{-- بيانات الفاتورة المرتبطة --}}
        <div class="col-lg-6">
            <div class="card h-100">
                <div class="card-header">
                    <h6 class="mb-0"><i class="ti ti-receipt me-1 text-info"></i>الفاتورة المرتبطة</h6>
                </div>
                <div class="card-body">
                    @if($collection->salesInvoice)
                        <div class="mb-2">
                            <span class="text-muted">رقم الفاتورة:</span>
                            <a href="{{ route('admin.sales_invoices.show', $collection->salesInvoice) }}" class="fw-bold text-primary">
                                {{ $collection->salesInvoice->invoice_number }}
                            </a>
                        </div>
                        <div class="mb-2"><span class="text-muted">الإجمالي:</span> {{ number_format((float) $collection->salesInvoice->grand_total, 2) }} ج.م</div>
                        <div class="mb-2"><span class="text-muted">المدفوع:</span> {{ number_format((float) $collection->salesInvoice->paid_amount, 2) }} ج.م</div>
                        <div><span class="text-muted">المتبقي:</span>
                            <strong class="text-danger">{{ number_format((float) $collection->salesInvoice->remaining_amount, 2) }} ج.م</strong>
                        </div>
                    @else
                        <div class="text-muted py-2">غير مرتبط بفاتورة محددة.</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- بيانات الحساب والتفاصيل --}}
    <div class="card mt-3">
        <div class="card-header"><h6 class="mb-0">تفاصيل عملية التحصيل</h6></div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-4">
                    <span class="text-muted small d-block">حساب التحصيل</span>
                    <span class="fw-semibold">{{ $collection->paymentAccount?->name_ar ?? '-' }}</span>
                    @if($collection->paymentAccount)
                        <small class="text-muted d-block">
                            {{ ['cash_box'=>'خزنة نقدية','bank'=>'بنكي','instapay'=>'Instapay','wallet'=>'محفظة'][$collection->paymentAccount->account_type] ?? '-' }}
                        </small>
                    @endif
                </div>
                <div class="col-md-4">
                    <span class="text-muted small d-block">رقم المرجع</span>
                    <span class="fw-semibold">{{ $collection->reference_number ?: '-' }}</span>
                </div>
                <div class="col-md-4">
                    <span class="text-muted small d-block">مرجع العملية البنكية</span>
                    <span class="fw-semibold">{{ $collection->transaction_reference ?: '-' }}</span>
                </div>
                <div class="col-md-4">
                    <span class="text-muted small d-block">تم الإنشاء بواسطة</span>
                    <span class="fw-semibold">{{ $collection->creator?->name ?? '-' }}</span>
                </div>
                <div class="col-md-4">
                    <span class="text-muted small d-block">وقت التسجيل</span>
                    <span class="fw-semibold">{{ $collection->created_at?->format('Y-m-d H:i') ?? '-' }}</span>
                </div>
                <div class="col-12">
                    <span class="text-muted small d-block">ملاحظات</span>
                    <div class="fw-semibold">{{ $collection->notes_ar ?: 'لا توجد ملاحظات.' }}</div>
                </div>
            </div>
        </div>
    </div>

</div></div>
@endsection