@extends('layouts.admin')

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

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

@section('content')
    <form method="POST" action="{{ $mode === 'create' ? route('admin.treatments.store') : route('admin.treatments.update', $treatment) }}" 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', $treatment->name) }}" class="lunara-admin-input" required>
                </div>
                <div>
                    <label class="lunara-label" for="slug">Slug</label>
                    <input id="slug" name="slug" value="{{ old('slug', $treatment->slug) }}" class="lunara-admin-input" placeholder="Auto-generated if blank">
                </div>
                <div>
                    <label class="lunara-label" for="icon">Icon key</label>
                    <input id="icon" name="icon" value="{{ old('icon', $treatment->icon) }}" class="lunara-admin-input" placeholder="leaf">
                </div>
                <div>
                    <label class="lunara-label" for="duration">Duration text</label>
                    <input id="duration" name="duration" value="{{ old('duration', $treatment->duration) }}" class="lunara-admin-input" placeholder="60 / 90 / 120 min">
                </div>
                <div>
                    <label class="lunara-label" for="price_from">Price text</label>
                    <input id="price_from" name="price_from" value="{{ old('price_from', $treatment->price_from) }}" class="lunara-admin-input" placeholder="From ฿1,500">
                </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', $treatment->sort_order) }}" class="lunara-admin-input">
                </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', $treatment->image_path) }}" class="lunara-admin-input" placeholder="images/treatment-thai.jpg">
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="image_upload">Upload 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', $treatment->image_path))
                    <div class="md:col-span-2">
                        <p class="lunara-label">Current preview</p>
                        <img src="{{ \Illuminate\Support\Str::startsWith(old('image_path', $treatment->image_path), ['http://', 'https://']) ? old('image_path', $treatment->image_path) : asset(ltrim(old('image_path', $treatment->image_path), '/')) }}" alt="Treatment 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="short_description">Short description</label>
                    <textarea id="short_description" name="short_description" class="lunara-admin-textarea">{{ old('short_description', $treatment->short_description) }}</textarea>
                </div>
                <div class="md:col-span-2">
                    <label class="lunara-label" for="description">Detailed description</label>
                    <textarea id="description" name="description" class="lunara-admin-textarea min-h-48">{{ old('description', $treatment->description) }}</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', $treatment->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', $treatment->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 Treatment' : 'Save Treatment' }}</button>
            <a href="{{ route('admin.treatments.index') }}" class="lunara-button-secondary">Cancel</a>
        </div>
    </form>
@endsection