@extends('admin.layouts.master')

@section('title', 'تفاصيل العميل')

@section('page-header')
    <div class="row align-items-center">
        <div class="col">
            <div class="page-pretitle">العملاء</div>
            <h2 class="page-title"><i class="ti ti-user-check ms-1"></i> {{ $customer->name }}</h2>
        </div>
        <div class="col-auto">
            <a href="{{ route('admin.customers.edit', $customer) }}" class="btn btn-primary me-2">
                <i class="ti ti-edit ms-1"></i> تعديل
            </a>
            <a href="{{ route('admin.customers.index') }}" class="btn btn-outline-secondary">
                <i class="ti ti-arrow-right ms-1"></i> العودة
            </a>
        </div>
    </div>
@endsection

@section('content')
    <div class="row row-cards">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body text-center">
                    <span class="avatar avatar-xl bg-primary text-white mb-3">{{ mb_substr($customer->name, 0, 1) }}</span>
                    <h3>{{ $customer->name }}</h3>
                    <div class="text-muted">{{ $customer->code }}</div>
                    <div class="mt-3">
                        <span class="badge bg-{{ $customer->category === 'vip' ? 'warning' : ($customer->category === 'wholesale' ? 'info' : 'secondary') }}">
                            {{ $customer->category_label }}
                        </span>
                        <span class="badge bg-{{ $customer->is_active ? 'success' : 'danger' }}">
                            {{ $customer->is_active ? 'نشط' : 'غير نشط' }}
                        </span>
                    </div>
                </div>
                <div class="card-body">
                    <h4>البيانات الاتصالية</h4>
                    <dl class="row">
                        <dt class="col-5">الهاتف:</dt><dd class="col-7">{{ $customer->phone ?: '-' }}</dd>
                        <dt class="col-5">الجوال:</dt><dd class="col-7">{{ $customer->mobile ?: '-' }}</dd>
                        <dt class="col-5">البريد:</dt><dd class="col-7">{{ $customer->email ?: '-' }}</dd>
                        <dt class="col-5">العنوان:</dt><dd class="col-7">{{ $customer->address ?: '-' }}</dd>
                        <dt class="col-5">المدينة:</dt><dd class="col-7">{{ $customer->city ?: '-' }}</dd>
                        <dt class="col-5">الرقم الضريبي:</dt><dd class="col-7">{{ $customer->tax_number ?: '-' }}</dd>
                        <dt class="col-5">الفرع:</dt><dd class="col-7">{{ $customer->branch?->name ?: '-' }}</dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="row row-cards">
                <div class="col-md-4">
                    <div class="card card-sm">
                        <div class="card-body text-center">
                            <div class="text-muted">الرصيد الحالي</div>
                            <h2 class="mt-1 mb-0 {{ $customer->current_balance > 0 ? 'text-success' : ($customer->current_balance < 0 ? 'text-danger' : '') }}">
                                {{ number_format(abs($customer->current_balance), 2) }} ج.م
                            </h2>
                            <div class="small text-muted">{{ $customer->current_balance >= 0 ? 'له' : 'عليه' }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card card-sm">
                        <div class="card-body text-center">
                            <div class="text-muted">إجمالي الطلبات</div>
                            <h2 class="mt-1 mb-0">{{ $customer->orders->count() }}</h2>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card card-sm">
                        <div class="card-body text-center">
                            <div class="text-muted">حد الائتمان</div>
                            <h2 class="mt-1 mb-0">{{ number_format($customer->credit_limit, 2) }}</h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header">
                    <h3 class="card-title">آخر الفواتير</h3>
                </div>
                <div class="table-responsive">
                    <table class="table table-vcenter card-table">
                        <thead>
                            <tr><th>الرقم</th><th>التاريخ</th><th>الإجمالي</th><th>المدفوع</th><th>المتبقي</th><th>الحالة</th></tr>
                        </thead>
                        <tbody>
                            @forelse($customer->invoices->take(15) as $inv)
                                <tr>
                                    <td>{{ $inv->invoice_no }}</td>
                                    <td>{{ $inv->invoice_date?->format('Y-m-d') }}</td>
                                    <td>{{ number_format($inv->total_amount, 2) }}</td>
                                    <td>{{ number_format($inv->paid_amount, 2) }}</td>
                                    <td class="text-danger">{{ number_format($inv->remaining_amount, 2) }}</td>
                                    <td><span class="badge bg-{{ $inv->status_color }}">{{ $inv->status_label }}</span></td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted py-4">لا توجد فواتير</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection