@extends("admin.admin_app")
@section("content")
<script src="https://cdn.ckeditor.com/4.13.0/standard/ckeditor.js"></script>
 <link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<div id="main">
	<div class="page-header">
	    <div class="pull-left">
		    <h2> {{ (!empty($blogs->name))? 'Edit: '. $blogs->name : 'Add Page' }}</h2>
		</div>
				<div class="clearfix"></div>
	</div>
	<div class="clearfix"></div>
	@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
	@endif
	 @if(Session::has('flash_message'))
		<div class="alert alert-success">
				    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				        {{ Session::get('flash_message') }}
				    </div>
	@endif
   	<div class="panel panel-default">
            <div class="panel-body">
                {!! Form::open(array('url' => array('admin/pages/addpage'),'class'=>'form-horizontal padding-15','name'=>'addtestimonial_form','id'=>'addtestimonial_form','role'=>'form','enctype' => 'multipart/form-data')) !!} 
                <input type="hidden" name="id" value="{{ isset($blogs->id) ? $blogs->id : null }}">
                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">Title</label>
                    <div class="col-sm-9">
                        <input type="text" name="title" id="title" value="{{ isset($blogs->title) ? $blogs->title : old('title') }}" class="form-control">
                    </div>
                </div>
				<div class="form-group">
                    <label for="" class="col-sm-3 control-label">Sub Title</label>
                    <div class="col-sm-9">
                        <input type="text" name="heading" id="heading" value="{{ isset($blogs->heading) ? $blogs->heading : old('heading') }}" class="form-control">
                    </div>
                </div>
				<div class="form-group">
                    <label for="" class="col-sm-3 control-label">Description</label>
                    <div class="col-sm-9">
						<textarea  name="editor1" class="form-control">{{ isset($blogs->descriptions) ? stripslashes($blogs->descriptions) : old('editor1') }}</textarea>
                    </div>
                </div>
				<div class="form-group">
                    <label for="" class="col-sm-3 control-label">Description For Dubai</label>
                    <div class="col-sm-9">
						<textarea  name="editor2" id="content_description" class="form-control">{{ isset($blogs->descriptions_other) ? stripslashes($blogs->descriptions_other) : old('editor2') }}</textarea>
                    </div>
                </div>
				<div class="form-group">
                    <label for="avatar" class="col-sm-3 control-label"> Image</label>
                    <div class="col-sm-9">
                        <div class="media">
                            <div class="media-left">
                                @if(!empty($blogs->imageurl))
                                    <a id="btn_del_icon" style="position: absolute;top: 0px;height: max-content;left: 8.7em;border: 0;" onclick="delete_images({{$blogs->id}})" class="btn color-red btn-default-light go_btn"><i class="fa fa-trash" aria-hidden="true"></i></a>
									<img id="page_media_img" src="{{ URL::asset('public/upload/website/'.$blogs->imageurl.'.jpg') }}" width="100" alt="{{ isset($blogs->title) ? $blogs->title : old('title') }}">
								@endif
								                                
                            </div>
                            <div class="media-body media-middle">
                                <input type="file" name="t_user_image" class="filestyle"> 
                            </div>
                        </div>
	
                    </div>
                </div>
				<hr>
				<h5 class="heading">Enable Modules</h5>
								<div class="form-group" style="margin-left:15px;">
					<div class="form-check form-check-inline">
						  <input {{(in_array('home_slider', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="home_slider" value="home_slider">
						  <label class="form-check-label" for="home_slider"> Home Slider </label>
					</div>
					
					<div class="form-check form-check-inline">
					  <input {{(in_array('featured_projects', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="featured_projects" value="featured_projects">
					  <label class="form-check-label" for="featured_projects"> Featured Projects </label>
					</div>
					
					<div class="form-check form-check-inline">
					  <input {{(in_array('featured_properties', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="featured_properties" value="featured_properties">
					  <label class="form-check-label" for="featured_properties">Featured Properties </label>
					</div>
					<!--------------- ------------>
					<div class="form-check form-check-inline">
					  <input {{(in_array('featured_communities', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="featured_communities" value="featured_communities">
					  <label class="form-check-label" for="featured_communities">Featured Communities </label>
					</div>
					
					<div class="form-check form-check-inline">
					  <input {{(in_array('video_section', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="video_section" value="video_section">
					  <label class="form-check-label" for="video_section">Video Section</label>
					</div>
					
					<div class="form-check form-check-inline">
					  <input {{(in_array('work_with_us_and_enquiry', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="work_with_us_and_enquiry" value="work_with_us_and_enquiry">
					  <label class="form-check-label" for="work_with_us_and_enquiry">Work with Us and Enquiry Section </label>
					</div>
					<!--<div class="form-check form-check-inline">
					  <input {{(in_array('featured_project', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="featured_project" value="featured_project">
					  <label class="form-check-label" for="featured_project"> Featured Properties Grid Slider </label>
					</div>-->
					<!--<div class="form-check form-check-inline">
					  <input {{(in_array('3_grid_box_property_category_for_india', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="3_grid_box_property_category_for_india" value="3_grid_box_property_category_for_india">
					  <label class="form-check-label" for="3_grid_box_property_category_for_india"> 3 Grid Box Property Category For India </label>
					</div>
					<div class="form-check form-check-inline">
					  <input {{(in_array('3_grid_box_project_category_for_india', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="3_grid_box_project_category_for_india" value="3_grid_box_project_category_for_india">
					  <label class="form-check-label" for="3_grid_box_project_category_for_india"> 3 Grid Box Project Category For India </label>
					</div>
					<div class="form-check form-check-inline">
					  <input {{(in_array('3_grid_box_property_category_for_international', $en_modules))? 'checked' : ''}} class="form-check-input" type="checkbox" name="enable_modules[]" id="3_grid_box_property_category_for_international" value="3_grid_box_property_category_for_international">
					  <label class="form-check-label" for="3_grid_box_property_category_for_international"> 3 Grid Box Property Category For International </label>
					</div>-->
				</div>
                <hr>
				
					 <!--- Rank Math seo -->
					<div class="rank-math-editor">
						<div class="form-group field-group">
							<label class="control-label" for="rank-math-editor-title">Title</label>
							<span class="length-indicator-wrapper" id="title_indicator"><span class="length-count"><span class="current_count">0</span> / <span class="expected_cont">60</span></span><span class="length-indicator"><span style="left: 100%;"></span></span></span>
							<input id="seo_title" name="seo_title" value="{{ isset($blogs->seo_title) ? $blogs->seo_title : old('seo_title') }}" type="text" class="form-control" />
							<p class="small">This is what will appear in the first line when this shows up in the search results.</p>
						</div>
						<div class="form-group field-group">
							<label class="control-label" for="rank-math-editor-permalink">Permalink</label>
							<span class="length-indicator-wrapper" id="slug_indicator"><span class="length-count"><span class="current_count">0</span> / <span class="expected_cont">75</span></span><span class="length-indicator"><span style="left: 100%;"></span></span></span>
							<input type="text" id="slug" name="slug" placeholder="permalink & Slug" value="{{ isset($blogs->slug) ? $blogs->slug : old('slug') }}" class="form-control">
							<p class="small">This is the unique URL of this page, displayed below the title in the search results.</p>
						</div>
						<div class="form-group field-group">
						  <label class="control-label" for="pwd">Description</label>
						  <span class="length-indicator-wrapper" id="desc_indicator"><span class="length-count"><span class="current_count">0</span> / <span class="expected_cont">160</span></span><span class="length-indicator"><span style="left: 100%;"></span></span></span>
						  <textarea class="form-control" id="seo_description" name="seo_description">{{ isset($blogs->seo_description) ? $blogs->seo_description : old('seo_description') }}</textarea>
							<p class="small">This is what will appear as the description when this shows up in the search results.</p>
						</div> 
						<div class="form-group field-group">
							<label class="control-label" for="rank-math-editor-keyword">Focus Keyword</label>
							<span class="length-indicator-wrapper" id="keword_indicator"><span class="length-count"><span class="current_count">0</span> / <span class="expected_cont">100</span></span><span class="length-indicator"><span style="left: 100%;"></span></span></span>
							<div class="tags_contains">
								<input id="seo_keywork" data-role="tagsinput" name="seo_keywork" value="{{ isset($blogs->seo_keywork) ? $blogs->seo_keywork : old('seo_keywork') }}" type="text" class="form-control" />
							</div>
							<div class="rank-math-checklist">
								<ul>
									<li class="check_title">
										<div class="check-fail">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#f29c96" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Add Focus Keyword to the SEO title.</span>
										</div>
										<div class="check-pass hidden">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999M22 3.99999L12 14.01L9.00001 11.01" stroke="#79c979" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Hurray! You're using Focus Keyword in the SEO Title.</span>
										</div>
									</li>
									<li class="check-desc">
										<div class="check-fail">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#f29c96" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Add Focus Keyword to your SEO Meta Description.</span>
										</div>
										<div class="check-pass hidden">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999M22 3.99999L12 14.01L9.00001 11.01" stroke="#79c979" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Focus Keyword in the SEO Meta Description.</span>
										</div>
									</li>
									<li class="check-url">
										<div class="check-fail">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#f29c96" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Use Focus Keyword in the URL.</span>
										</div>
										<div class="check-pass hidden">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999M22 3.99999L12 14.01L9.00001 11.01" stroke="#79c979" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Focus Keyword used in the URL.</span>
										</div>
									</li>
									<li class="check-content">
										<div class="check-fail">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#f29c96" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Use Focus Keyword in the content.</span>
										</div>
										<div class="check-pass hidden">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999M22 3.99999L12 14.01L9.00001 11.01" stroke="#79c979" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Focus Keyword used in the content.</span>
										</div>
									</li>
									<li class="check-content-count">
										<div class="check-fail">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#f29c96" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Content is <span class="desc_cou"></span> words long. Consider using at least 600 words.</span>
										</div>
										<div class="check-pass hidden">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999M22 3.99999L12 14.01L9.00001 11.01" stroke="#79c979" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
											<span>Content is <span class="desc_cou"></span> words long. Good job!</span>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!--- End Rank Math seo  -->  
				
                <div class="form-group">
                    <div class="col-md-offset-3 col-sm-9 ">
                    	<button type="submit" class="btn btn-primary">{{ isset($blogs->title) ? 'Save Changes' : 'Save' }}</button>
                         
                    </div>
                </div>
                
                {!! Form::close() !!} 
            </div>
        </div>
   
    
</div>
<script>CKEDITOR.replace( 'editor1' );</script>
<script>CKEDITOR.replace( 'editor2' );</script>
<script>

$("#title").keyup(function(){
    var Text = $(this).val();
    Text = Text.toLowerCase();
    Text = Text.replace(/[^a-zA-Z0-9]+/g,'-');
	
	//alert('sdasdaas');
    $("#slug").val(Text);        
});
//change status
    function change_status(pid, status,type){
        $.ajax({
               type:'POST',
               url:'{{ url('/')}}/admin/changeStatus',
               data:{
                   "pid" : pid,
                   "status" : status,
                   "type"   : type,
                   "_token": "{!! csrf_token() !!}"
                   },
               beforeSend: function(){
                 //$("#loading_overlay").css("display", "block");
                },
               success:function(res) {
                  //console.log(res);
                  if(res==1){
                      //alert('Successfully Updated');
                  }else{
                      //alert('Failed !!! Please try again');
                  }
                  location.reload();
                 // $("#loading_overlay").css("display", "none");
               }
            });
    }
    //delete images
    function delete_images(id){
        $.ajax({
               type:'POST',
               url:'{{ url('/')}}/admin/pages/delete_images',
               data:{
                   "id" : id,
                   "_token": "{!! csrf_token() !!}"
                   },
               success:function(res) {
                  $('#page_media_img').hide();
                  $('#btn_del_icon').hide();
               }
            });
    }
</script>
@endsection