@extends("admin.admin_app")
@section("content")
</div>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<style>
.dropbtn {
  background-color: #04AA6D;
  color: white;
  border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;top: 30px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.content_assign_to{min-width:550px;}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.btn{font-size: 12px !important; padding: 6px !important;}
.p-7-12{padding: 7.2px 12px !important;}
table.dataTable thead > tr > th {
    padding-left: 40px;
    padding-right: 60px;
    white-space: nowrap;
}
table.dataTable thead .no-sort:after{display:none;}
.pr-20 {
    padding-right: 7px !important;
}

#search_box .select2-container .select2-selection--multiple{border: 1px solid #E2E2E2 !important;}
#search_box .search-img{top: 11px;}
.box1{padding: 6px 12px;border: 1px solid #CBCBCB;border-radius: 100px;margin-right:8px;margin-bottom:12px; float:left;width: auto;display: inline;}
.box1 label{font-style: normal;font-weight: 400;font-size: 13px;line-height: 17px;padding-left:7px;margin:0;}
.box1 label.bed_label{text-align:center; padding:0;min-width: 12px;}
.box1 input.for_prop1{border-radius: 100px;}
.pt-16{padding-top:16px;}
#s_min1, #s_max1{min-width: 343px;padding: 16px;top: 58px;}
#s_max1{right:0;}
.bedroom_data1{left: 0;width: 100%;height: 37px;top: 0;}
bedroom_data, .bedroom_data1, .for_prop1 {position: absolute;clip: rect(0,0,0,0);pointer-events: none;}
.s_heading {font-style: normal;font-weight: 600;font-size: 16px;margin-bottom: 16px;line-height: 24px;}
.search-img {position: absolute;top: 15px;left: 14px;z-index: 1;}
.select2-container .select2-selection--multiple {border: 1px solid #D0D5DD !important;box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)  !important;
border-radius: 8px !important; min-height: 40px; padding-left: 36px;}
.select2-container--default .select2-search--inline .select2-search__field {padding-left: 4px;line-height:24px;min-height:24px;width:100% !important;}
.pb-24{padding-bottom: 24px !important;}
.arrow_up {display: none;}
.serach_drop{width: 100%; border: 1px solid #D0D5DD;border-radius: 8px;}
.selected_item.checked {background: #F5F5F5;border: 1px solid #333333 !important;}
</style>
<div id="main" class="relative">
    <h5>Add New Project in Database <i class="fa fa-chevron-down" aria-hidden="true"></i></h5>
		@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="p-20" style="width:60%; margin:0 auto; background:#fff;display: flex;">
					<div class="border p-20">
					{!! Form::open(array('role'=>'form','enctype' => 'multipart/form-data')) !!}
						<div class="form-group w-100">
							<label class="col-sm-4 col-form-label p-0">Location</label>
							<div class="col-sm-8">
								<select  name="country_id" onchange="get_state(this.value)" class="w-100 mb-10">
								  <option value="">Select Country</option>
								  @foreach(get_country() as $country)
									<option value="{{ $country->id}}"> {{$country->name}}</option>
								  @endforeach
								</select>
							</div>
						</div>
						<div class="form-group w-100">
							<label class="col-sm-4 col-form-label p-0">City</label>
							<div class="col-sm-8">
																<select name="state_id" id="state_list" onchange="get_cities(this.value)" class="w-100 mb-10">
								  <option value=""> Select</option>