@extends('dashboard.layout.content')

@section('customTitle')
    تعديل سؤال
@endsection

@section('customStyle')
    <link href='{{ asset('dashboard/ar/assets/css/elements/alert.css') }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
    <div id="content" class="main-content">
        <div class="container">
            <div class="container">
                <div class="row">
                    <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                        <div class="statbox widget box box-shadow">
                            <div class="widget-header">
                                <div class="row">
                                    <div class="col-12">
                                        <h4>تعديل سؤال : {{ $faq->name }}</h4>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-content widget-content-area">

                                <form action="{{ route('dashboard.faq.update', ['faq' => $faq->id]) }}"
                                    method="POST" enctype="multipart/form-data">
                                    @method('PATCH')
                                    @csrf
                                    <div class="form-row mb-4">

                                        <div class="form-group col-md-12">
                                            <label for="ar_name">التصنيف</label>
                                            <select id="category" class="form-control" name="category" required>
                                                <option selected>اختر التصنيف</option>
                                                @foreach ($categories as $category)
                                                    <option value="{{ $category->id }}" @selected($faq->faq_category_id == $category->id)>{{ $category->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="ar_question">السؤال بالعربي</label>
                                            <input id="ar_question" class="form-control" type="text" placeholder="السؤال بالعربي"
                                                name="question[ar]" value="{{ old('question.ar', $faq?->getTranslation('question', 'ar', false)) }}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="en_question">السؤال بالإنجليزي</label>
                                            <input dir="ltr" id="en_question" class="form-control" type="text" placeholder="السؤال بالإنجليزي"
                                                name="question[en]" value="{{ old('question.en', $faq?->getTranslation('question', 'en', false)) }}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="ar_answer">الإجابة بالعربي</label>
                                            <input id="ar_answer" class="form-control" type="text" placeholder="الإجابة بالعربي"
                                                name="answer[ar]" value="{{ old('answer.ar', $faq?->getTranslation('answer', 'ar', false)) }}">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="en_answer">الإجابة بالإنجليزي</label>
                                            <input dir="ltr" id="en_answer" class="form-control" type="text" placeholder="الإجابة بالإنجليزي"
                                                name="answer[en]" value="{{ old('answer.en', $faq?->getTranslation('answer', 'en', false)) }}">
                                        </div>

                                        @if ($errors->any())
                                            <div class="col-12">
                                                <div class="alert alert-danger">
                                                    {!! implode('', $errors->all('<div>:message</div>')) !!}
                                                </div>
                                            </div>
                                        @endif

                                        @if (session()->has('success'))
                                            <div class="col-12">
                                                <div class="alert alert-success">
                                                    {{ session()->get('success') }}
                                                </div>
                                            </div>
                                        @endif

                                        <div class="col-12">
                                            <input type="submit" class="btn btn-primary mt-3" value="حفظ">
                                        </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customScript')
@endsection