@extends('layouts.superadmin')

@section('title','تعديل موعد ProActive')
@section('page-title','✏️ تعديل موعد ProActive')

@section('content')
<div class="p-6 max-width-5xl mx-auto space-y-6">
  <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 border border-gray-200 dark:border-gray-700">
    <h3 class="text-lg font-bold mb-4">تحديث بيانات الموعد</h3>

    <form method="POST" action="{{ route('superadmin.proactive.schedules.update', $row->id) }}" class="space-y-4">
      @csrf @method('PUT')

      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
          <label class="text-sm">نوع الفعالية</label>
          <select name="event_type" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" required>
            <option value="regular" @selected($row->event_type==='regular')>عادي</option>
            <option value="plus"    @selected($row->event_type==='dynamic')>بلس</option>
          </select>
        </div>

        <div>
          <label class="text-sm">الحالة</label>
          <select name="status" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" required>
            <option value="upcoming" @selected($row->status==='upcoming')>قادمة</option>
            <option value="active"   @selected($row->status==='active')>نشطة</option>
            <option value="finished" @selected($row->status==='finished')>منتهية</option>
            <option value="cancelled"@selected($row->status==='cancelled')>ملغاة</option>
          </select>
        </div>

        <div>
          <label class="text-sm">العنوان</label>
          <input name="event_title" value="{{ $row->event_title }}" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" required>
        </div>

        <div>
          <label class="text-sm">تاريخ الفعالية</label>
          <input type="date" name="event_date" value="{{ \Illuminate\Support\Str::of($row->event_date)->toString() }}" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600" required>
        </div>

        <div>
          <label class="text-sm">وقت البداية</label>
          <input type="time" name="event_time" value="{{ $row->event_time }}" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600">
        </div>

        <div>
          <label class="text-sm">المنصة</label>
          <select name="platform" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700" required>
            <option value="tiktok"    @selected($row->platform==='tiktok')>تيك توك</option>
            <option value="instagram" @selected($row->platform==='instagram')>إنستغرام</option>
            <option value="youtube"   @selected($row->platform==='youtube')>يوتيوب</option>
            <option value="other"     @selected($row->platform==='other')>منصة أخرى</option>
          </select>
        </div>

        <div>
          <label class="text-sm">القائد/المسؤول</label>
          <input type="text" name="leader_name" value="{{ $row->leader_name }}" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700">
        </div>

        <div>
          <label class="text-sm">ملاحظات</label>
          <textarea name="notes" rows="3" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700">{{ $row->notes }}</textarea>
        </div>

        <div class="md:col-span-2">
          <label class="text-sm">وصف الفعالية</label>
          <textarea name="event_description" rows="4" class="mt-1 w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700">{{ $row->event_description }}</textarea>
        </div>
      </div>

      @if ($errors->any())
        <div class="bg-rose-50 text-rose-700 border border-rose-300 p-3 rounded text-sm">
          <ul class="list-disc list-inside">
            @foreach($errors->all() as $e)
              <li>{{ $e }}</li>
            @endforeach
          </ul>
        </div>
      @endif

      <div class="flex justify-end gap-2 pt-2">
        <a href="{{ route('superadmin.proactive.schedules.index') }}" class="px-4 py-2 rounded-lg bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-200">رجوع</a>
        <button class="px-5 py-2.5 rounded-lg bg-yellow-600 text-white hover:bg-yellow-700">حفظ التعديلات</button>
      </div>
    </form>
  </div>

</div>
@endsection