@extends('components.dashboard.layouts.master')
@section('title')
    {{__('Add FAQ')}}
@endsection
<!-- BEGIN: Content-->
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <x-dashboard.layouts.breadcrumb now="{{__('Add FAQ')}}">
                <li class="breadcrumb-item"><a href="{{route('admin.faqs.index')}}">
                        {{__('FAQs')}}
                    </a></li>
            </x-dashboard.layouts.breadcrumb>
            <div class="col-12 mt-3">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{__('Add FAQ')}}</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form class="form form-vertical" method="POST" action="{{route('admin.faqs.store')}}" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="question_ar" class="form-label">{{ __('Question Ar') }}</label>
                                        <input type="text" class="form-control shadow-sm" id="question_ar" name="question_ar"
                                               required placeholder="{{ __('Question') }}" value="{{ old('question_ar') }}" />
                                        @error('question_ar')
                                        <div class="text-danger mt-1" style="font-size: 0.875rem;">
                                            <i class="fas fa-exclamation-circle me-1"></i> {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="question_en" class="form-label">{{ __('Question En') }}</label>
                                        <input type="text" class="form-control shadow-sm" id="question_en" name="question_en"
                                               required placeholder="{{ __('Question') }}" value="{{ old('question_en') }}" />
                                        @error('question_en')
                                        <div class="text-danger mt-1" style="font-size: 0.875rem;">
                                            <i class="fas fa-exclamation-circle me-1"></i> {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="answer_ar" class="form-label">{{ __('Answer Ar') }}</label>
                                        <textarea  class="form-control shadow-sm" id="answer_ar" name="answer_ar"
                                                   required placeholder="{{ __('Answer') }}">{{old('answer_ar')}}</textarea>
                                        @error('answer_ar')
                                        <div class="text-danger mt-1" style="font-size: 0.875rem;">
                                            <i class="fas fa-exclamation-circle me-1"></i> {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="answer_en" class="form-label">{{ __('Answer En') }}</label>
                                        <textarea  class="form-control shadow-sm" id="answer_en" name="answer_en"
                                               required placeholder="{{ __('Answer') }}">{{old('answer_en')}}</textarea>
                                        @error('answer_en')
                                        <div class="text-danger mt-1" style="font-size: 0.875rem;">
                                            <i class="fas fa-exclamation-circle me-1"></i> {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary mr-1 mb-1">{{__('dashboard.submit')}}</button>
                                    </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function () {
            $('.statusArray').select2(
                {
                    placeholder: "{{__('dashboard.choose_status')}}",
                }
            )
        })
    </script>
@endsection