@extends('layouts.app')
@section('title', trans('menu.faq_title'))

@section('content')
<div class="content">
    <x-content.header title="{{__('faq.create_faq')}}">
        <x-slot:headerRight>
            <a href="{{url('faqs/categories')}}" class="btn-secondary-base">{{trans("faq.category_list")}}</a>
        </x-slot:headerRight>
    </x-content.header>

    <form id="form" name="faq-form" action="{{url('faqs')}}" method="POST">
        <div class="tw-card">
            <div class="p-6">

                @include('faq::form', [
                    'edit' => false
                ])

                <div class="mt-4 border-top flex">
                    <button type="submit" class="btn-primary-base mt-4 btn-save mr-2">
                        {{trans('forms.lbl_create')}}
                    </button>
                    <a href="{{url('faqs')}}"  class="btn-tertiary-base mt-4">{{trans('forms.lbl_cancel')}}</a>
                </div>

            </div>
        </div>
    </form>
</div>
	@include('faq::categories.create_edit')
@stop

@section('footer-script')
	<!-- plugin js for this page -->
    <script type="text/javascript">

        $(".btn-save").on("click", function(event) {
            event.preventDefault();
			if($("#form").valid()){
	            data = $('#form').serialize();
                data = data+"&files="+ JSON.stringify(selectedFiles);

				PDRequest({
	                type    : "POST",
	                url     : $("#form").prop("action"),
	                data    : data,
	                event   : event
	            }).then((response) => {
	                window.location = "{{url('faqs')}}";
	            });
			}
        });
    </script>
@stop