{{ define "header_css" }}{{ end }}
{{ define "body_classes" }}page-services-single{{ end }}
{{ define "header_classes" }}{{ end }}

{{ define "main" }}
{{ partial "hero-image-setheight.html" (dict "background" .Params.heroBackground "heading" .Params.heroHeading "subheading" .Params.heroSubHeading "section" .Section "content" .)}}
<div class="container pt-4 pt-md-10 pb-4 pb-md-10">
  <div class="row justify-content-start">
    <div class="col-12 col-md-8">
      <div class="service service-single">
        <div class="content">{{.Content}}</div>
      </div>
    </div>
  </div>
</div>
{{ $template := . }}
{{if .Site.Data.photocredit }}
<div class="container pb-6 pt-6 pb-md-10 pt-md-10">
  <div class="row">
    {{ range .Site.Data.photocredit }}
    <div class="col-12 col-md-6 mb-2 ">{{ partial "photo" . }}</div>
    {{ end }}
  </div>
</div>
{{ end }}

{{if .Site.Data.contact.hours }}
<h4 class="mt-4">Business Hours</h4>
<table class="table table-sm opening-hours-table">
  {{ range .Site.Data.contact.hours }}
  <tr>
    <td class="day font-weight-bold">{{ .day }}</td>
    <td class="opens">{{ .open }}</td>
    <td>-</td>
    <td class="closes">{{ .close }}</td>
  </tr>
  {{ end }}
</table>
{{ end }}


{{ end }}

{{ define "footer_js" }}
{{ $library := resources.Get "js/libs/library.js" }}
{{ $services := resources.Get "js/pages/services.js" }}
{{ $servicesJS := slice $library $services |resources.Concat "js/services.js" }}
{{ if .Site.IsServer }}
  <script type="text/javascript" src="{{ $servicesJS.RelPermalink }}"></script>
  {{ else }}
  <script type="text/javascript" src="{{ ($servicesJS | minify | fingerprint).RelPermalink }}"></script>
  {{ end }}
{{ end }}