@extends('layouts.app')
@section('title', 'Support Tickets')
@section('content')
<h1 class="text-2xl font-bold mb-6">সাপোর্ট টিকেট</h1>

<form method="POST" action="{{ route('user.tickets.store') }}" class="bg-white p-6 rounded-lg shadow max-w-xl space-y-4 mb-8">
    @csrf
    <input type="text" name="subject" placeholder="বিষয়" class="w-full border rounded px-3 py-2" required>
    <textarea name="message" rows="4" placeholder="আপনার সমস্যা লিখুন" class="w-full border rounded px-3 py-2" required></textarea>
    <button type="submit" class="bg-indigo-600 text-white px-6 py-2 rounded hover:bg-indigo-700">টিকেট খুলুন</button>
</form>

<div class="bg-white rounded-lg shadow divide-y">
    @foreach($tickets as $ticket)
        <div class="p-4 flex justify-between">
            <span>{{ $ticket->subject }}</span>
            <span class="text-xs bg-gray-100 px-2 py-1 rounded">{{ $ticket->status }}</span>
        </div>
    @endforeach
</div>
@endsection