@extends('layouts.admin')

@section('page_kicker', 'Telehealth')
@section('page_title', 'Patient management')

@section('content')
    <div class="admin-content-card">
        <h3 class="admin-card-title">Registered patients</h3>
        <p class="admin-card-desc">Edit profile details and account status.</p>

        <div class="mt-6 space-y-4">
            @foreach($patients as $patient)
                <div class="rounded-xl border border-slate-100 bg-slate-50/90 p-4 sm:p-5">
                    <div class="flex flex-wrap items-baseline justify-between gap-2">
                        <p class="font-semibold text-slate-900">{{ $patient->name }}</p>
                        <span class="rounded-full bg-white px-2.5 py-0.5 text-xs font-medium text-slate-600 ring-1 ring-slate-200/80">
                            {{ $patient->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </div>
                    <p class="mt-1 text-xs text-slate-500">{{ $patient->email }} · {{ $patient->phone ?? 'N/A' }}</p>
                    <p class="mt-1 text-xs text-slate-500">
                        Consultations: {{ \App\Models\Modules\Aim4Wellness\Models\Consultation::where('patient_id', $patient->id)->count() }}
                    </p>
                    <form method="POST" action="{{ route('aim4wellness.admin.patients.update', $patient) }}" class="mt-4 grid gap-3 sm:grid-cols-2">
                        @csrf
                        @method('PATCH')
                        <div class="sm:col-span-1">
                            <label class="admin-form-label" for="name-{{ $patient->id }}">Name</label>
                            <input id="name-{{ $patient->id }}" type="text" name="name" value="{{ $patient->name }}" class="admin-input" required>
                        </div>
                        <div class="sm:col-span-1">
                            <label class="admin-form-label" for="email-{{ $patient->id }}">Email</label>
                            <input id="email-{{ $patient->id }}" type="email" name="email" value="{{ $patient->email }}" class="admin-input" required>
                        </div>
                        <div class="sm:col-span-1">
                            <label class="admin-form-label" for="phone-{{ $patient->id }}">Phone</label>
                            <input id="phone-{{ $patient->id }}" type="text" name="phone" value="{{ $patient->phone }}" class="admin-input">
                        </div>
                        <div class="sm:col-span-1">
                            <label class="admin-form-label" for="active-{{ $patient->id }}">Status</label>
                            <select id="active-{{ $patient->id }}" name="is_active" class="admin-input">
                                <option value="1" @selected($patient->is_active)>Active</option>
                                <option value="0" @selected(! $patient->is_active)>Inactive</option>
                            </select>
                        </div>
                        <div class="sm:col-span-2">
                            <button type="submit" class="admin-btn-primary w-full sm:w-auto">Update patient</button>
                        </div>
                    </form>
                </div>
            @endforeach
        </div>
        <div class="mt-6 border-t border-slate-100 pt-4">{{ $patients->links() }}</div>
    </div>
@endsection