function _dataCities($countryName)
{
$countriesAndLocation = _dataCountriesAndLocation();
$cities = array();
foreach ($countriesAndLocation as $value) {
if ($value['name'] == $countryName) {
foreach ($value['cities'] as $city) {
$cities[$city] = $city;
}
}
}
return $cities;
}
<?php
$countries = _dataCountriesAndLocation();
$countriesJson = json_encode($countries);
?>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="searchmodule clearfix" data-effect="slide-right" style="height: 500px;">
{!! Form::open(['route' => 'front.search.advance', 'id'=>'advance_search', 'class' => 'clearfix', 'name' => 'advance_search', 'method' => 'GET']) !!}
<div class="col-lg-12">
<label for="country">Country</label>
<select id="country" class="show-menu-arrow form-control selectpoint" name="country">
@forelse($countries as $country)
<option value="{{ $country['name'] }}">{{ $country['name'] }}</option>
@empty
@endforelse
</select>
</div>
<div class="col-lg-12">
<label for="location">Location</label>
@forelse($countries as $i => $country)
<select id="location-{{ $i }}" class="show-menu-arrow form-control selectpoint" name="{{ $i == 0 ? 'location' : '' }}" style="{{ $i != 0 ? 'display:none' : '' }}">
@forelse($country['cities'] as $city)
<option value="{{ $city }}">{{ $city }}</option>
@empty
@endforelse
</select>
<label class="col-xs-12" for="example-select">{{ trans('admin.property_country') }}</label>
<div class="col-sm-12">
<?php
$countries = _dataCountries();
?>
{!! Form::select('meta[country]', $countries, _postMeta($post->id, 'country'), ['class' => 'form-control', 'size' => 1, 'id' => 'country'] ) !!}
</div>
</div>
{{-- Location --}}
<div class="form-group">
<label class="col-xs-12" for="example-select">{{ trans('admin.property_location') }}</label>
<div class="col-sm-12">
<?php
$cities = _dataCities(_dataCountriesAndLocation()[0]['name']);
?>
{!! Form::select('meta[location]', $cities, null, ['class' => 'form-control', 'size' => 1, 'id' => 'location', 'data-selected-location' => _postMeta($post->id, 'location')] ) !!}
</div>
</div>
{{-- Amenities --}}
<div class="form-group">
<div class="col-md-12">
<label>Amenities</label><br>
@foreach(_dataAmenities() as $amenity)
<?php
$amenityTitle = $amenity['title'];
?>
<div class="col-lg-4">
<label>{{ $amenityTitle }}</label>
<?php
$countriesJson = json_encode(_dataCountriesAndLocation());
?>
<script type="text/javascript">
$(function(){
// Synchorizing cities from selected country.
var countries = JSON.parse( '{!! $countriesJson !!}' );
var elemLocation = $('#location');
var elemCountry = $('#country');
populateCities( elemCountry.val() );
elemCountry.change(function(){
populateCities( this.value );
});
// Populating new cities from specific country.
function populateCities( selectedCountryName ){
var selectedCountryName = selectedCountryName;
var options = ''; var selectedCity = elemLocation.data('selected-location');
for (var i = 0; i < countries.length; i++) {
if(countries[i]['name'] == selectedCountryName){
var cities = countries[i]['cities'];
for (var i = 0; i < cities.length; i++) {
var isSelected = '';
if(selectedCity == cities[i]){
isSelected = 'selected="selected"';
