@extends('layouts.admin')

@section('title', $mode === 'create' ? 'Add Therapist' : 'Edit Therapist')
@section('eyebrow', 'Content Modules')
@section('heading', $mode === 'create' ? 'Add Therapist' : 'Edit Therapist')

@section('header_actions')
    <div class="flex flex-wrap gap-3">
        <a href="{{ route('admin.therapists.index') }}" class="lunara-button-secondary">Back to Therapists</a>
        @if ($mode === 'edit')
            <a href="{{ route('pages.show', ['slug' => 'therapists']) }}" target="_blank" class="lunara-button-primary">Preview Page</a>
        @endif
    </div>
@endsection

@section('content')
    <form method="POST" action="{{ $mode === 'create' ? route('admin.therapists.store') : route('admin.therapists.update', $therapist) }}" enctype="multipart/form-data" class="space-y-8">
        @csrf
        @if ($mode === 'edit')
            @method('PUT')
        @endif

        <section class="lunara-card p-7">
            <div class="grid gap-6 md:grid-cols-2">
                <div>
                    <label class="lunara-label" for="name">Name</label>
                    <input id="name" name="name" value="{{ old('name', $therapist->name) }}" class="lunara-admin-input" required>
                </div>
                <div>
                    <label class="lunara-label" for="slug">Slug</label>
                    <input id="slug" name="slug" value="{{ old('slug', $therapist->slug) }}" class="lunara-admin-input" placeholder="Auto-generated if blank">
                </div>
                <div>
                    <label class="lunara-label" for="profile_code">Profile code</label>
                    <input id="profile_code" name="profile_code" value="{{ old('profile_code', $therapist->profile_code) }}" class="lunara-admin-input" placeholder="02">
                </div>
                <div>
                    <label class="lunara-label" for="age">Age</label>
                    <input id="age" type="number" min="18" max="99" name="age" value="{{ old('age', $therapist->age) }}" class="lunara-admin-input">
                </div>
                <div>
                    <label class="lunara-label" for="sort_order">Sort order</label>
                    <input id="sort_order" type="number" min="0" name="sort_order" value="{{ old('sort_order', $therapist->sort_order) }}" class="lunara-admin-input">
                </div>
                <div></div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="image_path">Image path or URL</label>
                    <input id="image_path" name="image_path" value="{{ old('image_path', $therapist->image_path) }}" class="lunara-admin-input" placeholder="images/therapist-nikki.jpg">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="image_upload">Upload profile image</label>
                    <input id="image_upload" type="file" name="image_upload" accept="image/png,image/jpeg,image/webp,image/avif" class="lunara-admin-input file:mr-4 file:rounded-full file:border-0 file:bg-accent file:px-4 file:py-2 file:text-xs file:uppercase file:tracking-[0.18em] file:text-white">
                </div>
                @if (old('image_path', $therapist->image_path))
                    <div class="md:col-span-2">
                        <p class="lunara-label">Current preview</p>
                        <img src="{{ \Illuminate\Support\Str::startsWith(old('image_path', $therapist->image_path), ['http://', 'https://']) ? old('image_path', $therapist->image_path) : asset(ltrim(old('image_path', $therapist->image_path), '/')) }}" alt="Therapist preview" class="mt-2 h-48 w-full rounded-[1.5rem] border border-white/10 object-cover md:w-96">
                    </div>
                @endif
                <div class="md:col-span-2">
                    <label class="lunara-label" for="bio">Bio / description</label>
                    <textarea id="bio" name="bio" class="lunara-admin-textarea min-h-48">{{ old('bio', $therapist->bio) }}</textarea>
                </div>
                <div class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-4">
                    <input type="hidden" name="is_featured" value="0">
                    <input id="is_featured" type="checkbox" name="is_featured" value="1" @checked(old('is_featured', $therapist->is_featured)) class="h-5 w-5 rounded border-white/20 bg-transparent text-accent focus:ring-accent/20">
                    <label for="is_featured" class="lunara-label">Featured on public pages</label>
                </div>
                <div class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-4">
                    <input type="hidden" name="is_published" value="0">
                    <input id="is_published" type="checkbox" name="is_published" value="1" @checked(old('is_published', $therapist->is_published)) class="h-5 w-5 rounded border-white/20 bg-transparent text-accent focus:ring-accent/20">
                    <label for="is_published" class="lunara-label">Published</label>
                </div>
            </div>
        </section>

        <div class="flex flex-wrap gap-3">
            <button type="submit" class="lunara-button-primary">{{ $mode === 'create' ? 'Create Therapist' : 'Save Therapist' }}</button>
            <a href="{{ route('admin.therapists.index') }}" class="lunara-button-secondary">Cancel</a>
        </div>
    </form>
@endsection