@extends("admin.admin_app")
@section("content")
</div>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<style>
.btn{font-size: 14px !important;}
.btn-light{padding: 7px 6px; border-radius: 4px;}
.mr-20{margin-right: 20px;}
.ml-20{margin-left: 20px;}
.mb-20{margin-bottom: 20px;}
</style>
<div id="main">
    <div class="container-fluid">
	<div class="page-header">
		<h2>Contents > Areas (189)</h2>
	</div>
	
<ul class="nav nav-tabs">
    <li><a data-toggle="tab" href="#regions">Community</a></a></li>
    <li class="active"><a data-toggle="tab" href="#area">Sub Community</a></li>
    <li><a data-toggle="tab" href="#developments">Projects</a></li>
    <li><a data-toggle="tab" href="#developers">Developers</a></li>
</ul>
</div>
<div class="row">
    <div class="tab-content w-100 p-0 border">
        <div id="regions" class="tab-pane fade">
            <div class="light_gray_bg gray_bg w-100 border-bottom">
                <div class="col-sm-6">
                    <form method="get" enctype="multipart/form-data">
                    <div class="pull-left">
                        <button class="btn color-gray go_btn border btn-middle">Active <i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                    <div class="pr-10 pull-left">
                        <input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Project Name" class="input_small border pull-left input_bigger" style="height: 39px;" />
						<button type="submit" class="btn color-gray go_btn pull-left btn-middle" style="padding: 9px 15px !important;"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </div>
                </form>
                   
                </div>
              
            </div>
            <div class="w-100 pl-14 border-bottom mb-20">
                <div class="gray_bg w-100">
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn-middle btn_select link"><a href="{{URL::to('admin/areas/addareas')}}"> <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New Area </a> </button>
                        <button type="button" class="btn btn-secondary btn-light">Edit</button>
                        <button type="button" class="btn btn-secondary btn-light">Delete</button>
                    </div>
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn_select">Change Status&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                </div>
			</div>
    	    <div class="mr-20 ml-20 p-10">
    	       <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>Name</th>
    					<th>City</th>
    					<th>Developer</th>
    					<th>Created</th>
    	                <th>Upload</th> 
                        <th>Status</th>
                        <th> Actions </th>
    	            </tr>
                </thead>
                @if(has_permission('user_read'))
                <tbody>
                @foreach($allareas as $i => $areas)
                <tr>
                    <td><input type="checkbox" name="checkall" /></td>
                   
                    <td align="center"><a href="{{ url('admin/areas/addareas/'.Crypt::encryptString($areas->id)) }}">{{ $areas->id }}</a></td>
                    <td>{{ $areas->name }}</td>
                    <td>{{ $areas->city }}</td> 
                    <td>{{ $areas->developer }}</td>
                    <td>{{ $areas->Created }}</td>   
                    <td>{{ $areas->Upload }}</td>  
                    <td><i style="color:green; font-size:9px;" class="fa fa-circle" aria-hidden="true"></i> &nbsp; Active &nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></td>
                    <td> 
                        @if(has_permission('testimonial_delete'))
						<a href="{{ url('admin/area/delete/'.Crypt::encryptString($areas->id)) }}" class="bg-none p-0 delete_item"><span class="text-start pr-20">
							<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.49988 4.99984H3.16654M3.16654 4.99984H16.4999M3.16654 4.99984V16.6665C3.16654 17.1085 3.34214 17.5325 3.6547 17.845C3.96726 18.1576 4.39118 18.3332 4.83321 18.3332H13.1665C13.6086 18.3332 14.0325 18.1576 14.3451 17.845C14.6576 17.5325 14.8332 17.1085 14.8332 16.6665V4.99984H3.16654ZM5.66654 4.99984V3.33317C5.66654 2.89114 5.84214 2.46722 6.1547 2.15466C6.46726 1.8421 6.89118 1.6665 7.33321 1.6665H10.6665C11.1086 1.6665 11.5325 1.8421 11.8451 2.15466C12.1576 2.46722 12.3332 2.89114 12.3332 3.33317V4.99984M7.33321 9.1665V14.1665M10.6665 9.1665V14.1665" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>	</svg>
						</span></a>
					@endif
                </td>                 
                </tr>
                @endforeach
            </tbody>
            @endif
            </table>
    	    </div>
	    </div>
		<div id="area" class="tab-pane fade in active">
            <div class="light_gray_bg gray_bg w-100 border-bottom">
                <div class="col-sm-6">
                    <form method="get" enctype="multipart/form-data">
                    <div class="pull-left">
                        <button class="btn color-gray go_btn border btn-middle">Active <i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                    <div class="pr-10 pull-left">
                        <input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Project Name" class="input_small border pull-left input_bigger" style="height: 39px;" />
						<button type="submit" class="btn color-gray go_btn pull-left btn-middle" style="padding: 9px 15px !important;"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </div>
                    <!--<div class="pr-10 pull-left">
                        <button class="btn color-gray go_btn btn-middle">More Filters</button>
                    </div>-->
                    </form>
                </div>
                <!--<div class="pull-right text-right">
                    <div class="pr-10 pull-left">
                        <button class="no-btn bold" style="padding: 8px !important;">View</button>
                    </div>
                    <div class="pr-10 pull-left">
                        <div class="btn-group" role="group" aria-label="Basic example">
                            <button type="button" class="btn btn-secondary btn_select btn-middle">Overview&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                            <button type="button" class="btn btn-secondary btn-middle" style="font-size: 19px;padding: 4px 10px;"><i class="fa fa-cogs" aria-hidden="true"></i>&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>-->
            </div>
            <div class="w-100 pl-14 border-bottom mb-20">
                <div class="gray_bg w-100">
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn-middle btn_select link"><a href="{{URL::to('admin/areas/addareas')}}"> <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New Area </a> </button>
                        <button type="button" class="btn btn-secondary btn-light">Edit</button>
                        <button type="button" class="btn btn-secondary btn-light">Delete</button>
                    </div>
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn_select">Change Status&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                </div>
			</div>
    	    <div class="mr-20 ml-20 p-10">
    	       <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>Name</th>
    					<th>City</th>
    					<th>Developer</th>
    					<th>Created</th>
    	                <th>Upload</th> 
                        <th>Status</th>
                        <th> Actions </th>
    	            </tr>
                </thead>
                @if(has_permission('user_read'))
                <tbody>
                @foreach($allareas as $i => $areas)
                <tr>
                    <td><input type="checkbox" name="checkall" /></td>
                   
                    <td align="center"><a href="{{ url('admin/areas/addareas/'.Crypt::encryptString($areas->id)) }}">{{ $areas->id }}</a></td>
                    <td>{{ $areas->name }}</td>
                    <td>{{ $areas->city }}</td> 
                    <td>{{ $areas->developer }}</td>
                    <td>{{ $areas->Created }}</td>   
                    <td>{{ $areas->Upload }}</td>  
                    <td><i style="color:green; font-size:9px;" class="fa fa-circle" aria-hidden="true"></i> &nbsp; Active &nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></td>
                    <td> 
                        @if(has_permission('testimonial_delete'))
						<a href="{{ url('admin/area/delete/'.Crypt::encryptString($areas->id)) }}" class="bg-none p-0 delete_item"><span class="text-start pr-20">
							<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.49988 4.99984H3.16654M3.16654 4.99984H16.4999M3.16654 4.99984V16.6665C3.16654 17.1085 3.34214 17.5325 3.6547 17.845C3.96726 18.1576 4.39118 18.3332 4.83321 18.3332H13.1665C13.6086 18.3332 14.0325 18.1576 14.3451 17.845C14.6576 17.5325 14.8332 17.1085 14.8332 16.6665V4.99984H3.16654ZM5.66654 4.99984V3.33317C5.66654 2.89114 5.84214 2.46722 6.1547 2.15466C6.46726 1.8421 6.89118 1.6665 7.33321 1.6665H10.6665C11.1086 1.6665 11.5325 1.8421 11.8451 2.15466C12.1576 2.46722 12.3332 2.89114 12.3332 3.33317V4.99984M7.33321 9.1665V14.1665M10.6665 9.1665V14.1665" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>	</svg>
						</span></a>
					@endif
                </td>                 
                </tr>
                @endforeach
            </tbody>
            @endif
            </table>
    	    </div>
	    </div>
        <div id="developments" class="tab-pane fade">
            <div class="light_gray_bg gray_bg w-100 border-bottom">
                <div class="col-sm-6">
                    <form method="get" enctype="multipart/form-data">
                    <div class="pull-left">
                        <button class="btn color-gray go_btn border btn-middle">Active <i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                    <div class="pr-10 pull-left">
                        <input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Project Name" class="input_small border pull-left input_bigger" style="height: 39px;" />
						<button type="submit" class="btn color-gray go_btn pull-left btn-middle" style="padding: 9px 15px !important;"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </div>
                    <!--<div class="pr-10 pull-left">
                        <button class="btn color-gray go_btn btn-middle">More Filters</button>
                    </div>-->
                    </form>
                </div>
                <!--<div class="pull-right text-right">
                    <div class="pr-10 pull-left">
                        <button class="no-btn bold" style="padding: 8px !important;">View</button>
                    </div>
                    <div class="pr-10 pull-left">
                        <div class="btn-group" role="group" aria-label="Basic example">
                            <button type="button" class="btn btn-secondary btn_select btn-middle">Overview&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                            <button type="button" class="btn btn-secondary btn-middle" style="font-size: 19px;padding: 4px 10px;"><i class="fa fa-cogs" aria-hidden="true"></i>&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>-->
            </div>
            <div class="w-100 pl-14 border-bottom mb-20">
                <div class="gray_bg w-100">
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn-middle btn_select link"><a href="{{URL::to('admin/areas/addareas')}}"> <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New Area </a> </button>
                        <button type="button" class="btn btn-secondary btn-light">Edit</button>
                        <button type="button" class="btn btn-secondary btn-light">Delete</button>
                    </div>
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn_select">Change Status&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                </div>
			</div>
    	    <div class="mr-20 ml-20 p-10">
    	       <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>Name</th>
    					<th>City</th>
    					<th>Developer</th>
    					<th>Created</th>
    	                <th>Upload</th> 
                        <th>Status</th>
                        <th> Actions </th>
    	            </tr>
                </thead>
                @if(has_permission('user_read'))
                <tbody>
                @foreach($allareas as $i => $areas)
                <tr>
                    <td><input type="checkbox" name="checkall" /></td>
                   
                    <td align="center"><a href="{{ url('admin/areas/addareas/'.Crypt::encryptString($areas->id)) }}">{{ $areas->id }}</a></td>
                    <td>{{ $areas->name }}</td>
                    <td>{{ $areas->city }}</td> 
                    <td>{{ $areas->developer }}</td>
                    <td>{{ $areas->Created }}</td>   
                    <td>{{ $areas->Upload }}</td>  
                    <td><i style="color:green; font-size:9px;" class="fa fa-circle" aria-hidden="true"></i> &nbsp; Active &nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></td>
                    <td> 
                        @if(has_permission('testimonial_delete'))
						<a href="{{ url('admin/area/delete/'.Crypt::encryptString($areas->id)) }}" class="bg-none p-0 delete_item"><span class="text-start pr-20">
							<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.49988 4.99984H3.16654M3.16654 4.99984H16.4999M3.16654 4.99984V16.6665C3.16654 17.1085 3.34214 17.5325 3.6547 17.845C3.96726 18.1576 4.39118 18.3332 4.83321 18.3332H13.1665C13.6086 18.3332 14.0325 18.1576 14.3451 17.845C14.6576 17.5325 14.8332 17.1085 14.8332 16.6665V4.99984H3.16654ZM5.66654 4.99984V3.33317C5.66654 2.89114 5.84214 2.46722 6.1547 2.15466C6.46726 1.8421 6.89118 1.6665 7.33321 1.6665H10.6665C11.1086 1.6665 11.5325 1.8421 11.8451 2.15466C12.1576 2.46722 12.3332 2.89114 12.3332 3.33317V4.99984M7.33321 9.1665V14.1665M10.6665 9.1665V14.1665" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>	</svg>
						</span></a>
					@endif
                </td>                 
                </tr>
                @endforeach
            </tbody>
            @endif
            </table>
    	    </div>
	    </div>
        <div id="developers" class="tab-pane fade">
            <div class="light_gray_bg gray_bg w-100 border-bottom">
                <div class="col-sm-6">
                    <form method="get" enctype="multipart/form-data">
                    <div class="pull-left">
                        <button class="btn color-gray go_btn border btn-middle">Active <i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                    <div class="pr-10 pull-left">
                        <input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Project Name" class="input_small border pull-left input_bigger" style="height: 39px;" />
                        <button type="submit" class="btn color-gray go_btn pull-left btn-middle" style="padding: 9px 15px !important;"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </div>
                    <!--<div class="pr-10 pull-left">
                        <button class="btn color-gray go_btn btn-middle">More Filters</button>
                    </div>-->
                    </form>
                </div>
                <!--<div class="pull-right text-right">
                    <div class="pr-10 pull-left">
                        <button class="no-btn bold" style="padding: 8px !important;">View</button>
                    </div>
                    <div class="pr-10 pull-left">
                        <div class="btn-group" role="group" aria-label="Basic example">
                            <button type="button" class="btn btn-secondary btn_select btn-middle">Overview&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                            <button type="button" class="btn btn-secondary btn-middle" style="font-size: 19px;padding: 4px 10px;"><i class="fa fa-cogs" aria-hidden="true"></i>&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>-->
            </div>
            <div class="w-100 pl-14 border-bottom mb-20">
                <div class="gray_bg w-100">
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn-middle btn_select link"><a href="{{URL::to('admin/areas/addareas')}}"> <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New Area </a> </button>
                        <button type="button" class="btn btn-secondary btn-light">Edit</button>
                        <button type="button" class="btn btn-secondary btn-light">Delete</button>
                    </div>
                    <div class="btn-group pr-10" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-secondary btn_select">Change Status&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="mr-20 ml-20 p-10">
               <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>Name</th>
                        <th>City</th>
                        <th>Developer</th>
                        <th>Created</th>
                        <th>Upload</th> 
                        <th>Status</th>
                        <th> Actions </th>
                    </tr>
                </thead>
                @if(has_permission('user_read'))
                <tbody>
                @foreach($allareas as $i => $areas)
                <tr>
                    <td><input type="checkbox" name="checkall" /></td>
                   
                    <td align="center"><a href="{{ url('admin/areas/addareas/'.Crypt::encryptString($areas->id)) }}">{{ $areas->id }}</a></td>
                    <td>{{ $areas->name }}</td>
                    <td>{{ $areas->city }}</td> 
                    <td>{{ $areas->developer }}</td>
                    <td>{{ $areas->Created }}</td>   
                    <td>{{ $areas->Upload }}</td>  
                    <td><i style="color:green; font-size:9px;" class="fa fa-circle" aria-hidden="true"></i> &nbsp; Active &nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></td>
                    <td> 
                        @if(has_permission('testimonial_delete'))
                        <a href="{{ url('admin/area/delete/'.Crypt::encryptString($areas->id)) }}" class="bg-none p-0 delete_item"><span class="text-start pr-20">
                            <svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.49988 4.99984H3.16654M3.16654 4.99984H16.4999M3.16654 4.99984V16.6665C3.16654 17.1085 3.34214 17.5325 3.6547 17.845C3.96726 18.1576 4.39118 18.3332 4.83321 18.3332H13.1665C13.6086 18.3332 14.0325 18.1576 14.3451 17.845C14.6576 17.5325 14.8332 17.1085 14.8332 16.6665V4.99984H3.16654ZM5.66654 4.99984V3.33317C5.66654 2.89114 5.84214 2.46722 6.1547 2.15466C6.46726 1.8421 6.89118 1.6665 7.33321 1.6665H10.6665C11.1086 1.6665 11.5325 1.8421 11.8451 2.15466C12.1576 2.46722 12.3332 2.89114 12.3332 3.33317V4.99984M7.33321 9.1665V14.1665M10.6665 9.1665V14.1665" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>	</svg>
                        </span></a>
                    @endif
                </td>                 
                </tr>
                @endforeach
            </tbody>
            @endif
            </table>
            </div>
        </div>
	
	</div>

</div>
<script>
$(document).ready(function(){
  $("#filter_table_data").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#property_table tbody tr ").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>
@endsection