@extends('dashboard.layout')

@section('content')
<div class="container mx-auto">
  <h1 class="text-2xl font-semibold mb-4">بيانات العميل #{{ $customer->id }}</h1>

  <div class="bg-white shadow rounded p-6 grid grid-cols-1 md:grid-cols-2 gap-4">
    <div><span class="font-semibold">الاسم: </span> {{ $customer->name }}</div>
    <div><span class="font-semibold">البريد: </span> {{ $customer->email }}</div>
    <div><span class="font-semibold">الهاتف: </span> {{ $customer->phone ?? '-' }}</div>
    <div><span class="font-semibold">تاريخ الإنشاء: </span> {{ $customer->created_at->format('Y-m-d H:i') }}</div>
  </div>

  <div class="mt-6">
    <a href="{{ route('dashboard.customers.index') }}" class="btn">رجوع</a>
  </div>
</div>
@endsection