@extends('layouts.app')

@section('content')
    <div class="container mt-5">
        <h2>Support Request</h2>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <form method="POST" action="{{ route('support') }}">
            @csrf

            <div class="mb-3">
                <label for="issue_type">Issue Type</label>
                <select name="issue_type" class="form-control" required>
                    <option value="">Select an issue</option>
                    <option value="account">Account Problem</option>
                    <option value="payment">Payment Issue</option>
                    <option value="listing">Ad Listing Problem</option>
                    <option value="other">Other</option>
                </select>
            </div>

            <div class="mb-3">
                <label for="email">Your Email</label>
                <input type="email" name="email" class="form-control" required
                    value="{{ old('email', auth()->user()->email ?? '') }}">
            </div>

            <div class="mb-3">
                <label for="message">Message</label>
                <textarea name="message" class="form-control" rows="5" required>{{ old('message') }}</textarea>
            </div>

            <button type="submit" class="btn btn_all_button">Submit Request</button>
        </form>
    </div>
@endsection