@extends('admin.layouts.app')
@section('title', __('admin.menu_appointments'))
@section('heading', __('admin.menu_appointments'))
@section('content')
<x-admin.page-header :title="__('admin.menu_appointments')" />
<div class="admin-card">
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{ __('admin.lead_phone') }}</th>
                    <th>{{ __('admin.appointment_scheduled_at') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th>{{ __('admin.body') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($appointments as $appointment)
                    <tr>
                        <td>{{ $appointment->id }}</td>
                        <td dir="ltr">{{ $appointment->user?->name ?? $appointment->user?->mobile ?? '—' }}</td>
                        <td>{{ $appointment->scheduled_at?->format('Y-m-d H:i') }}</td>
                        <td>{{ $appointment->status }}</td>
                        <td>{{ $appointment->notes ? \Illuminate\Support\Str::limit($appointment->notes, 60) : '—' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="admin-empty">{{ __('admin.no_records') }}</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-4">{{ $appointments->links() }}</div>
@endsection