@extends('layouts.admin_main')

@section('title', trans('admin_lang.faq'))

@section('content')
    @breadcrumb([
    'home_url' => route('admin.dashboard.index'),
    'links' => [
        [
            'url' => route('admin.faqs.index'),
            'title' => trans('admin_lang.faqs_management'),
        ]
    ],
    'current_page_title' => trans('admin_lang.add_faq')
    ])
    @endbreadcrumb

    <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="kt-portlet">
                    @header(['title' => trans('admin_lang.add_faq'), 'icon' => 'fa fa-question-circle'])
                    @endheader
                    <!--begin::Form-->
                    <form class="kt-form" action="{{ route('admin.faqs.store') }}" method="POST">
                        <div class="kt-portlet__body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="question" class="required">@lang('admin_lang.question')</label>
                                        <input type="text" name="question" id="question" placeholder="{{ trans('admin_lang.faq_placeholder') }}" required class="form-control">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="answer">@lang('admin_lang.answer')</label>
                                        <textarea name="answer" id="answer" class="form-control" rows="8"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="kt-portlet__foot">
                            <div class="kt-form__actions">
                                @button(['type' => 'submit'])@endbutton
                                @button(['type' => 'cancel', 'url' => route('admin.faqs.index')])@endbutton
                            </div>
                        </div>
                    </form>
                    <!--end::Form-->
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
{{--<script src="{{ asset('assets/js/pages/crud/file-upload/ktavatar.js') }}" type="text/javascript"></script>--}}
{{--<script>--}}
    {{--$('body').on('change','#image',function(){--}}
        {{--var type = this.files[0].type;--}}
        {{--var fileSize = this.files[0].size;--}}

        {{--if(type == "image/jpeg" || type == "image/png" || type == "image/jpg"){--}}

        {{--}--}}
        {{--else{--}}
            {{--$('.cancelImage').click();--}}
            {{--$('#image').val('');--}}
            {{--errorToast('{{ trans('admin_lang.allowed_types') }}');--}}
            {{--return false;--}}
        {{--}--}}
    {{--});--}}
{{--</script>--}}
@endpush