@extends('layouts.site')
@section('title', 'Sıkça Sorulan Sorular — Kolay Abonelik')
@section('content')
<div class="max-w-3xl mx-auto px-4 py-10">
    <h1 class="text-2xl font-bold mb-6">Sıkça Sorulan Sorular</h1>
    <div class="space-y-4">
        @forelse ($faqs as $faq)
            <details class="border rounded-lg p-4">
                <summary class="font-medium cursor-pointer">{{ $faq->title }}</summary>
                <p class="text-sm text-slate-600 mt-2">{{ $faq->content }}</p>
            </details>
        @empty
            <p class="text-slate-500">Henüz SSS eklenmedi.</p>
        @endforelse
    </div>
</div>
@endsection