{{-- CityHub - CommunalServiceDescription Page --}}

<div class="news-header">
	<div class="overlay-header">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<h1>{{ Lang::get('core.cityhub_cities') }}</h1>
					<div class="red-line mt-20"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modul-content">
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div id="Carousel" class="carousel slide">
					<ol class="carousel-indicators">
						@for($i = 0;$i < $city_count; $i++)
						<li data-target="#Carousel" data-slide-to="{{$i}}" @if($i == 0)class="active"@endif> </li>
						@endfor
					</ol>
				<div class="carousel-inner">
						@for($z = 0 ; $z < $city_count ; $z++)
							@if($k < 1)
								<div class="item active">
							@else
								<div class="item">
							@endif
								<div class="row gradovi">
																	<div class="col-xs-1"></div>
								@for($j = 0; $j < 5; $j++)
									@if($counter < $count )
									<div class="col-xs-2"><img src="{{ URL::asset('uploads/core/cities/'.$cities['cities'][$counter]->coat_of_arms_image) }}" class="img img-responsive"><p> {{$cities['cities'][$counter]->name}}</p></div>
									@endif
																	@endfor
								</div>
								</div>
													@endfor
				</div>
			</div>
		</div>



		<div class="row mt-50">
			<div class="col-xs-12">
				<h2>{{ Lang::get('core.menu_cities') }}</h2>
			</div>
		</div>

		<div class="row mb-50">


				@foreach($countries['countries'] as $country)
				<div class="col-xs-12 col-sm-2 city-list-menu">
					<h4>{{ Lang::get('databaseAssets.'.$country->identifier) }}</h4>
					<ul>
					@foreach($cities['cities'] as $city)
						@if($city->country_id === $country->id)

						<!--  ZA SADA ONEMOGUCENO JER TREBA DIZAJN POPRAVIT		<li><i class="fa fa-dot-circle-o" aria-hidden="true"></i><a href="cityPosts/{{$city->id}}">{{$city->name}}</a></li> -->
								<li><i class="fa fa-dot-circle-o" aria-hidden="true"></i>{{$city->name}}</li>
						@endif
					@endforeach
					</ul>
				</div>
				@endforeach


		</div>
				<div class="row">
					<div class="col-xs-12 mt-50 mb-50">
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_1') }}</p>
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_2') }}</p>
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_3') }}</p>
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_4') }}</p>
					</div>
				</div>

				<div class="row mb-50">
					<div class="col-xs-12 col-sm-4">
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_5') }}</p>
					</div>
					<div class="col-xs-12 col-sm-4">
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_6') }}</p>
					</div>
					<div class="col-xs-12 col-sm-4">
						<p class="mt-20">{{ Lang::get('core.cityhub_cities_description_text_7') }}</p>
					</div>
				</div>
	</div>
</div>
		</div>