@extends('layouts.app') @section('title','Pelanggan') @section('page-title','Pelanggan')
@section('content')<div class="page-heading"><div><span class="eyebrow">KOMUNITAS D'SHOP</span><h2>Data pelanggan</h2><p>Akun yang terdaftar melalui aplikasi mobile D’Shop.</p></div></div><form class="surface filter-bar" style="grid-template-columns:1fr auto" method="GET"><input class="shop-input" name="search" value="{{ request('search') }}" placeholder="Cari nama atau email..."><button class="btn-shop">Cari</button></form>
<div class="surface"><table class="shop-table"><thead><tr><th>Pelanggan</th><th>Kontak</th><th>Alamat</th><th>Bergabung</th><th>Status</th></tr></thead><tbody>@forelse($customers as $customer)<tr><td><div style="display:flex;align-items:center;gap:10px"><span class="customer-avatar">{{ strtoupper(substr($customer->name,0,1)) }}</span><b>{{ $customer->name }}</b></div></td><td>{{ $customer->email }}<small style="display:block;color:#998b81">{{ $customer->phone ?: 'Nomor belum diisi' }}</small></td><td>{{ Str::limit($customer->address ?: 'Belum diisi',45) }}</td><td>{{ $customer->created_at->translatedFormat('d M Y') }}</td><td><span class="stock-pill">Aktif</span></td></tr>@empty<tr><td colspan="5" style="text-align:center;padding:45px">Belum ada pelanggan terdaftar.</td></tr>@endforelse</tbody></table><div class="pagination-wrap">{{ $customers->links() }}</div></div>@endsection