@extends('admin.templates.layout')

@section('content')
<div class="row g-3 mb-3">
    @php
        $kpis = [
            ['Total Orders',  $stats['total_orders'],     'primary'],
            ['Active Orders', $stats['active_orders'],    'info'],
            ['Completed',     $stats['completed_orders'], 'success'],
            ['Cancelled',     $stats['cancelled_orders'], 'danger'],
        ];
    @endphp
    @foreach($kpis as [$label, $v, $c])
        <div class="col-md-3">
            <div class="card card-animate h-100"><div class="card-body">
                <p class="text-uppercase fw-medium text-muted mb-1 fs-12">{{ $label }}</p>
                <h4 class="fs-22 fw-semibold mb-0 text-{{ $c }}">{{ $v }}</h4>
            </div></div>
        </div>
    @endforeach
</div>

<div class="row g-3">
    <div class="col-lg-4">
        <div class="card h-100">
            <div class="card-header border-bottom"><h5 class="card-title mb-0">Merchant Information</h5></div>
            <div class="card-body">
                <div class="text-center mb-3">
                    <div class="avatar-lg mx-auto mb-2">
                        <span class="avatar-title rounded-circle bg-primary-subtle text-primary fw-bold fs-24">
                            {{ $merchant->initials }}
                        </span>
                    </div>
                    <h5 class="mb-1">{{ $merchant->name }}</h5>
                    <p class="text-muted mb-1">{{ $merchant->company_name ?: '-' }}</p>
                    <div>{!! account_status_badge($merchant->status) !!}</div>
                </div>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Account</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">User Code</dt>   <dd class="col-7 fs-13">{{ $merchant->user_code ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Role</dt>        <dd class="col-7 fs-13">{{ config("global.user_roles.{$merchant->role}") ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">First Name</dt>  <dd class="col-7 fs-13">{{ $merchant->first_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Last Name</dt>   <dd class="col-7 fs-13">{{ $merchant->last_name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Email</dt>       <dd class="col-7 fs-13">{{ $merchant->email ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Phone</dt>       <dd class="col-7 fs-13">{{ ($merchant->dial_code || $merchant->phone) ? '+' . $merchant->dial_code . $merchant->phone : '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Social Login</dt><dd class="col-7 fs-13">{!! $merchant->is_social ? '<span class="badge bg-info-subtle text-info">' . e(ucfirst($merchant->social_type ?: 'social')) . '</span>' : '<span class="badge bg-secondary-subtle text-secondary">No</span>' !!}</dd>
                    <dt class="col-5 text-muted fs-13">Registered</dt>  <dd class="col-7 fs-13">{{ web_date_in_timezone($merchant->created_at, 'M d, Y h:i A') }}</dd>
                </dl>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Business</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">Company</dt>
                    <dd class="col-7 fs-13">{{ $merchant->company_name ?: '-' }}</dd>
                </dl>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Location</h6>
                <dl class="row mb-3">
                    <dt class="col-5 text-muted fs-13">City</dt>    <dd class="col-7 fs-13">{{ $merchant->city?->name ?: '-' }}</dd>
                    <dt class="col-5 text-muted fs-13">Country</dt> <dd class="col-7 fs-13">{{ $merchant->country?->name ?: '-' }}</dd>
                </dl>

                <hr>
                <h6 class="text-muted text-uppercase fs-11 mb-2">Approval</h6>
                <dl class="row mb-0">
                    <dt class="col-5 text-muted fs-13">Approved</dt>
                    <dd class="col-7 fs-13">{!! $merchant->approved_at ? '<span class="badge bg-success-subtle text-success">Yes</span>' : '<span class="badge bg-secondary-subtle text-secondary">No</span>' !!}</dd>

                    <dt class="col-5 text-muted fs-13">Approved At</dt>
                    <dd class="col-7 fs-13">{{ $merchant->approved_at ? web_date_in_timezone($merchant->approved_at, 'M d, Y h:i A') : '-' }}</dd>

                    <dt class="col-5 text-muted fs-13">Rejected Reason</dt>
                    <dd class="col-7 fs-13">{{ $merchant->rejected_reason ?: '-' }}</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card h-100">
            <div class="card-header border-bottom d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Recent Orders</h5>
                <span class="badge bg-primary-subtle text-primary">{{ $orders->count() }} shown</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Reference</th>
                                <th>Cargo Company</th>
                                <th>Destination</th>
                                <th class="text-center">Qty</th>
                                <th class="text-end">Amount</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($orders as $o)
                                <tr>
                                    <td><a href="{{ route('admin.orders.show', $o->id) }}" class="text-primary fw-semibold">{{ $o->order_reference }}</a></td>
                                    <td>{{ $o->cargoCompany?->company_name ?: ($o->cargoCompany?->name ?: '-') }}</td>
                                    <td>{{ $o->destination_city ?: '-' }}</td>
                                    <td class="text-center">{{ $o->total_items_quantity ?: 0 }}</td>
                                    <td class="text-end">{{ number_format((float) ($o->total_items_amount ?? 0), 2) }} <small class="text-muted">{{ $o->currency ?: 'AED' }}</small></td>
                                    <td>{!! order_status_badge($o->status) !!}</td>
                                    <td class="text-muted fs-12">{{ web_date_in_timezone($o->created_at, 'M d, Y') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="text-center text-muted py-4">No orders yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection