@extends('layouts.admin')
@section('title', $plan->exists ? __('admin.edit_plan') : __('admin.new_plan'))

@section('admin_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ $plan->exists ? __('admin.edit_plan') : __('admin.new_plan') }}</h1>

<form method="POST" action="{{ $plan->exists ? route('admin.plans.update', $plan) : route('admin.plans.store') }}" class="max-w-xl space-y-4">
    @csrf
    @if ($plan->exists) @method('PUT') @endif

    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('admin.slug') }} *</label>
        <input type="text" name="slug" value="{{ old('slug', $plan->slug) }}" required class="w-full rounded-md border border-ink/15 px-3 py-2 font-mono">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">Feature *</label>
        <select name="feature" id="feature-select" required class="w-full rounded-md border border-ink/15 px-3 py-2" onchange="document.getElementById('role-slug-field').classList.toggle('hidden', this.value !== 'role_request')">
            @foreach (['horse_slot','marketplace_listing','vip','race_posting','role_request'] as $f)
                <option value="{{ $f }}" @selected(old('feature', $plan->feature) === $f)>{{ $f }}</option>
            @endforeach
        </select>
    </div>
    <div id="role-slug-field" class="{{ old('feature', $plan->feature) === 'role_request' ? '' : 'hidden' }}">
        <label class="mb-1 block text-sm font-medium">{{ __('admin.role_for_role_request') }}</label>
        <select name="role_slug" class="w-full rounded-md border border-ink/15 px-3 py-2">
            <option value="">—</option>
            @foreach (config('platform.self_selectable_roles') as $roleSlug)
                <option value="{{ $roleSlug }}" @selected(old('role_slug', $plan->role_slug) === $roleSlug)>{{ $roleSlug }}</option>
            @endforeach
        </select>
    </div>
    <div class="grid grid-cols-2 gap-4">
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('admin.name_ka') }} *</label>
            <input type="text" name="name[ka]" value="{{ old('name.ka', $plan->exists ? $plan->getTranslation('name','ka') : '') }}" required class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('admin.name_en') }} *</label>
            <input type="text" name="name[en]" value="{{ old('name.en', $plan->exists ? $plan->getTranslation('name','en') : '') }}" required class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('admin.description_ka') }}</label>
        <textarea name="description[ka]" rows="2" class="w-full rounded-md border border-ink/15 px-3 py-2">{{ old('description.ka', $plan->exists ? $plan->getTranslation('description','ka') : '') }}</textarea>
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('admin.description_en') }}</label>
        <textarea name="description[en]" rows="2" class="w-full rounded-md border border-ink/15 px-3 py-2">{{ old('description.en', $plan->exists ? $plan->getTranslation('description','en') : '') }}</textarea>
    </div>

    <div class="grid grid-cols-2 gap-4">
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('admin.billing_cycle') }} *</label>
            <select name="billing_cycle" required class="w-full rounded-md border border-ink/15 px-3 py-2">
                @foreach (['one_time','monthly','yearly'] as $c)
                    <option value="{{ $c }}" @selected(old('billing_cycle', $plan->billing_cycle) === $c)>{{ $c }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('admin.limit_blank_unlimited') }}</label>
            <input type="number" name="limit_value" value="{{ old('limit_value', $plan->limit_value) }}" class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('admin.price') }} *</label>
            <input type="number" step="0.01" name="price" value="{{ old('price', $plan->price) }}" required class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">{{ __('admin.currency') }} *</label>
            <input type="text" name="currency" value="{{ old('currency', $plan->currency ?? 'GEL') }}" maxlength="3" required class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
    </div>

    <div class="rounded-md border border-gold/40 bg-gold/5 p-4">
        <label class="flex items-center gap-2 text-sm font-medium">
            <input type="checkbox" name="is_free" value="1" @checked(old('is_free', $plan->is_free))> {{ __('admin.make_free_now') }}
        </label>
        <p class="mb-2 mt-2 text-xs text-ink/60">{{ __('admin.or_schedule_free_window') }}</p>
        <div class="grid grid-cols-2 gap-3">
            <input type="datetime-local" name="free_starts_at" value="{{ old('free_starts_at', $plan->free_starts_at?->format('Y-m-d\TH:i')) }}" class="rounded-md border border-ink/15 px-3 py-2 text-sm">
            <input type="datetime-local" name="free_ends_at" value="{{ old('free_ends_at', $plan->free_ends_at?->format('Y-m-d\TH:i')) }}" class="rounded-md border border-ink/15 px-3 py-2 text-sm">
        </div>
    </div>

    <label class="flex items-center gap-2 text-sm">
        <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $plan->is_active ?? true))> {{ __('admin.active') }}
    </label>

    <button type="submit" class="btn-primary">{{ __('messages.action_save') }}</button>
</form>
@endsection