@extends('layouts.core.frontend', [
    'menu' => 'campaign',
])

@section('title', $campaign->name)
	
@section('head')    
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyB4l5_NUAQhrLtmMfNDVmpNGqThWv4fGWw"></script>
@endsection

@section('page_header')
	
			@include("campaigns._header")

@endsection

@section('content')
                
    @include("campaigns._menu", [
		'menu' => 'open_map',
	])

	<div id="openMap" class="map-container map-marker-simple" style="height:600px"></div>

<script>

/* ------------------------------------------------------------------------------
*
*  # Basic markers
*
*  Specific JS code additions for maps_google_markers.html page
*
*  Version: 1.0
*  Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
var map;
var infowindows = {};
var markers = {};

// Setup map
function initialize() {        
	// Options
	var mapOptions = {
		zoom: 2,
		center: new google.maps.LatLng(52.374,4.898)
	};

	// Apply options
	map = new google.maps.Map(document.getElementById("openMap"), mapOptions);
	
	
	@foreach ($campaign->locations()->get() as $key => $location)
		@if (!empty($location->latitude) && !empty($location->longitude))
			infowindows[{{ $key }}] = new google.maps.InfoWindow({
				content: '<table><tr><td><strong>{{ trans('messages.ip') }}&nbsp;&nbsp;</td><td></strong>{{ $location->ip_address }}</td></tr><tr><td><strong>{{ trans('messages.email') }} &nbsp;&nbsp;</td><td> </strong> {{ $location->email }}</td></tr><tr><td><strong>{{ trans('messages.opened_at') }} &nbsp;&nbsp;</td><td> </strong> {{ Auth::user()->customer->formatDateTime(\Carbon\Carbon::parse($location->open_at),'datetime_full') }}</td><tr><td><strong>{{ trans('messages.area') }}</strong>&nbsp;&nbsp;</td><td>{{ $location->name() }}</td></tr></tr><td/table>'
			});
			// Add marker
			markers[{{ $key }}] = new google.maps.Marker({
				position: new google.maps.LatLng({{ $location->latitude }},{{ $location->longitude }}),
				map: map,
				//title: '{{ trans('messages.opened_at') }}: {{ Auth::user()->customer->formatDateTime(\Carbon\Carbon::parse($location->open_at), 'datetime_full') }}<br>{{ $location->name() }}'
			});
			markers[{{ $key }}].addListener('click', function() {
				Object.keys(infowindows).forEach(function (key) { 
					infowindows[key].close();
				})
				infowindows[{{ $key }}].open(map, markers[{{ $key }}]);
			});
		@endif
	@endforeach

};

// Initialize map on window load
google.maps.event.addDomListener(window, 'load', initialize);

function loadMarkers() {

};

</script>
@endsection