@extends('layouts.admin')
@section('title', __('Customers'))
@section('content')
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Customers') }}</h1>
<form method="GET" class="mb-5 flex gap-3"><label class="sr-only" for="q">{{ __('Search') }}</label>
    <input id="q" name="q" value="{{ $q }}" placeholder="{{ __('Name, email or phone') }}" class="min-h-[44px] min-w-0 flex-1 rounded-full border border-outline-variant bg-white px-5"><x-btn type="submit" variant="ghost">{{ __('Search') }}</x-btn></form>
@if ($result['items'])
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full min-w-[680px] text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Customer') }}</th><th class="p-4">{{ __('Orders') }}</th><th class="p-4">{{ __('Spent') }}</th><th class="p-4">{{ __('Joined') }}</th><th class="p-4">{{ __('Status') }}</th></tr></thead>
        <tbody>
        @foreach ($result['items'] as $u)
            <tr class="border-t border-surface-variant"><td class="p-4"><span class="font-bold text-primary">{{ trim($u->first_name . ' ' . $u->last_name) }}</span><span class="block text-xs text-outline">{{ $u->email }} {{ $u->phone }}</span></td>
                <td class="p-4">{{ $u->orders }}</td><td class="p-4">{{ $shop->money->format((float) $u->spent) }}</td><td class="p-4">{{ \Illuminate\Support\Str::before((string) $u->created_at, ' ') }}</td>
                <td class="p-4"><form method="POST" action="{{ route('admin.customers.status', $u->id) }}">@csrf @method('PATCH')<input type="hidden" name="status" value="{{ $u->status === 'active' ? 'suspended' : 'active' }}">
                    <button class="font-bold underline {{ $u->status === 'active' ? 'text-primary' : 'text-error' }}">{{ $u->status === 'active' ? __('Active — suspend') : __('Suspended — reactivate') }}</button></form></td></tr>
        @endforeach
        </tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No customers yet')"/> @endif
@endsection