templates/services/detail.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% if campscourse.title is not empty %}
  4.     {% set head_title = campscourse.title %}
  5. {% endif %}
  7. {% if campscourse.content is not empty %}
  8.     {% set head_description = campscourse.content|truncate(200, '...') %}
  9. {% endif %}
  11. {% block content %}
  12.     <div class="container">
  13.         <div class="row">
  14.             <div class="col-12">
  15.                 <div class="row">
  16.                     <div class="col-12">
  17. {#                        {% if campscourse.getImages() is defined %}#}
  18. {#                            <div class="col-md-4 fotoframe" >#}
  19. {#                                {% for campscourseImage in campscourse.getImages() %}#}
  20. {#                                    {% if campscourseImage is defined %}#}
  21. {#                                        <img src="{{ campscourseImage.getThumbnail('campscourse-thumb') }}" alt="{% if campscourseImage.getMetadata('alt') is defined %} {{ campscourseImage.getMetadata('alt') }} {% else %} {{ campscourse.getTitle() }} {% endif%}" class="img-fluid"/>#}
  22. {#                                    {% endif %}#}
  23. {#                                {% endfor %}#}
  24. {#                            </div>#}
  25. {#                        {% endif %}#}
  26.                         <h1>{{ campscourse.getTitle() }}</h1>
  27.                         <div>
  28.                             <p class="date d-inline">{{ 'Start op'|trans }}
  29.                                 {{ campscourse.start_date.format("d.m.y") }}
  30.                             </p>
  31.                             <p class="d-inline mx-1">|</p>
  32.                             <p class=" d-inline"><i class="fa-solid fa-people-group me-1 text-primary"></i>{{ campscourse.children|length }} / {{ campscourse.maxpersons }}</p>
  33.                         </div>
  35.                         <p>
  36.                         {{ campscourse.getContent()|raw }}
  37.                         </p>
  38.                         <h3 class="price mt-3">
  39.                             <strong>{{ 'Prijs:'|trans }}</strong>
  40.                             <span class="text-black">{{ campscourse.pricePerPerson|number_format(2, ',', '.') }} €</span>
  41.                         </h3>
  42.                     </div>
  43.                 </div>
  44.                 <div class="row mt-5">
  45.                     <div class="col-12">
  46.                         <div class="col-md-8 offset-md-2">
  47.                             <div class="bg-primary bg-opacity-10 p-4">
  48.                             <h1>{{ 'Inschrijfformulier'|trans }}</h1>
  49.                                 {% if campscourse.getexpiry_date >= date('now') %}
  50.                                     {% if campscourse.getStart_in_date <= date('now') %}
  51.                                         {% if campscourse.children|length != campscourse.maxpersons  %}
  52.                                             {% if campscourse.korting %}
  53.                                                 {{ render(controller('App\\Controller\\CheckLidCardController::Check')) }}
  54.                                             {% endif %}
  55.                                             {% form_theme form 'bootstrap_5_layout.html.twig' %}
  56.                                             {{ form_start(form) }}
  57.                                             <div class="row">
  58.                                                 <div class="col-6">
  59.                                                     {{ form_row(form.firstName, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Voornaam'}}) }}
  60.                                                     {{ form_row(form.lastName, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Achternaam'}}) }}
  61.                                                     {{ form_row(form.street, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Straat'}}) }}
  62.                                                     {{ form_row(form.postalCode, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Postcode'}}) }}
  63.                                                     {{ form_row(form.country) }}
  64.                                                     {{ form_row(form.birthdate, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'DD/MM/YYYY'}}) }}
  65.                                                     {% if  campscourse.zeilofSurfKamp%}
  66.                                                         {{ form_row(form.gezondheidmedische) }}
  67.                                                     {% endif %}
  68.                                                 </div>
  69.                                                 <div class="col-6">
  70.                                                     {{ form_row(form.email, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'E-mail'}}) }}
  71.                                                     {{ form_row(form.confirmEmail, {'label_attr': {'class': 'col-sm-4 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'E-mail'}}) }}
  72.                                                     {{ form_row(form.streetNumber, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Nr'}}) }}
  73.                                                     {{ form_row(form.city, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Plaats'}}) }}
  74.                                                     {{ form_row(form.phoneNumber, {'label_attr': {'class': 'col-sm-3 control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Telefoonnummer'}}) }}
  75.                                                     {{ form_row(form.gender, {'label_attr': {'class': 'col-sm- control-label'}, 'attr': {'class': 'form-control', 'placeholder': 'Selecteer een geslacht'}}) }}
  76.                                                     {% if  campscourse.zeilofSurfKamp%}
  77.                                                         {{ form_row(form.phoneNumber2) }}
  79.                                                         {{ form_row(form.zeilofsurfervaring) }}
  80.                                                     {% endif %}
  82.                                                 </div>
  83.                                                 {{ form_row(form.agreeTerms) }}
  84.                                                 {{ form_row(form.submit, {'label_attr': {'class': 'col-sm-3 control-label mt-3'}}) }}
  85.                                             </div>
  87.                                             {{ form_end(form) }}
  88.                                         {% else %}
  89.                                             <p>{{ 'Het maximale aantal inschrijvingen is bereikt. Indien u toch nog wilt deelnemen,'|trans }}</p>
  90.                                             <p>{{ 'verzoeken wij u vriendelijk om contact met ons op te nemen via het contactformulier dan kunnen we kijken of er nog plaats is.'|trans }}</p>
  91.                                         {% endif %}
  92.                                     {% else %}
  93.                                         <p>{{ 'Inschrijven kan pas van af :'|trans }} {{ campscourse.getStart_in_date|date('d-m-Y H:i')}} </p>
  94.                                     {% endif %}
  95.                                 {% else %}
  96.                                     <p>{{ 'Inschrijven is afgelopen :'|trans }} {{ campscourse.getexpiry_date|date('d-m-Y H:i')}} </p>
  97.                                 {% endif %}
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </div>
  105. {% endblock %}