@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
	@section('content')
	@push('custom-css')

	@endpush
		<div class="gadmin-pagesidebar-width-1 gadmin-mhide">
		<div class="panel panel-default gadmin-pagesidebar-width-1-panel">
				<!-- begin panel-heading -->
				<div class="panel-heading gadmin-pagesidebar-width-1-heading">
					<h4 class="panel-title">{{__('core.admin_frontend')}}</h4>
				</div>
				<!-- end panel-heading -->
				<div class="gadmin-pagesidebar-body">
					<div class="gadmin-pagesidebar-main">
						<ul class="nav gadmin-pagesidebar-ul">
							<li><a href="{{url('admin/pages/show')}}" class="">{{__('core.page_list')}}</a></li>
							<li><a class=" active">{{__('admin.pages_addeditpage')}}</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

<div class="gadmin-pagesidebar-width-2">
	<!-- begin panel -->
	<form class="" enctype="multipart/form-data" action="{{ route('admin.editor.'.($object->id ? 'edit' : 'load').'-page-content', [$object->id]) }}" method="post" data-parsley-validate="true">
		@csrf
        <input type="hidden" name="user_id" value="{{auth()->user()->id}}" />
        <div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						Add New Page
					</h4>
				</div>
				<div id="info-alert" class="alert" style="display:none">
					<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
					<div class="alert-container"></div>
				</div>
			<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_title')}}</label>
					<div class="col-md-4 lg-fixed-1">
						<input class="form-control" type="text" id="title" name="title" placeholder="Title" data-parsley-required="true" value="{{$object->title}}">
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_slug')}}</label>
					<div class="col-md-4 lg-fixed-1">
						<input class="form-control" type="text" id="slug" name="slug" placeholder="Slug" data-parsley-required="true" value="{{$object->slug}}">
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-3 col-form-label">Page {{__('core.page_template')}}</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<div class="form-group form-left-border">
							<select class="form-control form-dropdown-dark" id="type" name="type" data-parsley-required="true">
								<option value="default" @if($object->type === 'default') selected @endif>Default</option>
							</select>
						</div>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-3 col-form-label">Frontend {{__('core.page_type')}}</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<div class="form-group form-left-border">
							<select class="form-control form-dropdown-dark" id="template" name="template" data-parsley-required="true">
								<option value="default" @if($object->template =='default') selected @endif>Default</option>
								<option value="cp" @if($object->template =='cp') selected @endif>Account Dashboard</option>
							</select>
						</div>
					</div>
				</div>
{{--				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_groups')}}</label>
					<div class="col-md-9">
						<ul id="jquery-tagIt-group">
							@foreach(explode(",", $object->groups) as $group)
								<li>{{$group}}</li>
							@endforeach
						</ul>
					</div>
				</div>--}}
			</div>
		</div>
		<div class="panel panel-default ">
			<div class="panel-heading">
				<h4 class="panel-title">
					SEO Options
				</h4>
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_meta_description')}}</label>
					<div class="col-md-9">
						<input class="form-control" type="text" id="meta_desc" name="meta_desc" placeholder="Page Meta Description" value="{{$object->meta_desc}}">
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_meta_keywords')}}</label>
					<div class="col-md-9">
						<input class="form-control" type="text" id="meta_keywords" name="meta_keywords" placeholder="Page Meta Keywords" value="{{$object->meta_keywords}}">
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_seo_restrictions')}}</label>
					<div class="col-md-9">
						<div class="checkbox checkbox-css checkbox-inline">
							<input type="checkbox" value="1" id="seo_index" @if($object->seo_index === 'noindex') checked="checked" @endif name="seo_index">
							<label for="seo_index">No Index <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Tells a search engine not to index a page."></i></label>
						</div>
						<div class="checkbox checkbox-css checkbox-inline">
							<input type="checkbox" value="1" id="seo_follow" @if($object->seo_follow === 'nofollow') checked="checked" @endif name="seo_follow">
							<label for="seo_follow">No Follow <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Tells a crawler not to follow any links on a page or pass along any link equity."></i></label></label>
						</div>
						<div class="checkbox checkbox-css checkbox-inline">
							<input type="checkbox" value="1" id="seo_snippet" @if($object->seo_snippet === 'nosnippet') checked="checked" @endif name="seo_snippet">
							<label for="seo_snippet">No Snippet <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Tells a search engine not to show a snippet of this page (i.e. meta description) of this page on a SERP."></i></label></label>
						</div>
						<div class="checkbox checkbox-css checkbox-inline">
							<input type="checkbox" value="1" id="seo_archive" @if($object->seo_archive === 'noarchive') checked="checked" @endif name="seo_archive">
							<label for="seo_archive">No Archive <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Search engines should not show a cached link to this page on a SERP."></i></label></label>
						</div>
						<div class="checkbox checkbox-css checkbox-inline">
							<input type="checkbox" value="1" id="seo_img_index" @if($object->seo_img_index === 'noimageindex') checked="checked" @endif name="seo_img_index">
							<label for="seo_img_index">No Image Index <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Tells a crawler not to index any images on a page."></i></label></label>
						</div>
						<div class="checkbox checkbox-css checkbox-inline">
							<input type="checkbox" value="1" id="seo_odp" @if($object->seo_odp === 'noodp') checked="checked" @endif name="seo_odp">
							<label for="seo_odp">No ODP <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="NOODP means No Open Directory Project and it is a directive which tells the search engine crawlers not to use metadata from the Open Directory Project for titles or snippets displayed in search results for the particular page."></i></label></label>
						</div>
					</div>
				</div>
				@php /*
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('core.page_add_nav')}}</label>
					<div class="col-md-9">
						<div class="row">
							<div class="col-md-12 col-sm-12">
								<div class="radio radio-css radio-inline">
									<input type="radio" name="radio_css_inline" id="do_not_add" value="no" checked="">
									<label for="do_not_add">Do Not Add</label>
								</div>
								<div class="radio radio-css radio-inline">
									<input type="radio" name="radio_css_inline" id="add_link" value="yes">
									<label for="add_link">Add Link</label>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-9 col-sm-9" style="margin-top:10px;">
								<select class="form-control" id="select-required" name="link">
									<option value="0">No Parent / No Drop-Down</option>
                                    								</select>
							</div>
						</div>
					</div>
				</div>
				*/ @endphp
				<div class="form-group row m-b-0 form-save-bg">
					<label class="col-md-3 col-sm-3 col-form-label">&nbsp;</label>
					<div class="col-md-9 col-sm-9">
						<button type="submit" class="suBtn btn btn-success form-button-save" data-toggle="tooltip" data-placement="top" data-title="{{__('core.submit_page_editor')}}">{{__('core.page_save_success')}}</button>
					</div>
				</div>
				<input type="hidden" name="user_id" value="{{$object->user_id}}">
			</div>
		</div>
	</form>
</div>
	<!-- end panel -->
	@push('custom-js')

	@endpush

	<script type="text/javascript">
        $( document ).ready(function() {

            let title = $("#title");
            let infoAlert = $('#info-alert');
            let submitBtn = $('.suBtn');

			$('.fa-question-circle').tooltip();

            title.on('blur keyup change click',function() {

                $.ajax({
                    url: '{{url('admin/ajax/check_page_name')}}',
                    type: "POST",
                    data: {title: title.val()},
                    success: function (data){
                        if(data === 'true') {
                            infoAlert.gaidoAlert({
								type: 'error',
                                text: 'This page name already exists.Please,choose another.',
                            });
                            submitBtn.attr('disabled',true);
                        } else {
                            infoAlert.hide();
                            submitBtn.attr('disabled',false);
                        }
                    }
                });
            });
        });
	</script>
@endsection