2017-02-09 22:31:59 +00:00
|
|
|
{% extends "base.html" %}
|
2017-02-15 15:44:42 +00:00
|
|
|
{% load wagtailimages_tags navigation_tags %}
|
2017-02-09 22:31:59 +00:00
|
|
|
|
2017-02-11 20:24:23 +00:00
|
|
|
{% block head-extra %}
|
2017-02-19 09:05:31 +00:00
|
|
|
<style>
|
|
|
|
/* Following two selectors needed for Google map embed */
|
|
|
|
#map {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
</style>
|
2017-02-11 20:24:23 +00:00
|
|
|
{% endblock head-extra %}
|
2017-02-10 13:27:10 +00:00
|
|
|
|
2017-02-19 20:35:46 +00:00
|
|
|
{% block content %}
|
2017-02-15 15:44:42 +00:00
|
|
|
{# @TODO This is identical to the header within blog_page.html. We should create an include #}
|
|
|
|
{% image self.image fill-1920x600 as hero_img %}
|
|
|
|
<div class="container-fluid hero" style="background-image:url('{{ hero_img.url }}')">
|
|
|
|
<div class="hero-gradient-mask"></div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
2017-02-15 22:15:56 +00:00
|
|
|
<div class="col-md-7">
|
2017-02-15 15:44:42 +00:00
|
|
|
<h1>{{ page.title }}</h1>
|
2017-02-19 21:01:13 +00:00
|
|
|
<p class="stand-first">
|
|
|
|
{% if page.is_open %}
|
|
|
|
This location is currently open
|
|
|
|
{% else %}
|
|
|
|
Sorry, this location is currently closed
|
|
|
|
{% endif %}
|
|
|
|
</p>
|
2017-02-15 15:44:42 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-02-11 20:24:23 +00:00
|
|
|
|
2017-02-15 15:44:42 +00:00
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
2017-02-15 22:15:56 +00:00
|
|
|
<div class="col-md-7">
|
2017-02-15 15:44:42 +00:00
|
|
|
<div class="row">
|
|
|
|
{% if page.introduction %}
|
|
|
|
<div class="intro col-md-7"><p>{{ page.introduction }}</p></div>
|
|
|
|
{% endif %}
|
2017-02-19 08:36:57 +00:00
|
|
|
|
2017-02-19 21:01:13 +00:00
|
|
|
{% if page.operating_hours %}
|
2017-02-15 15:44:42 +00:00
|
|
|
<div class="col-md-4 col-md-offset-1 location-opening">
|
|
|
|
<h3>Opening hours</h3>
|
2017-02-19 21:01:13 +00:00
|
|
|
{% for hours in page.operating_hours %}
|
2017-02-15 15:44:42 +00:00
|
|
|
<time itemprop="openingHours" datetime="{{ hours }}" class="location-time">
|
2017-02-19 08:36:57 +00:00
|
|
|
<span class="day">{{ hours.day }}</span>:
|
2017-02-15 15:44:42 +00:00
|
|
|
<span class="hours">
|
|
|
|
{% if hours.closed == True %}
|
|
|
|
Closed
|
|
|
|
{% else %}
|
|
|
|
{% if hours.opening_time %}
|
|
|
|
{{ hours.opening_time }}
|
2017-02-19 08:36:57 +00:00
|
|
|
{% endif %} -
|
2017-02-15 15:44:42 +00:00
|
|
|
{% if hours.closing_time %}
|
|
|
|
{{ hours.closing_time }}
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
</span></time>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container-flex">
|
|
|
|
<div class="row">
|
2017-02-15 22:15:56 +00:00
|
|
|
<div class="col-md-2 col-md-offset-5 location-address">
|
2017-02-15 15:44:42 +00:00
|
|
|
<h3>Address</h3>
|
|
|
|
<address>{{ page.address|linebreaks }}</address>
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-02-11 20:24:23 +00:00
|
|
|
|
2017-02-15 15:44:42 +00:00
|
|
|
<div class="map-container">
|
2017-02-11 20:24:23 +00:00
|
|
|
<div id="map" class="maps embed-container"></div>
|
2017-02-15 15:44:42 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-02-11 23:46:53 +00:00
|
|
|
|
2017-02-15 15:44:42 +00:00
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
2017-02-15 22:15:56 +00:00
|
|
|
<div class="col-md-7 location-body">
|
2017-02-15 15:44:42 +00:00
|
|
|
{{ page.body }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-02-11 23:46:53 +00:00
|
|
|
|
2017-02-10 13:27:10 +00:00
|
|
|
<script>
|
|
|
|
var map;
|
|
|
|
function initMap() {
|
|
|
|
map = new google.maps.Map(document.getElementById('map'), {
|
|
|
|
center: {
|
|
|
|
lat: {{lat}},
|
|
|
|
lng: {{long}}
|
|
|
|
},
|
2017-02-15 22:15:56 +00:00
|
|
|
zoom: 15,
|
2017-02-19 21:01:13 +00:00
|
|
|
scrollwheel: false
|
2017-02-10 13:27:10 +00:00
|
|
|
});
|
2017-02-10 14:10:43 +00:00
|
|
|
var marker = new google.maps.Marker({
|
|
|
|
position: {
|
|
|
|
lat: {{lat}},
|
|
|
|
lng: {{long}}
|
|
|
|
},
|
|
|
|
map: map,
|
|
|
|
title: '{{page.title}}'
|
|
|
|
});
|
2017-02-10 13:27:10 +00:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD31CT9P9KxvNUJOwDq2kcFEIG8ADgaFgw&callback=initMap" async defer></script>
|
|
|
|
|
2017-02-19 20:35:46 +00:00
|
|
|
{% endblock content %}
|