{% extends '_base.html.twig' %}
{% import '_macro/breadcrumbs.html.twig' as breadcrumbs %}
{% block title %}
{% include 'parts/_page-title.html.twig' %}
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('course', null, site|lower) }}
{{ encore_entry_link_tags('custom', null, site|lower) }}
{% endblock %}
{% block body %}
{% include '_header.html.twig' %}
<div class="main">
{#{{ dump(course) }}#}
{% include 'parts/_pageText.html.twig' %}
<div class="inner courses">
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-12">
<div class="inner__header">
<div class="inner__backlink">
<span class="backlink__name backlink">
{{ breadcrumbs.render(breadcrumbsData) }}
</span>
</div>
{% include 'parts/_home-cards.html.twig' %}
<div class="inner__title">
<h1 style="color: {{course.coursedetail_inner_title_hex_color}}">
{{ course.courseTitle }}
</h1>
{% include 'parts/_alert.html.twig' %}
{% if course["alertMessage"] is not null %}
<div class="alert {{course["alertMessage-alertClass"]}}">
{{course["alertMessage"]}}
</div>
{% endif %}
{% if course["courseInstanceStopPress"] is not null %}
<div class="alert {{course["courseInstanceStopPress-alertClass"]}}">
{{ course["courseInstanceStopPress"] }}
</div>
{% endif %}
</div>
{% for key,btn in course["enrolControl_btns"] %}
{#{{ dump(btn) }}#}
<div class="btn--action">
<a
{% if btn["enrolControl_btn_route_type"]=="endpoint" %}href="{{path(btn["enrolControl_btn_route"],btn["enrolControl_btn_route_params"])}}"{% endif %}
class="btn btn--md inner__btn"
data-btn-action="{{btn["enrolControl_btn_action"]}}"
data-route-type="{{btn["enrolControl_btn_route_type"]}}"
{% if btn["redirect_url"] is defined %}
data-redirect="{{btn["redirect_url"]}}"
{% endif %}
style="color:{{course["enrolControl_btns_css"][0]["btn_color"]}};background-color:{{course["enrolControl_btns_css"][0]["btn_background_color"]}}"
>
<span>{{ btn["enrolControl_btn"] }}</span>
</a>
</div>
{% endfor %}
</div>
<div class="c-details__header">
<div class="c-details__title">Course code: {{ course.courseCode }}</div>
<div class="c-details__short-descr">{{ course["courseShortDescription"] }}</div>
{% if course["tutor"] is not null %}
<div class="c-details__tutor"><p><span class="title">Tutor:</span> {{course["tutor"]}}</p></div>
{% endif %}
</div>
<div class="wrap--c-details__frames">
<div class="c-details__frames when-where" style="border-color:{{course.coursedetails_frames_hex_color}}">
<div class="c-details__frames__title">
<p>When & Where</p>
</div>
<div class="c-details__frames__content">
{% if course["provider"] is defined and course["provider"] is not null %}
<p>
<a href="{{path('courseList', {id:course["providerID"], idType:"providerID"})}}">
{{course["provider"]}}
</a>
</p>
{% endif %}
{% if course["locationID"] is defined and course["locationID"] is not null %}
<p>
<a href="{{path('courseList', {id:course["locationID"], idType:"locationID"})}}">
{{course["locationLabel"]}}
</a>
</p>
{% endif %}
<p>From {{ course["startDate"] }} to {{ course["endDate"] }}</p>
<p>{{ course["times"] }}</p>
<p>{{ course["weeks"] }} weeks</p>
<p>{{ course["posttown"] }}</p>
<p>{{ course["postcode"] }}</p>
{% if course.maplink is defined and course.maplink is not null %}
<div class="c-details__location">
<a target="_blank" class="c-details__location-link link" href="
{{ course.maplink }}
">
<span>Show on map</span>
</a>
</div>
{% endif %}
</div>
{# {{ dump(course) }} #}
</div>
<div class="c-details__frames fees" style="border-color: {{course.coursedetails_frames_hex_color}}">
<div class="c-details__frames__title">
<p>Fees</p>
</div>
<div class="c-details__frames__content">
{% if course["fullFee"] is not null %}
<p>Full fee: £{{ course["fullFee"]|round(2) }}</p>
{% endif %}
{% if course["concessionFee"] is not null %}
<p>Concession fee: £{{ course["concessionFee"]|round(2) }}</p>
{% endif %}
{% if course["fullFee"] is null and course["concessionFee"] is null %}
Free
{% endif %}
{% if course["feeInformationText"] is defined and course["feeInformationText"] is not null %}
<div class="c-details__fee-information-text">
<p>{{course["feeInformationText"]}}</p>
</div>
{% endif %}
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="wrap--timetable-btns">
<div id="BtnTimeTableShow" class="btn--show-timetable">
<p>
<a href="#" class="btn btn--md btn--dark inner__btn btn--show-timetable" style="background-color:{{course.coursedetails_btn_dark_hex_color}}">
<span>Show Timetable</span>
</a>
</p>
</div>
<div id="BtnTimeTableHide" class="btn--hide-timetable">
<p>
<a href="#" class="btn btn--md btn--dark inner__btn btn--show-timetable" style="background-color:{{course.coursedetails_btn_dark_hex_color}}">
<span>Hide Timetable</span>
</a>
</p>
</div>
</div>
<div id="WrapperTimeTable" style="borde-color:{{course.coursedetails_frames_hex_color}}">
{% for session in courseSessions %}
<div class="timetable-day">
<div class="timetable-date">
<p class="timetable-title">Date</p>
<p>{{ session.start.date }}</p>
</div>
<div class="timetable-time">
<p class="timetable-title">Time</p>
<p>{{ session.start.time }}-{{ session.end.time }}</p>
</div>
{% if session.room is not null %}
<div class="timetable-room">
<p class="timetable-title">Room</p>
<p>{{ session.room }}</p>
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% if courseInfo['text'] %}
<div>
<h2>{{courseInfo['title']}}</h2>
{{courseInfo["text"]|raw}}
</div>
{% endif %}
<div class="btn--print">
<a onClick="event.preventDefault(); window.print();" href="#" class="btn btn--md btn--dark inner__btn btn--create-enquiry">
<span>Print this page</span>
</a>
</div>
</div>
</div>
</div>
{% include 'parts/_m-nav.html.twig' %}
{% include '_tools-modal.html.twig' %}
{% include '_footer.html.twig' %}
{#<pre>
{{ dump(course)}}
{{ dump(courseInfo)}}
</pre>#}
{% block javascripts %}
{{ encore_entry_script_tags('course', null, site|lower) }}
{{ encore_entry_script_tags('custom', null, site|lower) }}
{% endblock %}
{% endblock %}