@extends("admin.admin_app")
@section("content")
</div>
<style>
    .pagination{float: right; margin-top: 0px;}
	.add_community_frm .form-control{width: 100% !important; float: none !important;}
	.rank-math-editor .field-group{background: transparent;    margin-top: 0;}
	#data-table_length label{display:none;}
    </style>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}" />
<div id="main">
	<div class="container-fluid">
	<div class="page-header">
		<h2>District</h2>
	</div>
	@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
	
	<ul class="nav nav-tabs">
        <li><a href="{{ URL::to('admin/community') }}">Community <span class="black_bg">2845</span></a></li>
        <li><a href="{{ URL::to('admin/sub_community') }}">Sub Community <span class="black_bg">2845</span></a></li>
        <li class="active"><a data-toggle="tab" href="#district">District <span class="black_bg">3336</span></a></li>
    </ul>
	<div class="row">
        <div class="tab-content w-100 p-0 border">
            <div id="district" class="tab-pane fade in active">
            	@if(has_permission('location_create'))
                    <div class="w-100">
                        <div class="w-100 yellow_bg border-bottom">
                            <strong class="pull-left p-10">Add New District</strong>
							<button type="button" class="btn btn-default btn-sm pull-right mt-4 mb-4 mr-4" data-toggle="modal" data-target="#add_comm_data">Add City Data</button>
					<div id="add_comm_data" class="modal fade" role="dialog">
						<div class="modal-dialog modal-lg">
							{!! Form::open(array('url' => array('admin/add_city_data'),'class'=>'form-horizontal','name'=>'add_city_data','id'=>'add_city_data','role'=>'form','enctype' => 'multipart/form-data')) !!}
							<!-- Modal content-->
							<div class="modal-content">
								<div class="modal-header">
									<h4 class="modal-title">Add New City Database for United Arab Emirates</h4>
									<button type="button" class="close" data-dismiss="modal">&times;</button>
								</div>
								<div class="modal-body">
								<div class="col-sm-12">
									<div class="form-group">
										<label class="col-sm-3">City Name</label>
										<div class="col-sm-9">
										<input type="text" name="city_name" class="form-control" id="city_name" placeholder="City Name" />
										</div>
									</div>
								</div>
								</div>
								<div class="clearfix"></div>
								<div class="modal-footer">
									<button type="submit" class="btn btn-primary">Save</button>
									<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								</div>
							</div>
							{!! Form::close() !!}
						</div>
					</div>
					<!-- end Modal -->
                        </div>
                        <div class="w-100 light_yellow_bg e_box">
                         <form class="add_community_frm" method="post" action="" enctype="multipart/form-data">
                             <div class="w-100 p-10">
                             {{ csrf_field() }}
                             <div class=" col-sm-3">
                                 <div class="form-group">
                                 <label>Select Country</label> 
                                 <select class="form-control" name="country_id" onchange="get_state(this.value)" required>
                                     <option value="">Select</option>
                                     @foreach($countries as $country)
                                        <option value="{{$country->id}}"> {{ $country->name}}</option>
                                     @endforeach
                                 </select>
                                 </div>
                             </div>
                             <div class=" col-sm-3">
                                 <div class="form-group" style="display:none" id="state_div">
                                 <label id="state_label">Select State</label>
                                 <select class="form-control" name="state_id" id="state_list"  required>
                                     <option value="">Select</option>
                                    
                                 </select>
                                 </div>
                             </div>
                             <div class="form-group col-sm-3">
                                 <label>location Image</label>
                                 <input type="file" name="location_img" class="form-control"/>
                             </div>
                             
                             <div class="form-group col-sm-3">
                                 <label id="city_label">City</label>
                                 <input type="text" name="name" id="ownPlaces" class="form-control" placeholder="  name" required>
                             </div>
                             <div class="form-group col-sm-3">
                                 <label>Longitude</label>
                                 <input type="text" name="latitude" id="latitude" class="form-control"  readonly>
                             </div>
                             <div class="form-group col-sm-3">
                                 <label>Latitude</label>
                                 <input type="text" name="longitude" id="longitude" class="form-control"  readonly>
                             </div>
                             <div class="clearfix mt-20"></div>
                                     <hr style="border-top: 1px solid #ccc;" />
                                     <div class="clearfix mt-20"></div>
                                     <!-- New Code By MK -->
                                     <div class="col-sm-6 p-0 mt-20">
							 
				<div class="rank-math-editor col-sm-offset-0 col-sm-12">
					<div class="form-group field-group">
						<label class="control-label" for="rank-math-editor-title">SEO 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 name="seo_title" id="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" 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" 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">SEO 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"></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">SEO 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 name="seo_keywork" id="seo_keywork" data-role="tagsinput" 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">
                                 <label>City Description</label>       
                                 <div class="form-group col-sm-12 p-0">
                                     <textarea class="form-control" id="editor1" name="description" rows="7" required> </textarea>
                                 </div>
                             </div>
                            </div>
                            <!-- End New Code By MK -->
                             <div class="w-100 yellow_bg p-10 border-bottom">
                                <div class="btn-group" role="group" aria-label="Basic example">
                                    <button type="submit" class="btn btn-secondary btn_select btn-middle">Save</button>
                                    <button type="reset" class="btn btn-secondary btn-light btn-middle">Cancel</button>
                                </div>
                            </div>
                         </form>
                     </div>
                    </div>
                 @endif
                <div class="w-100 p-10">
                    @if(has_permission('location_read'))
						<div class="light_gray_bg gray_bg w-100">
						<div class="pr-10 pull-right d-flex">
							<form method="get" enctype="multipart/form-data">
								<div class="pr-10 pull-left">
									<input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Name" class="input_small border pull-left input_bigger" style="height: 38px; padding: 10px; font-size: 14px;" />
									<button type="submit" class="btn color-gray go_btn pull-left btn-middle"><i class="fa fa-search" aria-hidden="true"></i></button>
								</div>
							</form>
						</div>			
					</div>
					<div class="clearfix pt-20 pb-20"></div>
                    <table id="data-table" class="table table-striped table-hover dt-responsive table-bordered table_custome" cellspacing="0" width="100%">
                        <thead>
            	            <tr>	                
            	                <th><input type="checkbox" name="checkall" /></th>
                        	    <th>ID</th>
            	                <th>Image</th>
            	                <th>city name</th>
            	                <th>State</th>
            	                <th>Country </th>
            	                <th>Description</th>
            	                 <th>Status</th>
            	                <th class="text-center width-100">Action</th>
            	            </tr>
                        </thead>
            
                        <tbody>
                                                                                
                         
                        </tbody>
                    </table>
                    @else
                    <table id="data-table" class="table table-striped table-hover dt-responsive table-bordered table_custome" cellspacing="0" width="100%">
                       <tr>
                           <td align="center">
                               <em>Permission denide</em>
                           </td>
                        </tr>
                    </table>
                    @endif 
                </div>
                <div class="clearfix"></div>
            </div>
         </div>
     </div>
</div>
@endsection
@push('scripts')
<script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false&libraries=places&key=