@extends('layouts.admin')
@section('title', __('Questions'))
@section('content')
<h1 class="mb-4 text-2xl font-extrabold text-primary">{{ __('Product questions') }}</h1>
<nav class="mb-5 flex gap-2"><a href="{{ route('admin.questions') }}" class="rounded-full px-4 py-2 text-sm font-bold {{ $filter === 'open' ? 'bg-primary text-on-primary' : 'border border-outline-variant text-primary' }}">{{ __('Waiting for answer') }}</a><a href="{{ route('admin.questions', ['show' => 'all']) }}" class="rounded-full px-4 py-2 text-sm font-bold {{ $filter === 'all' ? 'bg-primary text-on-primary' : 'border border-outline-variant text-primary' }}">{{ __('All') }}</a></nav>
@if ($result['items'])
<div class="space-y-3">
@foreach ($result['items'] as $q)
    <article class="rounded-[28px] border border-surface-variant bg-white p-5 text-sm">
        <p class="text-xs text-outline">{{ $q->product }} · {{ $q->first_name ?: __('Guest') }} {{ $q->email }} · {{ $q->created_at }}</p>
        <p class="mt-1 font-bold text-primary">{{ $q->question }}</p>
        <form method="POST" action="{{ route('admin.questions.answer', $q->id) }}" class="mt-3 space-y-2">@csrf
            <label class="sr-only" for="a{{ $q->id }}">{{ __('Answer') }}</label>
            <textarea id="a{{ $q->id }}" name="answer" rows="2" required class="w-full rounded-2xl border border-outline-variant bg-white px-4 py-3" placeholder="{{ __('Write an answer…') }}">{{ $q->answer }}</textarea>
            <div class="flex flex-wrap items-center gap-4"><label class="flex items-center gap-2 text-xs font-semibold"><input type="checkbox" name="is_public" value="1" @checked($q->answer === null ? true : $q->is_public) class="h-5 w-5 rounded"> {{ __('Show on the product page') }}</label><x-btn type="submit" variant="soft">{{ $q->answer ? __('Update answer') : __('Answer') }}</x-btn></div>
        </form>
        <form method="POST" action="{{ route('admin.questions.delete', $q->id) }}" class="mt-2" onsubmit="return confirm(@js(__('Delete this?')))">@csrf @method('DELETE')<button class="text-xs font-bold text-error underline">{{ __('Delete question') }}</button></form>
    </article>
@endforeach
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No questions')"/> @endif
@endsection