{{- $service := .service }}
{{- $content := .content }}
{{- $odd := .odd }}
{{- $id := "service"}}
{{if $service.id}}
    {{- $id = $service.id}}
{{else if .id}}
    {{- $id = .id }}
{{end}}
<div id="{{$id}}" class="section {{if eq $odd 0}} section-even {{end}} row">
    <div class="section-content services">
        {{if and ($service.image) (eq $service.image.direction "left")}}
        <div class="side-image col-5">
          {{- partial "components/image.html" $service.image -}}
        </div>
        {{end}}
        <div class="service-description {{if $service.image}} col-7 {{end}}">
            {{ with $service.title }}
              {{ partial "components/title.html" . }}
            {{ end }}
            <p>{{ $content }}</p>
            <br />
            {{ if $service.button }}
                {{- range $service.button }}
                    {{ partial "components/button.html" . }}
                {{- end }}
            {{ end }}
        </div>
        {{if and ($service.image) (eq $service.image.direction "right")}}
        <div class="side-image col-5">
          {{- partial "components/image.html" $service.image -}}
        </div>
        {{end}}
    </div>
</div>