@extends('layouts.admin')

@section('title', $plan->exists ? __('admin.plans.edit') : __('admin.plans.create'))

@php
    $editing = $plan->exists;
    $action = $editing ? lroute('admin.plans.update', $plan) : lroute('admin.plans.store');
    $field = 'w-full rounded-lg border border-black/10 bg-white px-3 py-2 text-sm focus:border-brand focus:outline-none focus:ring-2 focus:ring-brand/20';
    $label = 'mb-1 block text-sm font-semibold text-ink';
    $featuresText = old('features_text', $editing ? implode("\n", (array) $plan->features) : '');
@endphp

@section('content')
    <div class="flex items-center justify-between gap-4">
        <h1 class="text-2xl font-bold text-brand-deep">{{ $editing ? __('admin.plans.edit') : __('admin.plans.create') }}</h1>
        <a href="{{ lroute('admin.plans.index') }}" class="text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.back') }}</a>
    </div>

    <form method="POST" action="{{ $action }}" class="mt-6 max-w-3xl space-y-5 rounded-2xl bg-white p-6 shadow-sm ring-1 ring-black/5">
        @csrf
        @if ($editing)
            @method('PUT')
        @endif

        <div class="grid gap-5 sm:grid-cols-2">
            <div>
                <label for="code" class="{{ $label }}">{{ __('admin.plans.code') }}</label>
                <input type="text" id="code" name="code" value="{{ old('code', $plan->code) }}" class="{{ $field }}" dir="ltr" required>
                @error('code')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="name" class="{{ $label }}">{{ __('admin.plans.name') }}</label>
                <input type="text" id="name" name="name" value="{{ old('name', $plan->name) }}" class="{{ $field }}" required>
                <p class="mt-1 text-xs text-ink-soft">{{ __('admin.plans.name_hint') }}</p>
                @error('name')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div class="grid gap-5 sm:grid-cols-3">
            <div>
                <label for="price" class="{{ $label }}">{{ __('admin.plans.price') }}</label>
                <input type="number" id="price" name="price" value="{{ old('price', $plan->price) }}" class="{{ $field }}" min="0" dir="ltr">
                <p class="mt-1 text-xs text-ink-soft">{{ __('admin.plans.price_hint') }}</p>
                @error('price')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="currency" class="{{ $label }}">{{ __('admin.plans.currency') }}</label>
                <select id="currency" name="currency" class="{{ $field }}" required>
                    @foreach (['SAR', 'USD'] as $currency)
                        <option value="{{ $currency }}" @selected(old('currency', $plan->currency ?? 'SAR') === $currency)>{{ $currency }}</option>
                    @endforeach
                </select>
                @error('currency')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="billing_interval" class="{{ $label }}">{{ __('admin.plans.interval') }}</label>
                <select id="billing_interval" name="billing_interval" class="{{ $field }}" required>
                    @foreach (['month', 'year'] as $interval)
                        <option value="{{ $interval }}" @selected(old('billing_interval', $plan->billing_interval ?? 'month') === $interval)>{{ __("admin.plans.intervals.{$interval}") }}</option>
                    @endforeach
                </select>
                @error('billing_interval')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div>
            <label for="features_text" class="{{ $label }}">{{ __('admin.plans.features') }}</label>
            <textarea id="features_text" name="features_text" rows="6" class="{{ $field }}">{{ $featuresText }}</textarea>
            <p class="mt-1 text-xs text-ink-soft">{{ __('admin.plans.features_hint') }}</p>
            @error('features_text')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>

        <div class="grid gap-5 sm:grid-cols-2">
            <div>
                <label for="status" class="{{ $label }}">{{ __('admin.plans.status') }}</label>
                <select id="status" name="status" class="{{ $field }}" required>
                    @foreach (['active', 'archived'] as $status)
                        <option value="{{ $status }}" @selected(old('status', $plan->status ?? 'active') === $status)>{{ __("admin.plans.statuses.{$status}") }}</option>
                    @endforeach
                </select>
                @error('status')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="sort_order" class="{{ $label }}">{{ __('admin.plans.sort_order') }}</label>
                <input type="number" id="sort_order" name="sort_order" value="{{ old('sort_order', $plan->sort_order ?? 0) }}" class="{{ $field }}" min="0" dir="ltr">
                @error('sort_order')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>

        <div class="flex items-center gap-3 pt-2">
            <button type="submit" class="rounded-full bg-brand px-6 py-2.5 text-sm font-semibold text-white transition hover:bg-brand-deep">{{ __('admin.actions.save') }}</button>
            <a href="{{ lroute('admin.plans.index') }}" class="rounded-full px-6 py-2.5 text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.cancel') }}</a>
        </div>
    </form>
@endsection