@extends('layouts.admin')
@section('title', 'FAQs')
@section('content')
<form method="post" action="{{ route('admin.faqs.store') }}" class="mb-6 grid max-w-3xl gap-2 rounded-xl border border-line bg-white p-4">
    @csrf
    <div class="grid gap-2 sm:grid-cols-2">
        <input name="group" value="home" class="rounded border border-line px-3 py-2 text-sm" placeholder="group">
        <input name="sort" value="0" class="rounded border border-line px-3 py-2 text-sm" placeholder="sort">
    </div>
    <input name="question" required class="rounded border border-line px-3 py-2 text-sm" placeholder="Question">
    <textarea name="answer" required rows="3" class="rounded border border-line px-3 py-2 text-sm" placeholder="Answer"></textarea>
    <label class="text-sm"><input type="checkbox" name="is_published" value="1" checked> Published</label>
    <button class="w-fit rounded-full bg-ink px-4 py-2 text-sm text-cream">Add</button>
</form>
@foreach($faqs as $faq)
<form method="post" action="{{ route('admin.faqs.update', $faq) }}" class="mb-3 grid max-w-3xl gap-2 rounded-xl border border-line bg-white p-4">
    @csrf @method('PUT')
    <input name="group" value="{{ $faq->group }}" class="rounded border border-line px-3 py-2 text-sm">
    <input name="question" value="{{ $faq->question }}" class="rounded border border-line px-3 py-2 text-sm">
    <textarea name="answer" rows="3" class="rounded border border-line px-3 py-2 text-sm">{{ $faq->answer }}</textarea>
    <input name="sort" value="{{ $faq->sort }}" class="w-24 rounded border border-line px-3 py-2 text-sm">
    <label class="text-sm"><input type="checkbox" name="is_published" value="1" @checked($faq->is_published)> Published</label>
    <div class="flex gap-3"><button class="rounded-full bg-ink px-4 py-1.5 text-sm text-cream">Save</button></div>
</form>
<form method="post" action="{{ route('admin.faqs.destroy', $faq) }}" class="-mt-2 mb-4">@csrf @method('DELETE')<button class="text-xs text-red-700">Delete</button></form>
@endforeach
@endsection