@extends('layouts.app')

@section('content')
<div class="container py-4">
    <h1>{{ __('labels.submitted_questions') }}</h1>
    <table class="table table-bordered table-striped" id="faqQuestionsTable">
        <thead>
            <tr>
                <th>#</th>
                <th>{{ __('labels.name') }}</th>
                <th>{{ __('labels.email') }}</th>
                <th>{{ __('labels.question') }}</th>
                <th>{{ __('labels.answered') }}</th>
                <th>{{ __('labels.actions') }}</th>
            </tr>
        </thead>
        <tbody>
            @foreach($questions as $question)
            <tr>
                <td>{{ $question->id }}</td>
                <td>{{ $question->name ?? '-' }}</td>
                <td>{{ $question->email ?? '-' }}</td>
                <td>{{ $question->question }}</td>
                <td>{{ $question->answered ? __('labels.yes') : __('labels.no') }}</td>
                <td>
                    <a href="{{ route('admin.faq-questions.show', $question) }}" class="btn btn-info btn-sm">{{ __('labels.view') }}</a>

                    @if(!$question->answered)
                    <form action="{{ route('admin.faq-questions.mark-answered', $question) }}" method="POST" class="d-inline">
                        @csrf
                        <button class="btn btn-success btn-sm">{{ __('labels.mark_answered') }}</button>
                    </form>
                    <form action="{{ route('admin.faq-questions.add-to-faq', $question) }}" method="POST" class="d-inline">
                        @csrf
                        <button class="btn btn-primary btn-sm">{{ __('labels.add_to_faq') }}</button>
                    </form>
                    @endif

                    <form action="{{ route('admin.faq-questions.destroy', $question) }}" method="POST" class="d-inline">
                        @csrf @method('DELETE')
                        <button class="btn btn-danger btn-sm" onclick="return confirm('{{ __('labels.confirm_delete') }}')">{{ __('labels.delete') }}</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection

@section('js')
<script>
    $(document).ready(function(){ $('#faqQuestionsTable').DataTable(); });
</script>
@endsection