@extends("admin.admin_app")
@section("content")
</div>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}" />
<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;}
	.cke_notification, .cke_notification_warning {
    display: none !important;
  }
    </style>
<div id="main">
    <div class="container-fluid">
	<div class="page-header">
		<h2>Sub Community</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">{{count($community_all)}}</span></a></li>
        <li class="active"><a href="#subcommunity">Sub Community <span class="black_bg">{{count($sub_communities)}}</span></a></li>
        <!--<li><a href="{{ URL::to('admin/add_city') }}">District <span class="black_bg">3336</span></a></li>-->
    </ul>
    
    <div class="row">
         <div class="tab-content w-100 p-0 border">
            <div id="subcommunity" class="tab-pane fade in active">
                <div class="w-100 yellow_bg border-bottom">
                    <strong class="p-10 pull-left">Add New Sub Community</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 Sub Community 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_subcomm_data'),'class'=>'form-horizontal','name'=>'add_comm_data','id'=>'add_comm_data','role'=>'form','enctype' => 'multipart/form-data')) !!}
													<!-- Modal content-->
									<div class="modal-content">
										<div class="modal-header">
											<h4 class="modal-title">Add New sub Community Database</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">Select Community</label>
												<div class="col-sm-9">
												<select class="form-control" name="community_id" required>
													 <option value="">Select</option>
													 @foreach(\App\Models\Community_data::orderBy('id', 'desc')->get() as $city_data)
														<option value="{{$city_data->id}}"> {{ $city_data->name}}</option>
													 @endforeach
												 </select>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-3">Sub Community Name</label>
												<div class="col-sm-9">
												<input type="text" name="sub_community_name" class="form-control" id="sub_community_name" placeholder="Sub Community 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">
                     @if(has_permission('location_create'))
                        <form class="add_community_frm" method="post" action="" enctype="multipart/form-data">
                            <div class="w-100 p-10">
                             {{ csrf_field() }}
                             <div class="col-sm-12 ps-0">
                                 <div class="col-sm-3">
                                    <div class="form-group">
                                     <label>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">
                                         @php $country_for = (!empty($_COOKIE['country']))? $_COOKIE['country'] : 250; @endphp
                                         @if($country_for == 250)
                        	                    City
                        	                    @else
                        	                    state
                        	                    @endif</label>
                                     
                                     <select class="form-control" name="city_id" id="state_list" onchange="get_cities(this.value)" required>
                                         <option value="">Select</option>
                                     </select>
                                     </div>
                                 </div>
                                 <div class="col-sm-3">
                                     <div class="form-group" style="display:none" id="community_div">
                                         <label id="city_label">Community</label>
                                         <select class="form-control" name="community_id" id="city_list" onchange="get_community(this.value)" required>
                                             <option value="">Select</option>
                                            
                                         </select>
                                     </div>
                                 </div>
                                 <div class="col-sm-3">
                                     <div class="form-group" style="display:none" id="sub_community_div">
                                         <label>Subcommunity</label>
                                         <select class="form-control" name="name" id="community_list" required>
                                             <option value="">Select</option>
                                            
                                         </select>
                                     </div>
                                 </div>
                             </div>
                             <div class="col-sm-12 ps-0 mt-20">
                                 <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>Location for Lat Log</label>
                                     <input type="text" id="ownPlaces" class="form-control" placeholder="Sub Community" 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>
                             <!-- New Code By MK -->
                             <div class="col-sm-6 p-0 mt-20">
							                              <div class="clearfix"></div>
                             <hr style="margin:0;border-top: 1px solid #ccc;" />
        					<!--<div class="form-group w-100">
        						<label for="usr">Seo Title:</label>
        						<input name="seo_title" type="text" class="form-control" />
        					</div>
        					<div class="form-group w-100">
        						<label for="usr">Seo keywork:</label>
        						<input name="seo_keywork" type="text" class="form-control" />
        					</div>
        					<div class="form-group w-100">
        					  <label for="pwd">Seo Description:</label>
        					  <textarea class="form-control" name="seo_description"></textarea>
        					</div>-->
							<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>Sub community Description</label>
                                 <div class="form-group col-sm-12">
                                     <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>
                     @endif
                </div>
                <div class="w-100 p-10">
                        @if(has_permission('location_read'))
							<div class="light_gray_bg gray_bg w-100 border-bottom">
								<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;" />
											<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 style="width:80px;">Image</th>
                	                <th>Sub Community Name</th>
                	                <th>Community Name</th>
                	                <!--<th>
                	                    @if($country_for == 250)
                	                    Master Community
                	                    @else
                	                    city
                	                    @endif
                	                    
                	                    </th>-->
                	                <th>@if($country_for == 250)
                	                    City
                	                    @else
                	                    state
                	                    @endif</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 class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">
                        <tr>
                           <td align="center">
                              <em>Permission denide</em>
                           </td>
                        </tr>
                        </table>
                        @endif
						<tfoot>
					<tr>
						<td colspan="3">No. of Sub Community :  <span class="fw-600">{{count($sub_communities)}}</span></td>
						<td colspan="5" class="text-right">
						</td>
					</tr>
				</tfoot>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection


@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
  // Wait until CKEditor is loaded
  window.addEventListener('load', function () {
    const style = document.createElement('style');
    style.innerHTML = `
      .cke_notification, .cke_notification_warning {
        display: none !important;
      }
    `;
    document.head.appendChild(style);
  });
</script>
<!-- Load CKEditor (must be immediately after the suppression) -->
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false&libraries=places&key=