@extends('layouts.app') @section('content')<div class="d-flex justify-content-between mb-4"><div><div class="eyebrow">OPERATIONS</div><h1>Appointments</h1></div><form><input type="date" name="date" value="{{ request('date') }}" class="form-control" onchange="this.form.submit()"></form></div><div class="panel p-3"><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Date & time</th><th>Customer</th><th>Service / stylist</th><th>Payment</th><th>Status</th></tr></thead><tbody>@foreach($appointments as $a)<tr><td><strong>{{ $a->starts_at->format('d M, g:i A') }}</strong><small>{{ $a->reference }}</small></td><td>{{ $a->customer->name }}<small>{{ $a->customer->mobile }}</small></td><td>{{ $a->service->name }}<small>{{ $a->stylist->name }}</small></td><td><span class="badge {{ $a->payment_status==='paid'?'text-bg-success':'text-bg-warning' }}">{{ $a->payment_status }}</span><small>LKR {{ number_format($a->total,2) }}</small></td><td><form method="post" action="{{ route('appointments.update',$a) }}">@csrf @method('PATCH')<select name="status" class="form-select form-select-sm" onchange="this.form.submit()">@foreach(['pending','confirmed','checked_in','completed','cancelled','no_show'] as $status)<option @selected($a->status===$status) value="{{ $status }}">{{ ucwords(str_replace('_',' ',$status)) }}</option>@endforeach</select></form></td></tr>@endforeach</tbody></table></div>{{ $appointments->links() }}</div>@endsection