<div class="container course-detail">
{% include 'parts/flashes.html.twig' %}
<div class="shadow-sm card" style="margin: 0px;">
<div class="card-header">
<div class="card-title d-flex flex-row align-items-end justify-content-between">
<h1>{{ course.name }}</h1>
{% include 'course/icons.html.twig' with { 'icons': GlobalUtil.getCourseIcons(course)} %}
</div>
</div>
<div class="card-body">
<div class="row">
{% include 'course/parts/length.html.twig' with {'course': course, 'gridClass': 'col-lg-3'} %}
{% include 'course/parts/registered_users.html.twig' with {'course': course, 'gridClass': 'col-lg-3'} %}
{% include 'course/parts/place.html.twig' with {'course': course, 'gridClass': 'col-lg-3'} %}
</div>
<div class="row mt-3 mb-3">
<div class="col-12">
{{ course.description | raw }}
</div>
</div>
<div class="row mt-3 mb-3">
<div class="col-12">
{% include 'course/parts/params.html.twig' with {'course': course} %}
</div>
</div>
<div class="row mt-3 mb-2">
<div class="col-12">
{% include 'course/parts/organizer_link.html.twig' with {'course': course} %}
</div>
</div>
</div>
</div>
<div class="row mt-3 mb-2">
{% for courseTerm in course.terms %}
{% if(courseTerm.state.identifier=='ongoing') %}
<div class="col-md-4 mb-4">
<div class="panel panel-danger">
<div class="panel-heading">
<h4 class="text-center">{{ courseTerm.start|date('j. n. Y') }}
{% if(courseTerm.end is not empty) %}
- {{ courseTerm.end|date('j. n. Y') }}
{% endif %}
</h4>
</div>
{% if(course.price) %}
<div class="panel-body text-center">
<p class="lead">
<strong>
{{ course.price|format_currency('CZK') }}
</strong>
{{ course.priceDescription }}
</p>
</div>
{% endif %}
<ul class="list-group list-group-flush text-center">
<li class="list-group-item"><i
class="icon-ok text-danger"></i></li>
<li class="list-group-item">
{% if(courseTerm.isRegistrationActive()) %}
Registrace probíhá do {{ courseTerm.registrationEnd|date('d.m.Y') }}
{% else %}
{% if(courseTerm.hasRegistrationEnd) %}
Registrace již neprobíhá
{% else %}
Registrace od {{ courseTerm.registrationStart|date('d.m.Y') }} do {{ courseTerm.registrationEnd|date('d.m.Y') }}
{% endif %}
{% endif %}
</li>
<li class="list-group-item"><i class="icon-ok text-danger"></i>Minimální počet
účastníků: {% if(courseTerm.minimumNumberOfPersons is not empty) %}{{ courseTerm.minimumNumberOfPersons }}{% else %}není omezeno{% endif %}
</li>
{% if(courseTerm.maximumNumberOfPersons is not empty) %}
<li class="list-group-item" style="height: 40px;"><i
class="icon-ok text-danger"></i>Počet
míst: {{ courseTerm.registrations|length }}
/ {{ courseTerm.maximumNumberOfPersons }}</li>
{% else %}
<li class="list-group-item" style="height: 40px;"></li>
{% endif %}
</ul>
{% if((app.user is empty or app.user.hasRole('ROLE_APPLICANT')) and course.canRegister() and courseTerm.canRegister()) %}
<div class="panel-footer text-center">
<a class="btn btn-lg btn-block btn-primary"
href="{{ path('course_registration', {'id': courseTerm.id}) }}">Rezervovat
místo</a>
</div>
{% endif %}
{% if(app.user is not empty and app.user.hasRole('ROLE_APPLICANT_COMPANY') and course.canRegister() and courseTerm.canRegister()) %}
<div class="panel-footer text-center">
<a class="btn btn-lg btn-block btn-primary"
href="{{ path('course_registration_company', {'id': courseTerm.id}) }}">Rezervovat
místo</a>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% endfor %}
{% if(GlobalUtil.isOrganizerOfCourse(course)) %}
<div class="col-md-4 mb-4">
<a href="{{ path('course_terms_new', { id: course.id }) }}" class="btn btn-primary">Přidat
termín</a>
</div>
{% endif %}
</div>
<div class="row mt-4">
{% if(course.reviews|length>0) %}
<div class="col-6 ps-5">
<a href="#panelsStayOpen-collapseOne" aria-controls="panelsStayOpen-collapseOne"
data-bs-toggle="collapse" data-state="show" class="fs-7 course-form-collapse-link"
data-current-state="hide" data-text-show="Zobrazit" data-text-hide="Skrýt" role="button"
aria-expanded="true">zobrazit recenze <i class="fa fa-chevron-down"></i> </a>
</div>
{% endif %}
</div>
<div id="panelsStayOpen-collapseOne" class="collapse">
<div class="row">
{% for review in course.reviews %}
{% include 'review/default.html.twig' with {'course': course, 'review': review} %}
{% endfor %}
</div>
</div>
<div class="row mt-4">
<div class="col-12 col-lg-4 mb-2">
{% if(GlobalUtil.isOrganizerOfCourse(course)) %}
<a href="{{ path('organizer_detail_reviews', {'id': course.organizer.id}) }}"
class="btn btn-primary w-100 p-3">Recenze kurzu</a>
{% else %}
<a href="{{ path('course_review_create', {'id': course.id}) }}"
class="btn btn-primary w-100 p-3">Zapsat recenzi</a>
{% endif %}
</div>
<div class="col-12 col-lg-4 mb-2">
{% if(CourseCompareUtil.isCourseInCompareList(course)) %}
<a href="{{ path('compare_remove',{'id': course.id }) }}" class="btn btn-primary w-100 p-3">Odebrat
z porovnání</a>
{% else %}
<a href="{{ path('compare_add',{'id': course.id }) }}" class="btn btn-primary w-100 p-3">Přidat
k porovnání</a>
{% endif %}
</div>
<div class="col-12 col-lg-4 mb-2">
{% if(GlobalUtil.isOrganizerOfCourse(course)) %}
<a href="{{ path('course_edit',{'id': course.id }) }}" class="btn btn-primary w-100 p-3">Upravit kurz</a>
{% else %}
<a href="{{ path('course_alternative',{'id': course.id }) }}" class="btn btn-primary w-100 p-3">Najdi
podobné</a>
{% endif %}
</div>
</div>
</div>