@extends('layouts.admin')

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

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

@section('content')
    <form method="POST" action="{{ $mode === 'create' ? route('admin.pricing-rates.store') : route('admin.pricing-rates.update', $pricingRate) }}" 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="treatment_id">Linked treatment</label>
                    <select id="treatment_id" name="treatment_id" class="lunara-admin-input">
                        <option value="">Manual treatment name</option>
                        @foreach ($treatments as $treatment)
                            <option value="{{ $treatment->id }}" @selected((string) old('treatment_id', $pricingRate->treatment_id) === (string) $treatment->id)>{{ $treatment->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="lunara-label" for="treatment_name">Treatment name</label>
                    <input id="treatment_name" name="treatment_name" value="{{ old('treatment_name', $pricingRate->treatment_name) }}" class="lunara-admin-input" placeholder="Thai Massage">
                </div>
                <div>
                    <label class="lunara-label" for="duration">Duration</label>
                    <input id="duration" name="duration" value="{{ old('duration', $pricingRate->duration) }}" class="lunara-admin-input" placeholder="90 min" required>
                </div>
                <div>
                    <label class="lunara-label" for="price">Price</label>
                    <input id="price" name="price" value="{{ old('price', $pricingRate->price) }}" class="lunara-admin-input" placeholder="฿2,000" required>
                </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', $pricingRate->sort_order) }}" class="lunara-admin-input">
                </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', $pricingRate->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 Pricing Rate' : 'Save Pricing Rate' }}</button>
            <a href="{{ route('admin.pricing-rates.index') }}" class="lunara-button-secondary">Cancel</a>
        </div>
    </form>
@endsection