@php
    use App\Models\FeatureFlag;

    $statusMeta = [
        FeatureFlag::STATUS_ENABLED => ['label' => 'চালু', 'class' => 'border-success/50 bg-success/10 text-success'],
        FeatureFlag::STATUS_DISABLED => ['label' => 'বন্ধ', 'class' => 'border-danger/50 bg-danger/10 text-danger'],
        FeatureFlag::STATUS_MAINTENANCE => ['label' => 'রক্ষণাবেক্ষণ', 'class' => 'border-warning/50 bg-warning/10 text-warning'],
    ];
@endphp

<x-layouts.admin title="ফিচার কন্ট্রোল">
    <div>
        <h2 class="text-xl font-bold">ফিচার ব্যবস্থাপনা</h2>
        <p class="mt-1 text-sm text-ink-muted">ফিচার বন্ধ বা রক্ষণাবেক্ষণে দিলে ব্যবহারকারীর রুট ব্যাকএন্ডে ব্লক হবে। ডাটা মুছে যাবে না।</p>
    </div>

    <div class="mt-4 grid grid-cols-1 gap-3 xl:grid-cols-2">
        @foreach ($features as $feature)
            @php $meta = $statusMeta[$feature->status] ?? $statusMeta[FeatureFlag::STATUS_DISABLED]; @endphp
            <article class="rounded-2xl border border-line bg-surface p-4">
                <div class="flex flex-wrap items-start justify-between gap-2">
                    <div class="min-w-0">
                        <div class="flex items-center gap-2">
                            <h3 class="font-bold">{{ $feature->name }}</h3>
                            <span class="badge {{ $meta['class'] }}">{{ $meta['label'] }}</span>
                        </div>
                        <p class="mt-1 text-sm text-ink-muted">{{ $feature->description }}</p>
                        <p class="mt-1 text-xs text-ink-muted/80">বিভাগ: {{ $feature->category }} · কী: <span class="font-mono">{{ $feature->key }}</span></p>
                    </div>
                </div>

                <div class="mt-2 rounded-xl border border-line bg-surface-raised px-3 py-2 text-xs text-ink-muted">
                    <p>সর্বশেষ পরিবর্তন: {{ $feature->updated_at->format('d/m/Y, h:i a') }}</p>
                    <p>পরিবর্তনকারী: {{ $feature->updatedBy?->name ?? '—' }}</p>
                    @if ($feature->reason)
                        <p>কারণ: {{ $feature->reason }}</p>
                    @endif
                </div>

                <form method="POST" action="{{ route('admin.features.update', $feature) }}" class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-[1fr_1fr_auto]" onsubmit="return confirm('আপনি কি এই ফিচারের অবস্থা পরিবর্তন করতে চান? পরিবর্তনটি সাথে সাথে কার্যকর হবে।');">
                    @csrf
                    @method('PATCH')

                    <div>
                        <label for="status-{{ $feature->id }}" class="sr-only">অবস্থা</label>
                        <select id="status-{{ $feature->id }}" name="status" class="field-input">
                            <option value="{{ FeatureFlag::STATUS_ENABLED }}" @selected($feature->status === FeatureFlag::STATUS_ENABLED)>চালু</option>
                            <option value="{{ FeatureFlag::STATUS_DISABLED }}" @selected($feature->status === FeatureFlag::STATUS_DISABLED)>বন্ধ</option>
                            <option value="{{ FeatureFlag::STATUS_MAINTENANCE }}" @selected($feature->status === FeatureFlag::STATUS_MAINTENANCE)>রক্ষণাবেক্ষণ</option>
                        </select>
                    </div>

                    <div>
                        <label for="reason-{{ $feature->id }}" class="sr-only">কারণ</label>
                        <input id="reason-{{ $feature->id }}" name="reason" type="text" maxlength="255" value="{{ old('reason') }}" placeholder="কারণ (বন্ধ/রক্ষণাবেক্ষণে আবশ্যক)" class="field-input">
                    </div>

                    <button type="submit" class="btn-primary sm:w-auto sm:px-4">সংরক্ষণ</button>
                </form>
            </article>
        @endforeach
    </div>

    <section class="mt-5 rounded-2xl border border-line bg-surface p-4" aria-labelledby="planned-heading">
        <h2 id="planned-heading" class="font-bold">এখনো উপলব্ধ নয়</h2>
        <p class="mt-1 text-sm text-ink-muted">নিচের ফিচারগুলোর জন্য ডাটাবেস বা ব্যবসায়িক লজিক এখনো নেই। তাই কোনো নকল কন্ট্রোল দেখানো হচ্ছে না।</p>

        <ul class="mt-3 space-y-2">
            @foreach ($planned as $item)
                <li class="rounded-xl border border-dashed border-line bg-surface-raised px-3 py-2 text-sm">
                    <p class="font-semibold">{{ $item['name'] }}</p>
                    <p class="text-xs text-ink-muted">{{ $item['note'] }}</p>
                </li>
            @endforeach
        </ul>
    </section>
</x-layouts.admin>