@extends("admin.admin_app")
@section("content")
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<style>
.mt-50{margin-top: 50px;}
.cke_notification, .cke_notification_warning {
    display: none !important;
  }
</style>

<div id="main">
    <div class="pull-left">
        <h5>Edit Lifestyle</h5>
    </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="clearfix mt-20"></div>
        {!! Form::open(array('url' => array('admin/contents/category/add'),'class'=>'form-horizontal padding-15','name'=>'lifestyle','id'=>'lifestyle','role'=>'form','enctype' => 'multipart/form-data')) !!} 
            <div class="col-sm-12 p-0">
                <strong class="w-100 pl-10 border-bottom">Lifestyle</strong>
                <div class="col-sm-12">
                    <div class="col-sm-6 p-0">
                        <div class="col-sm-12 pt-10 pt-0 details">
                            <input type="hidden" name="id" value="{{ isset($life->id) ? Crypt::encryptString($life->id) : null }}">
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Name of the lifestyle</label>
                                <div class="col-sm-9">
                                    <input type="text" name="name" value="{{(!empty($life->name))? $life->name : old('name') }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Title (H1)</label>
                                <div class="col-sm-9">
                                    <input type="text" name="title_h1" value="{{(!empty($life->title_h1))? $life->title_h1 : old('title_h1') }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Country_id</label>
                                <div class="col-sm-9">
                                    <input type="text" name="country_id" value="250" class="form-control">
                                </div>
                            </div>
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Developer_id</label>
                                <div class="col-sm-9">
                                    <input type="text" name="developer_id" value="30" class="form-control">
                                </div>
                            </div>


                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Subtitle</label>
                                <div class="col-sm-9">
                                    <input type="text" name="subtitle" value="{{(!empty($life->subtitle))? $life->subtitle : old('subtitle') }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Description</label>
                                <div class="col-sm-9">
                                    <textarea id="editor1" name="description" class="form-control">{{(!empty($life->description))? $life->description : old('description') }}</textarea>
                                </div>
                            </div>
                        </div>
						<!--<div class="col-sm-12 pt-10 pt-0 details">
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Title (META)</label>
                                <div class="col-sm-9">
                                    <input type="text" name="title_meta" value="{{(!empty($life->title_meta))? $life->title_meta : old('title_meta') }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Breadcrumb</label>
                                <div class="col-sm-9">
                                    <input type="text" name="breadcrumb" value="{{(!empty($life->breadcrumb))? $life->breadcrumb : old('breadcrumb') }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Description (META)</label>
                                <div class="col-sm-9">
                                    <textarea name="description_meta" class="form-control">{{(!empty($life->description_meta))? $life->description_meta : old('description_meta') }}</textarea>
                                </div>
                            </div>
                        </div>-->
						
					<div class="col-sm-3 mt-20">
					<label for="" class="control-label">SEO Preview</label>
					</div>
					<div class="rank-math-editor col-sm-offset-0 col-sm-9 mb-20">
					<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="title_meta" value="{{(!empty($life->title_meta))? $life->title_meta : old('title_meta') }}" 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" style="display: none;">
						<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" name="slug" id="slug" value="" 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="description_meta">{{(!empty($life->description_meta))? $life->description_meta : old('description_meta') }}</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="breadcrumb" value="{{(!empty($life->breadcrumb))? $life->breadcrumb : old('breadcrumb') }}" 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>
                    </div>
                    <div class="col-sm-6 p-0">
                    <!--<div class="border mt-20 mb-20 pb-20">
                    <div class="col-sm-6 pt-10"><strong>Developer</strong></div>
                    
                    <div class="clearfix"></div>
                    <div class="col-sm-12 pt-10 details" id="edit_developer">
                        <select name="developer_id" class="w-100">
                            @foreach(\App\Models\Developers::where('status','1')->get() as $dev)
                                <option value="{{$dev->id}}" selected>{{$dev->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>-->
                <div class="col-sm-12">
                    <div class="col-sm-12 p-0">
                        <div class="col-sm-12 pt-10 pt-0 details">
                            <div class="form-group mt-20">
                                <label for="" class="col-sm-3 control-label">Thumbnail</label>
                                <div class="col-sm-9">