@extends('layouts.app')
@section('title', __('Recalls'))

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
    <h1 class="h4 fw-bold mb-0">🔔 {{ __('Recalls') }}</h1>
    @can('create', App\Models\Recall::class)
        <button class="btn mb-btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#recallModal">+ {{ __('Schedule recall') }}</button>
    @endcan
</div>
<p class="mb-muted small mb-3">{{ __('Automatic WhatsApp reminders are sent on the due date inviting the patient to book their next visit.') }}</p>

<div class="mb-card p-3">
    <table class="table mb-table align-middle mb-0">
        <thead><tr><th>{{ __('Patient') }}</th><th>{{ __('Reason') }}</th><th>{{ __('Due date') }}</th><th>{{ __('Status') }}</th><th></th></tr></thead>
        <tbody>
        @forelse($due as $recall)
            <tr>
                <td>
                    <a href="{{ route('tenant.patients.show', $recall->patient_id) }}">{{ $recall->patient->full_name }}</a>
                    <div class="mb-muted small" dir="ltr">{{ $recall->patient->phone }}</div>
                </td>
                <td>{{ $recall->reason }}</td>
                <td>{{ $recall->due_date->format('d M Y') }}
                    @if($recall->due_date->isPast() && $recall->status === 'scheduled')<span class="badge text-bg-warning">{{ __('Due') }}</span>@endif
                </td>
                <td><span class="badge text-bg-{{ match($recall->status) { 'sent' => 'info', 'booked' => 'success', 'dismissed' => 'secondary', default => 'warning' } }}">{{ __(ucfirst($recall->status)) }}</span></td>
                <td class="text-end">
                    @can('update', $recall)
                    <div class="d-flex gap-1 justify-content-end">
                        <form method="POST" action="{{ route('tenant.recalls.update', $recall) }}">
                            @csrf @method('PATCH')
                            <input type="hidden" name="status" value="booked">
                            <button class="btn btn-sm mb-btn-ghost">✓ {{ __('Booked') }}</button>
                        </form>
                        <form method="POST" action="{{ route('tenant.recalls.update', $recall) }}">
                            @csrf @method('PATCH')
                            <input type="hidden" name="status" value="dismissed">
                            <button class="btn btn-sm mb-btn-ghost">✕</button>
                        </form>
                    </div>
                    @endcan
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="mb-muted py-4 text-center">{{ __('No recalls scheduled.') }}</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
{{ $due->links() }}

@can('create', App\Models\Recall::class)
<div class="modal fade" id="recallModal" tabindex="-1">
    <div class="modal-dialog">
        <form class="modal-content mb-card" method="POST" action="{{ route('tenant.recalls.store') }}">
            @csrf
            <div class="modal-header" style="border-color:var(--mb-line)">
                <h2 class="h6 fw-bold mb-0">{{ __('Schedule recall') }}</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">{{ __('Patient') }}</label>
                    <select name="patient_id" class="form-select" required>
                        @foreach(\App\Models\Patient::orderBy('full_name')->limit(500)->get(['id','full_name','phone']) as $p)
                            <option value="{{ $p->id }}">{{ $p->full_name }} — {{ $p->phone }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Reason') }}</label>
                    <input name="reason" class="form-control" placeholder="{{ __('e.g. 6-month check-up') }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('Due date') }}</label>
                    <input type="date" name="due_date" class="form-control" min="{{ today()->addDay()->toDateString() }}"
                           value="{{ today()->addMonths(6)->toDateString() }}" required>
                </div>
            </div>
            <div class="modal-footer" style="border-color:var(--mb-line)">
                <button class="btn mb-btn-primary w-100">{{ __('Schedule') }}</button>
            </div>
        </form>
    </div>
</div>
@endcan
@endsection