<?php


// [xs_location]   
function xs_location($atts) {
    extract(shortcode_atts(array(
                    ), $atts));

    global $within_section;
    $klass = ($within_section == 'y') ? (array('bottom-margin', 'section xs-section bottom-margin')) : (array('', ''));

    return '<div class="' . $klass[0] . ' clearfix"></div>
			<div class="' . $klass[1] . ' clearfix">
			<article>
				<div data-latitude="' . xs_get_option('theme_options', 'latitude') . '" data-longitude="' . xs_get_option('theme_options', 'longitude') . '" id="map_canvas"></div>
				<div class="row clearfix">
                                    <div id="venues">
					<div class="col-md-3 col-sm-12 column">
						<div class="column-content">
							<h3>Event <span>Location</span></h3>
							<ul class="address">
								<li> 
									<i class="fa fa-map-marker"></i> <strong>' . __('Visit Us', 'xs') . '</strong><br>
									' . xs_get_option('theme_options', 'address') . '
								</li>
								<li> 
									<i class="fa fa-phone"></i> <strong>' . __('Call Us', 'xs') . '</strong><br>
									' . xs_get_option('theme_options', 'phone_number') . ' 
								</li>
								<li> 
									<i class="fa fa-envelope"></i> <strong>' . __('Email Us', 'xs') . '</strong><br>
									<a href="mailto:' . xs_get_option('theme_options', 'email') . '">' . xs_get_option('theme_options', 'email') . '</a> 
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-4 col-sm-12 column directions-input">
						<div class="column-content">
							<h3>Get <span>' . __('Directions', 'xs') . '</span></h3>
							<form action="routebeschrijving" id="routeForm">
								<label for="routeStart"><strong>' . __('Destination From:', 'xs') . '</strong></label>
								<input type="text" id="routeStart" value="' . xs_get_option('theme_options', 'destination_from') . '">
								<label><strong>' . __('Via(Optional):', 'xs') . '</strong></label>
								<input type="text" id="routeVia">
								<label>Travel mode:</label>
								<div class="clearfix">
									<label class="radio-option">
									<input type="radio" name="travelMode" value="DRIVING" checked />
									' . __('Driving', 'xs') . '</label>
									<label class="radio-option">
									<input type="radio" name="travelMode" value="BICYCLING" />
									' . __('Bicyle', 'xs') . '</label>
									<label class="radio-option">
									<input type="radio" name="travelMode" value="TRANSIT" />
									' . __('Public transport', 'xs') . '</label>
									<label class="radio-option last">
									<input type="radio" name="travelMode" value="WALKING" />
									' . __('Walking', 'xs') . '</label>
								</div>
								<input type="submit" value="' . __('Get Directions', 'xs') . '" class="btn btn-block">
							</form>
						</div>
					</div>
					<div class="col-md-5 col-sm-12 column directions-results">
						<div class="column-content">
							<h3>' . __('Directions', 'xs') . '</h3>
							<div id="directionsPanel">' . sprintf(__(' Enter %sDestination From%s under %sGet Directions%s and Click on Get Directions Button. ', 'xs'), '<strong>', '</strong>', '<strong>', '</strong>') . '
						</div>
					</div>
				</div></div></div>
				<!--end-of-row--> 
			</article>
			</div>';
}

add_shortcode('xs_location', 'xs_location');
