<x-app-layout>
<x-slot name="title">New Support Ticket</x-slot>
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="mb-4"><a href="{{ route('support.index') }}" class="text-primary-600 text-sm">← My Tickets</a></div>
<h1 class="section-title mb-6">Open a Support Ticket</h1>
@if($errors->any())<div class="bg-red-50 border border-red-200 text-red-700 rounded-lg px-4 py-3 text-sm mb-4">@foreach($errors->all() as $e)<p>{{ $e }}</p>@endforeach</div>@endif
<form method="POST" action="{{ route('support.store') }}" class="card card-body space-y-4">
@csrf
<div>
<label class="label">Subject</label>
<input type="text" name="subject" value="{{ old('subject') }}" class="input" required>
</div>
<div>
<label class="label">Category</label>
<select name="category" class="input">
<option value="order">Order Issue</option>
<option value="payment">Payment Issue</option>
<option value="product">Product Issue</option>
<option value="other">Other</option>
</select>
</div>
<div>
<label class="label">Description</label>
<textarea name="description" rows="5" class="input" required>{{ old('description') }}</textarea>
</div>
<button type="submit" class="btn-primary">Submit Ticket</button>
</form>
</div>
</x-app-layout>