{{-- CityHub - Communal Service - Overview --}}



<div id="map-canvas"></div>

<div class="custom-modal" data-status="off">
	<div class="custom-modal-container">
		<div class="custom-modal-content">
			<div class="clearfix">
				<div class="custom-modal-image">
					<img src="" alt="" class="img-max" id="reportImage">
				</div>
				<div class="custom-modal-infos">
					<h2 class="mb30">{{ Lang::get('communalService.overview_report') }}: <strong class="clearElement" id="reportID"></strong></h2>
					<div class="clearfix">
						<div class="custom-modal-half-infos-left">
							<p>{{ Lang::get('communalService.overview_city') }}: <strong class="clearElement" id="reportCity"></strong></p>
							<p>{{ Lang::get('communalService.overview_type') }}: <strong class="clearElement" id="reportType"></strong></p>
							<p>{{ Lang::get('communalService.overview_subtype') }}: <strong class="clearElement" id="reportSubtype"></strong></p>
						</div>
						<div class="custom-modal-half-infos-right">
							<p>{{ Lang::get('communalService.overview_priority') }}: <strong class="clearElement" id="reportPriority"></strong></p>
							<p>{{ Lang::get('communalService.overview_status') }}: <strong class="clearElement" id="reportStatus"></strong></p>
							<p>{{ Lang::get('communalService.overview_votes') }}: <strong class="clearElement" id="reportVotes"></strong></p>
						</div>
					</div>
					<hr>
					<div id="userDescriptionSection">
						<p>{{ Lang::get('communalService.overview_description') }}:</p>
						<p><span class="clearElement" id="reportDescription"></span></p>
						<hr>
					</div>
					<div id="adminNoteSection">
						<p>{{ Lang::get('communalService.overview_admin_note') }}:</p>
						<p><span class="clearElement" id="reportAdminNote"></span></p>
						<hr>
					</div>
					<p>{{ Lang::get('communalService.overview_datetime') }}: <strong class="clearElement" id="reportDateTime"></strong></p>
				</div>
			</div>
		</div>
		<button class="custom-modal-close-button"><span class="icon-close"></span></button>
	</div>
</div>

<script>
	var dataCityName = "{{ $city->name }}";
	var dataCityCenterLatitude = "{{ $city->city_center_latitude }}";
	var dataCityCenterLongitude = "{{ $city->city_center_longitude }}";
	var dataCityRadius = "{{ $city->city_radius }}";
	var dataReports = {};
	@foreach ($reports as $report)
	dataReports[{{ $report->id }}] = {
		userID: {{ $report->user_id }},
		subtypeID: {{ $report->subtype_id }},
		subtypeName: '{{ $report-> subtype_name }}',
		typeID: {{ $report->type_id }},
		typeName: '{{ $report->type_name }}',
		statusID: {{ $report->status_id }},
		statusName: "{{ Lang::get('communalService.' . $report->status_name) }}",
		priorityID: {{ $report->priority_id }},
		priorityName: "{{ Lang::get('communalService.' . $report->priority_name) }}",
		description: '{{ $report->description }}',
		latitude: '{{ $report->latitude }}',
		longitude: '{{ $report->longitude }}',
		image: "{{ URL::asset('uploads/communalService/' . $report->image) }}",
		adminNote: '{{ $report->admin_note }}',
		votes: {{ $report->votes }},
		createdAt: '{{ $report->created_at }}'
	};
	@endforeach
</script>