@extends('layouts.admin')

@section('page_kicker', 'HR')
@section('page_title', 'Staff management')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Add staff</h3>
            <p class="admin-card-desc">Create accounts for clinical and front-desk roles.</p>
            <form method="POST" action="{{ route('hospital.staff.store') }}" class="mt-5 grid gap-4 md:grid-cols-2">
                @csrf
                <div>
                    <label class="admin-form-label" for="staff_name">Name</label>
                    <input id="staff_name" type="text" name="name" placeholder="Name" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="staff_email">Email</label>
                    <input id="staff_email" type="email" name="email" placeholder="Email" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="staff_role">Role</label>
                    <select id="staff_role" name="role" class="admin-input" required>
                        @foreach(\App\Support\RbacConfig::hospitalPortalStaffRoles() as $role)
                            <option value="{{ $role }}">{{ str_replace('_', ' ', ucfirst($role)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="admin-form-label" for="staff_spec">Specialization</label>
                    <input id="staff_spec" type="text" name="specialization" placeholder="For doctor role" class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="staff_pw">Password</label>
                    <input id="staff_pw" type="password" name="password" placeholder="Password" class="admin-input" required>
                </div>
                <div>
                    <label class="admin-form-label" for="staff_pw2">Confirm password</label>
                    <input id="staff_pw2" type="password" name="password_confirmation" placeholder="Confirm password" class="admin-input" required>
                </div>
                <div class="md:col-span-2">
                    <button type="submit" class="admin-btn-primary w-full md:w-auto">Create staff</button>
                </div>
            </form>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Staff list</h3>
            <p class="admin-card-desc">Update profiles or reset access.</p>
            <div class="mt-5 space-y-4">
                @foreach($staff as $member)
                    <div class="rounded-xl border border-slate-100 bg-slate-50/90 p-4">
                        <p class="text-sm font-semibold text-slate-900">{{ $member->name }} · {{ $member->role }}</p>
                        <p class="text-xs text-slate-500">{{ $member->email }} · {{ $member->is_active ? 'Active' : 'Inactive' }}</p>
                        <form method="POST" action="{{ route('hospital.staff.update', $member) }}" class="mt-3 grid gap-3 md:grid-cols-2">
                            @csrf
                            @method('PATCH')
                            <input type="text" name="name" value="{{ $member->name }}" class="admin-input" required>
                            <input type="email" name="email" value="{{ $member->email }}" class="admin-input" required>
                            <select name="role" class="admin-input">
                                @foreach(\App\Support\RbacConfig::hospitalPortalStaffRoles() as $role)
                                    <option value="{{ $role }}" @selected($member->role === $role)>{{ str_replace('_', ' ', $role) }}</option>
                                @endforeach
                            </select>
                            <select name="is_active" class="admin-input">
                                <option value="1" @selected($member->is_active)>Active</option>
                                <option value="0" @selected(! $member->is_active)>Inactive</option>
                            </select>
                            <div class="md:col-span-2">
                                <button type="submit" class="admin-btn-dark">Update</button>
                            </div>
                        </form>
                        <form method="POST" action="{{ route('hospital.staff.password.reset', $member) }}" class="mt-3 grid gap-3 border-t border-slate-200/60 pt-3 md:grid-cols-2">
                            @csrf
                            @method('PATCH')
                            <input type="password" name="password" placeholder="New password" class="admin-input" required>
                            <input type="password" name="password_confirmation" placeholder="Confirm password" class="admin-input" required>
                            <div class="md:col-span-2">
                                <button type="submit" class="admin-btn-secondary">Reset password</button>
                            </div>
                        </form>
                    </div>
                @endforeach
            </div>
            <div class="mt-5 border-t border-slate-100 pt-4">{{ $staff->links() }}</div>
        </div>
    </div>
@endsection