@extends('layouts.app')
@section('title', $addon->exists ? __('Edit add-on') : __('New add-on'))
@section('content')
@php
    $quotas = config('subscriptions.quotas', []);
    $features = config('subscriptions.features', []);
@endphp

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

    <div class="flex items-center justify-between">
        <h1 class="text-xl sm:text-2xl font-semibold">{{ $addon->exists ? __('Edit add-on') : __('New add-on') }}</h1>
        <a href="{{ route('super-admin.addons.index') }}" class="btn-ghost text-sm">{{ __('Back') }}</a>
    </div>

    @if($errors->any())
        <div class="px-4 py-3 rounded-lg bg-rose-50 text-rose-700 text-sm">
            <ul class="list-disc ms-5">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        </div>
    @endif
    @if(session('status'))<div class="px-4 py-3 rounded-lg bg-emerald-50 text-emerald-800 text-sm">{{ session('status') }}</div>@endif

    {{-- Identity --}}
    <div class="card p-5 space-y-4">
        <h2 class="font-semibold">{{ __('Identity') }}</h2>
        <div class="grid sm:grid-cols-3 gap-3">
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('Code') }}</span>
                <input name="code" value="{{ old('code', $addon->code) }}" class="input mt-1 w-full" required>
            </label>
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('Sort order') }}</span>
                <input type="number" name="sort_order" value="{{ old('sort_order', $addon->sort_order ?? 0) }}" class="input mt-1 w-full">
            </label>
            <label class="flex items-center gap-2 mt-6">
                <input type="hidden" name="is_active" value="0">
                <input type="checkbox" name="is_active" value="1" {{ old('is_active', $addon->is_active) ? 'checked' : '' }}>
                <span class="text-sm">{{ __('Active') }}</span>
            </label>
        </div>

        <div class="grid sm:grid-cols-2 gap-3">
            @foreach($locales as $loc)
                <label class="block">
                    <span class="text-xs text-slate-500">{{ __('Name') }} ({{ strtoupper($loc) }})</span>
                    <input name="name[{{ $loc }}]" value="{{ old("name.$loc", data_get($addon->name, $loc)) }}" class="input mt-1 w-full">
                </label>
            @endforeach
        </div>
        <div class="grid sm:grid-cols-2 gap-3">
            @foreach($locales as $loc)
                <label class="block">
                    <span class="text-xs text-slate-500">{{ __('Description') }} ({{ strtoupper($loc) }})</span>
                    <textarea name="description[{{ $loc }}]" rows="2" class="input mt-1 w-full">{{ old("description.$loc", data_get($addon->description, $loc)) }}</textarea>
                </label>
            @endforeach
        </div>
    </div>

    {{-- Pricing --}}
    <div class="card p-5 space-y-4">
        <h2 class="font-semibold">{{ __('Pricing') }}</h2>
        <div class="grid sm:grid-cols-5 gap-3">
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('Currency') }}</span>
                <select name="currency" class="input mt-1 w-full">
                    @foreach(['EUR','USD','GBP','SAR','AED','MAD'] as $c)
                        <option value="{{ $c }}" {{ old('currency', $addon->currency) === $c ? 'selected' : '' }}>{{ $c }}</option>
                    @endforeach
                </select>
            </label>
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('Billing') }}</span>
                <select name="billing" class="input mt-1 w-full">
                    @foreach(['monthly','yearly','one_off'] as $b)
                        <option value="{{ $b }}" {{ old('billing', $addon->billing) === $b ? 'selected' : '' }}>{{ __($b) }}</option>
                    @endforeach
                </select>
            </label>
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('Monthly price') }}</span>
                <input type="number" step="0.01" min="0" name="price_monthly" value="{{ old('price_monthly', $addon->price_monthly) }}" class="input mt-1 w-full">
            </label>
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('Yearly price') }}</span>
                <input type="number" step="0.01" min="0" name="price_yearly" value="{{ old('price_yearly', $addon->price_yearly) }}" class="input mt-1 w-full">
            </label>
            <label class="block">
                <span class="text-xs text-slate-500">{{ __('One-off price') }}</span>
                <input type="number" step="0.01" min="0" name="price_one_off" value="{{ old('price_one_off', $addon->price_one_off) }}" class="input mt-1 w-full">
            </label>
        </div>
    </div>

    {{-- Quota grants --}}
    <div class="card p-5 space-y-4">
        <h2 class="font-semibold">{{ __('Quota grants') }}</h2>
        <p class="text-xs text-slate-500">{{ __('Each unit (quantity) of this add-on adds these quotas to the tenant subscription.') }}</p>
        <div class="grid sm:grid-cols-3 gap-3">
            @foreach($quotas as $key => $meta)
                <label class="block">
                    <span class="text-xs text-slate-500">{{ __($meta['label']) }} <span class="text-slate-400">({{ $meta['unit'] }})</span></span>
                    <input type="number" min="0" name="quota_grants[{{ $key }}]" value="{{ old("quota_grants.$key", data_get($addon->quota_grants, $key)) }}" class="input mt-1 w-full" placeholder="0">
                </label>
            @endforeach
        </div>
    </div>

    {{-- Feature grants --}}
    <div class="card p-5 space-y-4">
        <h2 class="font-semibold">{{ __('Feature grants') }}</h2>
        <p class="text-xs text-slate-500">{{ __('Boolean features unlocked when this add-on is attached.') }}</p>
        <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-2">
            @foreach($features as $key => $label)
                <label class="flex items-center gap-2 text-sm">
                    <input type="hidden" name="feature_grants[{{ $key }}]" value="0">
                    <input type="checkbox" name="feature_grants[{{ $key }}]" value="1" {{ old("feature_grants.$key", data_get($addon->feature_grants, $key)) ? 'checked' : '' }}>
                    <span>{{ __($label) }}</span>
                </label>
            @endforeach
        </div>
    </div>

    <div class="sticky bottom-0 bg-white/95 dark:bg-slate-900/95 backdrop-blur border-t border-slate-200 dark:border-slate-800 py-3 -mx-4 px-4 flex justify-end gap-2">
        <a href="{{ route('super-admin.addons.index') }}" class="btn-ghost">{{ __('Cancel') }}</a>
        <button class="btn-primary">{{ __('Save') }}</button>
    </div>
</form>
@endsection