@extends('layouts.dashboard')
@section('title','الدعم الفني')
@section('page-title','💬 الدعم الفني')

@section('content')
<div class="card" style="background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0">
  <h3 style="font-weight:700;margin-bottom:16px">أرسل رسالة للدعم</h3>
  <form method="POST" action="{{ route('dashboard.ticket') }}">
    @csrf
    <div class="form-group">
      <label class="form-label">الموضوع</label>
      <input type="text" name="subject" class="form-input" placeholder="مشكلة في التفعيل..." required>
    </div>
    <div class="form-group">
      <label class="form-label">الرسالة</label>
      <textarea name="message" class="form-input" rows="5" placeholder="اشرح مشكلتك بالتفصيل..." required></textarea>
    </div>
    <button type="submit" class="btn btn-primary">إرسال</button>
  </form>
  <div class="alert alert-info" style="margin-top:16px">وقت الرد المتوقع: خلال 24 ساعة للمشتركين، 48 ساعة للمجاني</div>
</div>
@endsection