@extends('admin.layouts.app')
@section('title','إدارة الخطط')
@section('content')
<div class="max-w-6xl mx-auto px-6 py-10" dir="rtl">
  <h1 class="text-2xl font-extrabold mb-6">إدارة خطط العضوية</h1>
  <form method="post" action="{{ route('admin.plans.save') }}" class="space-y-4">
    @csrf
    <div id="plans-wrap" class="space-y-4">
      @foreach($plans as $i=>$p)
        <div class="p-4 rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
          <div class="grid md:grid-cols-4 gap-3">
            <div>
              <label class="block text-sm mb-1">Slug</label>
              <input class="input" name="plans[{{ $i }}][slug]" value="{{ $p['slug'] }}" />
            </div>
            <div>
              <label class="block text-sm mb-1">الاسم</label>
              <input class="input" name="plans[{{ $i }}][name]" value="{{ $p['name'] }}" />
            </div>
            <div>
              <label class="block text-sm mb-1">المدة (أشهر)</label>
              <input class="input" type="number" name="plans[{{ $i }}][duration_months]" value="{{ $p['duration_months'] }}" />
            </div>
            <div>
              <label class="block text-sm mb-1">السعر ($)</label>
              <input class="input" type="number" step="0.01" name="plans[{{ $i }}][price_usd]" value="{{ $p['price_usd'] }}" />
            </div>
          </div>
          <div class="grid md:grid-cols-2 gap-3 mt-3">
            <div>
              <label class="block text-sm mb-1">التكلفة الشهرية ($/شهر)</label>
              <input class="input" type="number" step="0.01" name="plans[{{ $i }}][monthly_cost_usd]" value="{{ $p['monthly_cost_usd'] }}" />
            </div>
            <div>
              <label class="block text-sm mb-1">الرتبة</label>
              <input class="input" type="number" name="plans[{{ $i }}][level]" value="{{ $p['level'] }}" />
            </div>
          </div>
          <div class="mt-3">
            <label class="block text-sm mb-1">الفوائد (سطر لكل فائدة)</label>
            <textarea class="input" name="plans[{{ $i }}][benefits]" rows="4">{{ implode("\n", $p['benefits'] ?? []) }}</textarea>
          </div>
        </div>
      @endforeach
    </div>
    <button class="btn-primary">حفظ</button>
  </form>
</div>
@endsection