@extends('layouts.app')
@section('content')
<div class="bg-white dark:bg-brand-dark-card shadow rounded p-6">
  <h1 class="text-lg font-semibold mb-4">Feature Flags</h1>
  @if(session('status'))<div class="mb-3 text-sm text-green-600">{{ session('status') }}</div>@endif
  <form method="POST" action="{{ route('admin.flags.store') }}" class="flex gap-2 mb-6">
    @csrf
    <input name="key" class="border rounded p-2 text-sm" placeholder="new_flag_key" required />
    <label class="flex items-center gap-1 text-sm"><input type="checkbox" name="enabled" value="1" /> تفعيل</label>
    <button class="bg-green-600 text-white px-4 py-2 rounded text-sm">إضافة</button>
  </form>
  <table class="w-full text-sm border">
    <thead class="bg-gray-100"><tr><th class="p-2 text-start">المفتاح</th><th class="p-2">الحالة</th><th class="p-2">إجراءات</th></tr></thead>
    <tbody>
    @forelse($flags as $f)
      <tr class="border-t">
        <td class="p-2 font-mono">{{ $f->key }}</td>
        <td class="p-2">@if($f->enabled)<span class="text-green-600 font-semibold">مفعل</span>@else<span class="text-gray-500">معطل</span>@endif</td>
        <td class="p-2 flex gap-2">
          <form method="POST" action="{{ route('admin.flags.update',$f) }}" class="flex items-center gap-2">
            @csrf @method('PUT')
            <input type="hidden" name="enabled" value="0" />
            <label class="flex items-center gap-1 text-xs"><input type="checkbox" name="enabled" value="1" @checked($f->enabled) /> تفعيل</label>
            <button class="text-blue-600 text-xs" type="submit">حفظ</button>
          </form>
          <form method="POST" action="{{ route('admin.flags.destroy',$f) }}" onsubmit="return confirm('حذف؟');">
            @csrf @method('DELETE')
            <button class="text-red-600 text-xs">حذف</button>
          </form>
        </td>
      </tr>
    @empty
      <tr><td colspan="3" class="p-4 text-center text-gray-500">لا يوجد</td></tr>
    @endforelse
    </tbody>
  </table>
</div>
@endsection