@extends('layout.default')
@section('title','Edit FAQ')
@section('content')
<!--begin::Create Admin Form-->
<div class="card">
    <!--begin::Card header-->
    <div class="card-header border-0 cursor-pointer">
        <!--begin::Card title-->
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">Edit FAQ</h3>
        </div>
        <!--end::Card title-->
    </div>
    <!--end::Card header-->

    <!--begin::Card body-->
    <div class="card-body border-top p-9">
        <form method="POST" action="{{ route('faq.update') }}" enctype="multipart/form-data"
            class="form w-100" novalidate="novalidate" id="kt_user_register_form">
            @csrf
            <input type="hidden" name="id" value="{{ $faq->id }}"/>
            <div class="accordion accordion-toggle-arrow" id="accordionExample1">
                @foreach($languages as $key_lang => $item_lang)
                <div class="card">
                    <div class="card-header">
                        <div class="card-title" data-toggle="collapse" data-target="#faq{{ $item_lang['id'] }}">
                            {{ $item_lang['country'] }}
                        </div>
                    </div>
                    <div id="faq{{ $item_lang['id'] }}" class="collapse show" data-parent="#accordionExample1">
                        <div class="card-body">
                
                            <div class="row mb-6 ">
                                <label class="col-lg-4 col-form-label text-dark fs-6 required">Question</label>
                                <div class="col-lg-8">
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-8 fv-row">
                                            <textarea name="question_{{$item_lang['id']}}" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 ckeditor" rows="5">{{ !empty($item_lang['faqLanguage']) ? $item_lang['faqLanguage']['question'] : '' }}</textarea>
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-6 ">
                                <label class="col-lg-4 col-form-label text-dark fs-6 required">Answer</label>
                                <div class="col-lg-8">
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-8 fv-row">
                                            <textarea name="answer_{{$item_lang['id']}}" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 ckeditor" rows="5">{{  !empty($item_lang['faqLanguage']) ? $item_lang['faqLanguage']['answer'] : '' }}</textarea>
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                </div>
                            </div>
    
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
    </div>
    <!--end::Card body-->
    <!--start::Card footer-->
    <div class="card-footer">
        <!--begin::Actions-->
        <div class="text-center">
            <button type="submit" class="btn btn-lg btn-primary">
                Submit
            </button>
        </div>
        <!--end::Actions-->
    </div>
    <!--end::Card footer-->
    </form>
    <!--end::Signup Form-->
</div>
@endsection
@section('script')
    <script src="https://cdn.ckeditor.com/4.14.1/basic/ckeditor.js"></script>
    <script>
		$(document).ready(function() {
			CKEDITOR.replaceClass = 'ckeditor';
		});
    </script>
@endsection