@extends('layouts.franchise', ['heading' => 'Customers / ग्राहक'])

@section('content')
    <div class="grid grid-cols-1 gap-3">
        @forelse($customers as $customer)
            <div class="rounded-2xl bg-white p-4 shadow">
                <div class="font-semibold">{{ $customer->member_code }} - {{ $customer->name }}</div>
                <div class="text-xs text-slate-500">Mobile: {{ $customer->mobile }}</div>
                <div class="text-sm text-slate-600">Orders: {{ $customer->total_orders }} | Total: ₹ {{ number_format((float) $customer->total_spent, 2) }}</div>
                <div class="text-xs text-slate-500">Last Visit: {{ $customer->last_visit ? \Illuminate\Support\Carbon::parse($customer->last_visit)->format('d M Y') : '-' }}</div>
            </div>
        @empty
            <div class="rounded-2xl bg-white p-4 text-center text-slate-500">No customers found.</div>
        @endforelse
    </div>
@endsection