templates/club/club-infos.html.twig line 1

Open in your IDE?
  1. {% extends 'dashboard.html.twig' %}
  4. {% block stylesheets2 %}
  5.     <link href="{{ app.request.baseUrl }}/assets/club/infos_club.css" rel="stylesheet">
  6. {% endblock %}
  9. {% block dashboardcontent %}
  11. <div class="bannerClub">
  12.     <h1>{% trans %}club.infos.join{% endtrans %}</h1>
  13. </div>
  15. <main>
  16.     <h2 class="main-title">{% trans %}club.infos.how.question{% endtrans %}</h2>
  18.     <div class="first section">
  19.         <div class="left bloc">
  20.             <div class="title">
  21.                 <div class="line"></div>
  22.                 <h3>{% trans %}club.infos.how.subscribe{% endtrans %}</h3>
  23.                 <div class="line"></div>
  24.             </div>
  26.             <div class="content">
  27.                 <div class="step">
  28.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  29.                     <p>{% trans %}club.infos.how.masterconsent{% endtrans %}</p>
  30.                 </div>
  31.                 <div class="step">
  32.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  33.                     <p>{% trans %}club.infos.how.fillform{% endtrans %}
  34.                     <!-- <br><span>ou alors</span> <a class="online">je m'inscris en ligne</a>--></p>
  35.                 </div>
  36.                 <div class="step">
  37.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  38.                     <p>{% trans %}club.infos.how.pay{% endtrans %}</p>
  39.                 </div>
  40.                 <div class="step">
  41.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  42.                     <p>{% trans %}club.infos.how.docs{% endtrans %}</p>
  43.                 </div>
  44.             </div>
  45.         </div>
  47.         <div class="right bloc">
  48.             <div class="title">
  49.                 <div class="line"></div>
  50.                 <h3>{% trans %}club.infos.docs.title{% endtrans %}</h3>
  51.                 <div class="line"></div>
  52.             </div>
  54.             <div class="content">
  55.                 <div class="step">
  56.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  57.                     <p>{% trans %}club.infos.docs.photos{% endtrans %}</p>
  58.                 </div>
  59.                 <div class="step">
  60.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  61.                     <p>{% trans %}club.infos.docs.certificate{% endtrans %}</p>
  62.                 </div>
  63.                 <div class="step">
  64.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  65.                     <p>{% trans %}club.infos.docs.envelopes{% endtrans %}</p>
  66.                 </div>
  67.                 <div class="step">
  68.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  69.                     <p>{% trans %}club.infos.docs.hkdguys{% endtrans %}</p>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     </div>
  75.     <div class="second section">
  76.         <div class="bloc">
  77.             <div class="title">
  78.                 <div class="line"></div>
  79.                 <h3>{% trans %}club.infos.notes.title{% endtrans %}</h3>
  80.                 <div class="line"></div>
  81.             </div>
  83.             <div class="content">
  84.                 <div class="step">
  85.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  86.                     <p>{% trans %}club.infos.notes.access3{% endtrans %}</p>
  87.                 </div>
  88.                 <div class="step">
  89.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  90.                     <p>{% trans %}club.infos.notes.allcoursrequired{% endtrans %}</p>
  91.                 </div>
  92.                 <div class="step">
  93.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  94.                     <p>{% trans %}club.infos.notes.rules{% endtrans %}</p>
  95.                 </div>
  96.                 <div class="step">
  97.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  98.                     <p>{% trans %}club.infos.notes.askdocs{% endtrans %}</p>
  99.                 </div>
  100.                 <div class="step">
  101.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  102.                     <p>{% trans %}club.infos.notes.termsandcond{% endtrans %}</p>
  103.                 </div>
  104.             </div>
  105.         </div>
  107.     </div>
  109.     {% if club.price_base_subscribe is defined %}
  110.         <div class="third section">
  111.             <div class="bloc">
  112.                 <div class="title">
  113.                     <div class="line"></div>
  114.                     <h3 id="prices">{% trans %}club.infos.prices.title{% endtrans %}</h3>
  115.                     <div class="line"></div>
  116.                 </div>
  117.     
  118.                 <div class="content">
  119.                     <div class="step">
  120.                         <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  121.                         <p>{% trans %}club.infos.prices.dobok{% endtrans %}</p>
  122.                     </div>
  123.                     <div class="step">
  124.                         <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  125.                         <p>{% trans %}club.infos.prices.norefund{% endtrans %}</p>
  126.                     </div>
  127.                     <div class="step">
  128.                         <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  129.                         <p>{% trans %}club.infos.prices.afterexpensive{% endtrans %}</p>
  130.                     </div>
  131.                     <div class="step">
  132.                         <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  133.                         <p>{% trans %}club.infos.prices.traineeship{% endtrans %}</p>
  134.                     </div>
  135.                     <div class="step">
  136.                         <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  137.                         <p>{% trans %}club.infos.prices.payment{% endtrans %}</p>
  138.                     </div>
  139.                 </div>
  140.             </div>
  141.         {% endif %}
  142.     </div>
  144.     {% if club.price_cenacle_joining is defined or club.price_base_subscribe is defined %}
  145.         <div class="fourth section">
  146.             {% if club.price_cenacle_joining is defined %}
  147.                 <div class="price">
  148.                     <span class="number">{{ club.price_cenacle_joining }}</span>
  149.                     <span class="euro">euros</span>
  150.                     <span class="text">{% trans %}club.infos.pricesforall.membership{% endtrans %}</span>
  151.                 </div>
  152.             {% endif %}
  153.     
  154.             {% if club.price_cenacle_joining is defined and club.price_base_subscribe is defined %}
  155.                 <span class="plus">+</span>
  156.                {% endif %}
  157.     
  158.             {% if club.price_base_subscribe is defined %}
  159.                 <!-- Button trigger modal -->
  160.                 <button type="button" class="btn" data-toggle="modal" data-target="#exampleModal">
  161.                     <div class="price info">
  162.                         <div class="front">
  163.                             <span class="number">{{ club.price_base_subscribe }}</span>
  164.                             <span class="euro">euros</span>
  165.                             <span class="text">{% trans %}club.infos.pricesforall.base.title{% endtrans %}</span>
  166.                             <i class="fas fa-angle-down"></i>
  167.                         </div>
  168.                     </div>
  169.                 </button>
  170.                 
  171.                 <!-- Modal -->
  172.                 <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  173.                     <div class="modal-dialog">
  174.                         <div class="modal-content">
  175.                             <div class="modal-header">
  176.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  177.                                 <span aria-hidden="true">&times;</span>
  178.                                 </button>
  179.                             </div>
  180.         
  181.                             <div class="modal-body">
  182.                                 <p>{% trans %}club.infos.pricesforall.base.contains{% endtrans %}
  183.                                     <ul>
  184.                                         <li>{% trans %}club.infos.pricesforall.base.right{% endtrans %}</li> 
  185.                                         <li>{{ "club.infos.pricesforall.base.dobok"|trans({'%price_base_subscribe%': club.price_base_subscribe }) }}</li> 
  186.                                     </ul>
  187.                                 </p>
  188.                             </div>
  189.                         </div>
  190.                     </div>
  191.                 </div>
  192.         
  193.                 <div class="price info">
  194.                     <div class="front">
  195.                         <span class="number">{{ club.price_base_subscribe }}</span>
  196.                         <span class="euro">euros</span>
  197.                         <span class="text">{% trans %}club.infos.pricesforall.base.title{% endtrans %}</span>
  198.                         <i class="fas fa-angle-down"></i>
  199.                     </div>
  200.                     <div class="infoHover">
  201.                         <p>{% trans %}club.infos.pricesforall.base.contains{% endtrans %}
  202.                             <ul>
  203.                                 <li>{% trans %}club.infos.pricesforall.base.right{% endtrans %}</li> 
  204.                                 <li>{{ "club.infos.pricesforall.base.dobok"|trans({'%price_base_subscribe%': club.price_base_subscribe }) }}</li> 
  205.                             </ul>
  206.                         </p>
  207.                     </div>
  208.                 </div>
  209.             {% endif %}
  210.         </div>
  211.     {% endif %}
  212.     
  213.     <div class="fifth section">
  214.         {% if club.price_cenacle_joining is defined or club.price_base_subscribe is defined %}
  215.             <div class="midTitle">
  216.                 <span class="plus">+</span>
  217.                 <h3>{% trans %}club.infos.contribution.title{% endtrans %}</h3>
  218.             </div>
  219.         {% endif %}
  220.         {% if canConfigure == 'true' %}
  221.             <span><a class="btn btn-warning" href="{{ app.request.baseUrl }}/club/{{ club.uuid }}/prices" role="button">Modifier les tarifs</a></span>
  222.         {% endif %}
  224.         <div class="cours">
  225.             {% for price in club.prices %}
  226.                 <div class="tarifs">
  227.                     <div class="id">
  228.                         {% if canConfigure == 'true' %}
  229.                             <span><a class="btn btn-warning" href="{{ app.request.baseUrl }}/club/{{ club.uuid }}/prices/{{ price.uuid }}" role="button" style="margin: 10px"><i class="fas fa-pencil-alt"></i></a></span>
  230.                         {% endif %}
  231.                         <h3 class="discipline">{{ price.discipline }}</h3>
  232.                         <h4 class="age">
  233.                             {% if price.category is defined %}{{ price.category }}{% endif %}
  234.                             {% if price.comment is defined and price.category is defined%}<br>{% endif %}
  235.                             {% if price.comment is defined %}{{ price.comment }}{% endif %}
  236.                         </h4>
  237.                     </div>
  238.                     <div class="box">
  239.                         {% if price.child1 is defined %}
  240.                             <div class="{% if price.child2 is defined or price.child3 is defined or price.adult is defined %}one{% endif %} case">
  241.                                 <span class="price">{{ price.child1 }}</span>
  242.                                 <span class="euros">euros</span>
  243.                                 {% if price.child2 is defined or price.child3 is defined %}
  244.                                     <span class="caption">{% trans %}club.infos.contribution.firstchild{% endtrans %}</span>
  245.                                 {% else %}
  246.                                     <span class="caption">{% trans %}club.infos.contribution.child{% endtrans %}</span>
  247.                                 {% endif %}
  248.                                 
  249.                             </div>
  250.                         {% endif %}
  251.                         {% if price.child2 is defined %}
  252.                             <div class="{% if price.child3 is defined or price.adult is defined %}one{% endif %} case">
  253.                                 <span class="price">{{ price.child2 }}</span>
  254.                                 <span class="euros">euros</span>
  255.                                 <span class="caption">{% trans %}club.infos.contribution.secondchild{% endtrans %}</span>
  256.                             </div>
  257.                         {% endif %}
  258.                         {% if price.child3 is defined %}
  259.                             <div class="{% if price.adult is defined %}one{% endif %} case">
  260.                                 <span class="price">{{ price.child3 }}</span>
  261.                                 <span class="euros">euros</span>
  262.                                 <span class="caption">{% trans %}club.infos.contribution.thirdchild{% endtrans %}</span>
  263.                             </div>
  264.                         {% endif %}
  265.                         {% if price.adult is defined %}
  266.                             <div class="case">
  267.                                 <span class="price">{{ price.adult }}</span>
  268.                                 <span class="euros">euros</span>
  269.                                 <span class="caption">{% trans %}club.infos.contribution.adult{% endtrans %}</span>
  270.                             </div>
  271.                         {% endif %}
  272.                     </div>
  273.                 </div>
  274.             {% endfor %}
  275.         </div>
  276.     </div>
  278.     <div class="sixth section">
  279.         <div class="bloc">
  280.             <div class="title">
  281.                 <div class="line"></div>
  282.                 <h3>{% trans %}club.infos.sponsorship.title{% endtrans %}</h3>
  283.                 <div class="line"></div>
  284.             </div>
  286.             <div class="content">
  287.                 <div class="step">
  288.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  289.                     <p>{% trans %}club.infos.sponsorship.advantages1{% endtrans %}</p>
  290.                 </div>
  291.                 {% if club.price_cenacle_joining is defined %}
  292.                     <div class="step">
  293.                         <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  294.                         <p>{{ "club.infos.sponsorship.advantages2"|trans({'%price_cenacle_joining%': club.price_cenacle_joining }) }}</p>
  295.                     </div>
  296.                 {% endif %}
  297.                 <h4 class="caption2">{% trans %}club.infos.sponsorship.eachstudent{% endtrans %}</h4>
  299.                 <div class="board">
  300.                     <div class="boardLeft">
  301.                         <h4>{% trans %}club.infos.sponsorship.table.number{% endtrans %}</h4>
  302.                         <ul>
  303.                             <li>2</li>
  304.                             <li>3</li>
  305.                             <li>4</li>
  306.                             <li>5</li>
  307.                             <li>6 et +</li>
  308.                         </ul>
  309.                     </div>
  310.                     <div class="boardRight">
  311.                         <h4>{% trans %}club.infos.sponsorship.table.advantages{% endtrans %}</h4>
  312.                         <ul>
  313.                             <li>20%</li>
  314.                             <li>35%</li>
  315.                             <li>50%</li>
  316.                             <li>75%</li>
  317.                             <li>{% trans %}club.infos.sponsorship.table.free{% endtrans %}</li>
  318.                         </ul>
  319.                     </div>
  320.                 </div>
  321.             </div>
  322.         </div>
  323.     </div>
  325.     <div class="seven section">
  326.         <div class="bloc">
  327.             <div class="title">
  328.                 <div class="line"></div>
  329.                 <h3 id="hours">{% trans %}club.infos.hours.title{% endtrans %}</h3>
  330.                 <div class="line"></div>
  331.             </div>
  332.             {% if canConfigure == 'true' %}
  333.                 <span><a class="btn btn-warning" href="{{ app.request.baseUrl }}/club/{{ club.uuid }}/locations" role="button">Modifier les adresses</a></span>
  334.                  <span><a class="btn btn-warning" href="{{ app.request.baseUrl }}/club/{{ club.uuid }}/lessons" role="button">Modifier les horaires</a></span>
  335.             {% endif %}
  336.         </div>
  338.         <div class="content">
  339.             {% if(lessons|filter(l => l.discipline|lower == 'taekwonkido')|length > 0) %}
  340.                 <div class="step">
  341.                     <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  342.                     <p>{% trans %}club.infos.hours.taekwonkidocours{% endtrans %}</p>
  343.                 </div>
  344.             {% endif %}
  345.             <div class="step">
  346.                 <img src="{{ app.request.baseUrl }}/assets/icons/check-mark.svg">
  347.                 <p>{% trans %}club.infos.hours.protects{% endtrans %}</p>
  348.             </div>
  349.             
  350.             {% set days = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'] %}
  351.             <div class="board">
  352.                 {% for day in days %}
  353.                     <div class="jour mardi {% if(lessons is defined and lessons|length > 0 and lessons|filter(l => l.day_of_week == day)|length == 0) %}empty{% endif %}">
  354.                         {% set rend = min(5, (day in startTimeByDays|keys) ? startTimeByDays[day] : 0) %}
  355.                         <h4 class="jourName">{{ day|trans }}</h4>
  356.                         {% for i in 0..rend %}
  357.                             <div class="quarter"></div>
  358.                         {% endfor %}
  359.                         {% if(lessons is defined and lessons|length > 0) %}
  360.                             {% for lesson in lessons|filter(l => l.day_of_week == day)|sort((a,b) => a.start_time|replace({':':''})|integer <=> b.start_time|replace({':':''})|integer) %}
  361.                                 <div class="case small {{ lesson.discipline|lower }}">
  362.                                     <div class="frontCase">
  363.                                         <h5 class="coursName">{{ lesson.discipline|lower }}</h5>
  364.                                         <h5 class="public">{% if(lesson.age_level is defined) %}{{ lesson.age_level|trans }}{% endif %}</h5>
  365.                                         <h5 class="heure">{{ lesson.start_time }} - {{ lesson.end_time }}</h5>
  366.                                     </div>
  367.                                     <h6 class="adresse">{{ lesson.location.name }}
  368.                                         {% if canConfigure == 'true' %}
  369.                                             <a class="btn btn-warning" href="{{ app.request.baseUrl }}/club/{{ club.uuid }}/lessons/{{ lesson.uuid }}" role="button" style="margin: 10px"><i class="fas fa-pencil-alt"></i></a>
  370.                                         {% endif %}
  371.                                         <br><small>{{ lesson.location.address }}<br>{{ lesson.location.zipcode }} {{ lesson.location.city }}</small>
  372.                                     </h6>
  373.                                 </div>
  374.                             {% endfor %}
  375.                         {% endif %}
  376.                     </div>
  377.                 {% endfor %}
  378.             </div>
  380.             <div id="carouselExampleIndicators" class="carousel slide" data-interval="false">
  381.                 <ol class="carousel-indicators">
  382.                   {% if(lessons is defined and lessons|length > 0) %}
  383.                       {% set firstactive = days|filter(d => lessons|filter(l => l.day_of_week == d))|first %}
  384.                   {% else %}
  385.                       {% set firstactive = 'monday' %}
  386.                   {% endif %}
  387.                   <li data-target="#carouselExampleIndicators" data-slide-to="0" {% if(firstactive == 'monday') %}class="active"{% endif %}></li>
  388.                   <li data-target="#carouselExampleIndicators" data-slide-to="1" {% if(firstactive == 'tuesday') %}class="active"{% endif %}></li>
  389.                   <li data-target="#carouselExampleIndicators" data-slide-to="2" {% if(firstactive == 'wednesday') %}class="active"{% endif %}></li>
  390.                   <li data-target="#carouselExampleIndicators" data-slide-to="3" {% if(firstactive == 'thursday') %}class="active"{% endif %}></li>
  391.                   <li data-target="#carouselExampleIndicators" data-slide-to="4" {% if(firstactive == 'friday') %}class="active"{% endif %}></li>
  392.                   <li data-target="#carouselExampleIndicators" data-slide-to="5" {% if(firstactive == 'saturday') %}class="active"{% endif %}></li>
  393.                   <li data-target="#carouselExampleIndicators" data-slide-to="6" {% if(firstactive == 'sunday') %}class="active"{% endif %}></li>
  394.                 </ol>
  396.                 <div class="carousel-inner">
  397.                     {% for day in days %}
  398.                         <div class="carousel-item {% if(firstactive == day) %}active{% endif %}">
  399.                             <h4 class="jourName">{{ day|trans }}</h4>
  400.                             {% if(lessons is not defined or lessons|length == 0 or lessons|filter(l => l.day_of_week == day)|length == 0) %}
  401.                                 <div class="case empty">
  402.                                     <h5 class="coursName">{% trans %}club.infos.planning.nocours{% endtrans %}</h5>
  403.                                 </div>
  404.                             {% else %}
  405.                                 {% for lesson in lessons|filter(l => l.day_of_week == day) %}
  406.                                     <div class="case {{ lesson.discipline|lower }}">
  407.                                         <div class="frontCase row">
  408.                                             <div>
  409.                                                 <h5 class="coursName">{{ lesson.discipline|lower }}</h5>
  410.                                                 <h5 class="public">{% if(lesson.age_level is defined) %}{{ lesson.age_level|trans }}{% endif %}</h5>
  411.                                                 <h5 class="heure">{{ lesson.start_time }} - {{ lesson.end_time }}</h5>
  412.                                             </div>
  413.                                             {% if canConfigure == 'true' %}
  414.                                                 <a class="btn btn-warning" href="{{ app.request.baseUrl }}/club/{{ club.uuid }}/lessons/{{ lesson.uuid }}" role="button" style="margin: 10px"><i class="fas fa-pencil-alt"></i></a>
  415.                                             {% endif %}
  416.                                         </div>
  417.                                         <h6 class="adresse">{{ lesson.location.name }}</h6>
  418.                                     </div>
  419.                                 {% endfor %}
  420.                             {% endif %}
  421.                         </div>
  422.                     {% endfor %}
  423.                 </div>
  425.                 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  426.                   <span class="prev-icon" aria-hidden="true">
  427.                       <img src="{{ app.request.baseUrl }}/assets/icons/next.svg">
  428.                   </span>
  429.                   <span class="sr-only">Previous</span>
  430.                 </a>
  431.                 <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  432.                   <span class="next-icon" aria-hidden="true">
  433.                     <img src="{{ app.request.baseUrl }}/assets/icons/next.svg">
  434.                   </span>
  435.                   <span class="sr-only">Next</span>
  436.                 </a>
  437.                 
  438.             </div>
  440.         </div>
  441.     </div>
  444. </main>
  446. {% endblock %}
  449. {% block javascripts_end_body %}
  450.     <script src="{{ app.request.baseUrl }}/assets/club/infos_club.js"></script>
  451. {% endblock %}