@extends('layouts.app')
@section('title','New Support Ticket')
@section('content')
<div style="display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;">
  <a href="{{ route('support') }}" class="btn btn-outline btn-sm"><i class="fas fa-arrow-left"></i> Back</a>
  <h1 style="font-size:1.4rem;font-weight:900;margin:0;">New Support Ticket</h1>
</div>
<div style="max-width:600px;">
  <div class="card">
    <form method="POST" action="{{ route('support.store') }}">
      @csrf
      <div class="form-group"><label>Subject</label><input type="text" name="subject" class="form-control" placeholder="Brief description of your issue" value="{{ old('subject') }}" required></div>
      <div class="form-group">
        <label>Category</label>
        <select name="category" class="form-control" required>
          <option value="">Select category</option>
          <option value="wallet">Wallet & Payments</option>
          <option value="pickup">Pickup & Recycling</option>
          <option value="marketplace">Marketplace</option>
          <option value="account">Account</option>
          <option value="general">General</option>
          <option value="other">Other</option>
        </select>
      </div>
      <div class="form-group"><label>Message</label><textarea name="message" class="form-control" rows="6" placeholder="Describe your issue in detail..." required>{{ old('message') }}</textarea></div>
      <button type="submit" class="btn btn-green"><i class="fas fa-paper-plane"></i> Submit Ticket</button>
    </form>
  </div>
</div>
@endsection