{{-- resources/views/groups/form.blade.php --}}
@extends('layouts.app')
@section('css')
@endsection

@section('js')
@endsection

@push('pageTitle')
    {{ isset($faq) && isset($readonly) && $readonly ? __('labels.view_faq') : (isset($faq) ? __('labels.edit_faq') : __('labels.create_faq')) }}
@endpush

@section('content')
@include('components.common.page-header', [
    'pageTitle' => isset($faq) && isset($readonly) && $readonly ? __('labels.view_faq') : (isset($faq) ? __('labels.edit_faq') : __('labels.create_faq')),
    'actionButton' => [
        'url' => route('faqs.index'),
        'text' => __('labels.back_to_faqs'),
    ],
])

@include('components.common.flush-message')
@include('components.common.validation-errors')

<form
    @if(!isset($readonly) || (isset($readonly) && !$readonly))
        action="{{ isset($faq) ? route('faqs.update', $faq->id) : route('faqs.store') }}" 
        method="POST"
        enctype="multipart/form-data"
    @endif 
    id="documentForm">
    @csrf
    @if(isset($faq))
        @method('PUT')
    @endif

    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <input type="hidden" name="id" value="{{ $faq->id ?? '' }}" />
                    
                    {{-- question --}}
                    <div class="mb-3 row">
                        <label for="question" class="col-md-2 col-form-label">
                            {{ __('labels.question') }} <span class="text-danger">*</span>
                        </label>
                        <div class="col-md-10">
                            <input class="form-control @error('question') is-invalid @enderror" type="text"
                                   name="question" value="{{ old('question', $faq->question ?? '') }}" 
                                   {{ isset($readonly) && $readonly ? "readonly" : "" }} 
                                   placeholder="{{ __('labels.question') }}" required>
                            @error('question')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- answer --}}
                    <div class="mb-3 row">
                        <label for="answer" class="col-md-2 col-form-label">
                            {{ __('labels.answer') }}
                            <span class="text-danger">*</span>
                        </label>
                        <div class="col-md-10">
                            <textarea class="form-control @error('answer') is-invalid @enderror" 
                                      name="answer" {{ isset($readonly) && $readonly ? "readonly" : "" }} 
                                      rows="3" placeholder="{{ __('labels.answer') }}">{{ old('answer', $faq->answer ?? '') }}</textarea>
                            @error('answer')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

            @if(!isset($readonly) || (isset($readonly) && !$readonly))
                <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i>{{ isset($faq) ? __('labels.update') : __('labels.save') }}
                    </button>
                    <a href="{{ route('faqs.index') }}" class="btn btn-secondary">{{ __('labels.cancel') }}</a>
                </div>
            @endif
</form>
@endsection