@extends('admin.layout.main_v')
@section($class)
    @include('admin.layout.active_class')
@stop
@section('constant_active_class')
	@include('admin.layout.active_class')
@stop
@isset($sub_class)
	@section($sub_class)
		@include('admin.layout.active_class')
	@stop
@endif
@section('css')
@stop
@section('js')
    {!! HTML::script('assets/assets_1/ckeditor/ckeditor.js') !!}

<script>
    $(document).ready(function() {
        CKEDITOR.replace('s_description_ar', {
            language: 'ar'
        });

        CKEDITOR.replace('s_description_en', {
            language: 'en'
        });

        var Add_Form = $('#page_form');

        Add_Form.validate({
            // ignore: ":hidden",
            rules: {
                @if(isset($settings))
                    @foreach($settings as $setting)
                        '{{$page->s_key}}': {
                            required: true,
                        },
                    @endforeach
                @endif
            },
            messages: {
                @if(isset($settings))
                    @foreach($settings as $setting)
                        '{{$page->s_key}}': {
                            required: '{{trans('validation.required1',['attribute' => $setting->s_name])}}',
                        },
                    @endforeach
                @endif
            },
        });

        $('.update_settings').click(function(event){
            event.preventDefault();
            postData(Add_Form);
        });

    });

    function postData(form){
        if (!form.valid())
            return false;
        var data = new FormData(form.get(0));
            var s_description_ar = CKEDITOR.instances.s_description_ar.getData();
            var s_description_en = CKEDITOR.instances.s_description_en.getData();
            data.append('s_description[en]', s_description_en);
            data.append('s_description[ar]', s_description_ar);
        $.ajax({
            url : '{{route('admin.pages.update')}}',
            data : data,
            type: "POST",
            processData: false,
            contentType: false,
            success:function(data) {
                if(data.success)
                    showAlertMessage('success','{{$data['name']}}/ ', '@lang('pages.text_system_page_updated')');
                else
                    showAlertMessage('danger','{{$data['name']}}/ ', '@lang('general.text_alert_error_occurred')');
            },
            error:function(data) {
                console.log(data);
            } ,
            statusCode: {
                500: function(data) {
                    console.log(data);
                }
            }
        });
    }
</script>
@endsection


@section('content')

    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head kt-portlet__head--lg">
            <div class="kt-portlet__head-label">
                    <span class="kt-portlet__head-icon">
                        <i class="kt-font-brand fa fa-exclamation-circle"></i>
                    </span>
                <h4 class="kt-portlet__head-text">
                    @if(isset($data['name']))
                        {{ $data['name'] }}
                    @endif
                </h4>
            </div>
        </div>
        <div class="kt-portlet__body">
            <div class="kt-form kt-form--label-right kt-margin-t-20 kt-margin-b-10">
            <!--begin: Datatable -->
            {!! FORM::open(['class'=>'form-horizontal','role'=>'form','id'=>'page_form','files'=>'true']) !!}
            <div class="portlet-body form">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-body">
                            @if(isset($page))
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="form-control-label" for="s_description_ar">{{$page->getTranslation('s_name', app()->getLocale())}}</label>
                                    <textarea class="form-control" name="s_description[ar]" id="s_description_ar">{{$page->getTranslation('s_description', 'ar')}}</textarea>
                                    <div class="form-control-focus"></div>
                                    <span class="help-block"></span>
                                </div>
                            </div>
                                <br>
                                <br>
                                <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="form-control-label" for="s_description_en">{{$page->s_name}}</label>
                                    <textarea class="form-control" name="s_description[en]" id="s_description_en">{{$page->getTranslation('s_description', 'en')}}</textarea>
                                    <div class="form-control-focus"></div>
                                    <span class="help-block"></span>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>

                    <div class="col-md-12">
                        <input type="hidden" name="s_key" value="{{$page->s_key}}">
                        <a href="#" class="btn btn-info update_settings">@lang('general.button_save_changes')</a>
                    </div>
                </div>
            </div>
            {!! FORM::close() !!}

            </div>
        </div>
    </div>
@endsection