templates/front/includes/plans.html.twig line 1

Open in your IDE?
  1. {% if plans|length > 0 %}
  2.     <section class="courses-style1-area">
  3.         {% if bg is defined and bg == true %}
  4.             <div class="layer-outer" style="background-image:url({{ asset('front/assets/images/pattern/courses-bg.png') }});"></div>
  5.         {% endif %}
  6.         <div class="container">
  7.             <div class="sec-title text-center">
  8.                 <div class="big-title"><h2>{{ 'app.plan.title'|trans }}</h2></div>
  9.                 <div class="border-box">
  10.                     <span class="linetop"></span>
  11.                     <span class="linebottom"></span>
  12.                 </div>
  13.             </div>
  14.             <div class="row">
  15.                 <div class="col-xl-12">
  16.                     <div class="pricing-tabs tabs-box">
  17.                         <div class="price-column clearfix">
  18.                             <div class="inner">
  19.                                 <div class="tabs-content">
  20.                                     <div class="tab active-tab" id="prod-monthly">
  21.                                         <div class="row clearfix">
  22.                                             {% for plan in plans %}
  23.                                                 <div class="single-price-box col-lg-4 col-md-12 col-sm-12">
  24.                                                     <div class="inner-box" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="700">
  25.                                                         {% set image = plan.image is not null ? plan_images_directory ~ '/' ~ plan.image : 'front/assets/images/resources/single-price-box-image-bg-' ~ theme ~ '-1.jpeg' %}
  26.                                                         <div class="layer-outer" style="background-image:url({{ asset(image) }});"></div>
  27.                                                         <div class="top">
  28.                                                             <p>{{ ('app.plan.duration.' ~ plan.duration)|trans }}</p>
  29.                                                             <h3>{{ plan.title }}</h3>
  30.                                                             <div class="value">
  31.                                                                 <h2>
  32.                                                                     {{ (plan.price / 100)|format_currency('EUR', {fraction_digit: 0}) }}
  33.                                                                     <small style="margin-left:15px;font-size:30px"><s>{{ (plan.originalPrice / 100)|format_currency('EUR', {fraction_digit: 0}) }}</s></small>
  34.                                                                 </h2>
  35.                                                             </div>
  36.                                                         </div>
  37.                                                         <ul class="price-list">
  38.                                                             {% for option in plan.options %}
  39.                                                                 <li>{{ option }}</li>
  40.                                                             {% endfor %}
  41.                                                         </ul>
  42.                                                         <div class="btn-box">
  43.                                                             <a class="btn-one" data-toggle="modal" data-target="#bookingModal" data-service="{{ plan.title }}" data-service-id="plan-{{ plan.id }}">
  44.                                                                 <span class="txt">{{ 'app.booking.form.submit'|trans }}</span> <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>
  45.                                                             </a>
  46.                                                         </div>
  47.                                                         <div class="bottom">
  48.                                                             <p>{{ plan.hint }}</p>
  49.                                                         </div>
  50.                                                     </div>
  51.                                                 </div>
  52.                                             {% endfor %}
  53.                                         </div>
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </section>
  63. {% endif %}
  65. <!-- Modal -->
  66. <div class="modal fade" id="bookingModal" tabindex="-1" role="dialog" aria-labelledby="bookingModalTitle" aria-hidden="true">
  67.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  68.         <div class="modal-content">
  69.             <div class="modal-header">
  70.                 <h5 class="modal-title" id="exampleModalLongTitle">{{ 'app.booking.title'|trans }}</h5>
  71.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  72.                 <span aria-hidden="true">&times;</span>
  73.                 </button>
  74.             </div>
  75.             <div class="modal-body">
  76.                 {{ form_start(bookingForm, {'action': path('front_booking_reservation'), 'method': 'POST', 'attr' : {'id' : 'booking-form-modal'}}) }}
  77.                     <div class="row col-md-12">
  78.                         <div class="form-group col-md-6">
  79.                             {{ form_label(bookingForm.location) }}:
  80.                             {{ form_widget(bookingForm.location, {'attr': {'class': 'form-control'}}) }}
  81.                         </div>
  82.                         <div class="form-group col-md-6">
  83.                             {{ form_label(bookingForm.customer.gender) }}:
  84.                             {{ form_widget(bookingForm.customer.gender, {'attr': {'class': 'form-control'}}) }}
  85.                         </div>
  86.                     </div>
  87.                     <div class="row col-md-12">
  88.                         <div class="form-group col-md-6">
  89.                             {{ form_label(bookingForm.customer.firstname) }}:
  90.                             {{ form_widget(bookingForm.customer.firstname, {'attr': {'class': 'form-control'}}) }}
  91.                         </div>
  92.                         <div class="form-group col-md-6">
  93.                             {{ form_label(bookingForm.customer.lastname) }}:
  94.                             {{ form_widget(bookingForm.customer.lastname, {'attr': {'class': 'form-control'}}) }}
  95.                         </div>
  96.                     </div>
  97.                     <div class="row col-md-12">
  98.                         <div class="form-group col-md-6">
  99.                             {{ form_label(bookingForm.customer.email) }}:
  100.                             {{ form_widget(bookingForm.customer.email, {'attr': {'class': 'form-control booking-form-modal-email'}}) }}
  101.                         </div>
  102.                         <div class="form-group col-md-6">
  103.                             {{ form_label(bookingForm.customer.phone) }}:
  104.                             {{ form_widget(bookingForm.customer.phone, {'attr': {'class': 'form-control booking-form-modal-phone'}}) }}
  105.                         </div>
  106.                         <div  class="col-md-12 alert-booking-modal" style="display:none; width:100%">
  107.                             <div class="alert alert-danger text-center">{{ 'app.booking.error.email_or_phone_missing'|trans }}</div>
  108.                         </div>
  109.                     </div>
  110.                     <div class="row col-md-12">
  111.                         <div class="form-group col-md-4">
  112.                             {{ form_label(bookingForm.reservationDate) }}:
  113.                             {{ form_widget(bookingForm.reservationDate, {'attr': {'class': 'form-control'}}) }}
  114.                         </div>
  115.                         <div class="form-group col-md-4">
  116.                             {{ form_label(bookingForm.adults) }}:
  117.                             {{ form_widget(bookingForm.adults, {'attr': {'class': 'form-control'}}) }}
  118.                         </div>
  119.                         <div class="form-group col-md-4">
  120.                             {{ form_label(bookingForm.childrens) }}:
  121.                             {{ form_widget(bookingForm.childrens, {'attr': {'class': 'form-control'}}) }}
  122.                         </div>
  123.                     </div>
  124.                     <div class="row col-md-12">
  125.                         <div class="form-group col-md-12">
  126.                             {{ form_label(bookingForm.notes) }}:
  127.                             {{ form_widget(bookingForm.notes, {'attr': {'class': 'form-control', 'rows': 3}}) }}
  128.                             <input id="service-id" name="service-id" type="hidden">
  129.                             <input id="service-title" name="service-title" type="hidden">
  130.                         </div>
  131.                     </div>
  132.                 {{ form_end(bookingForm) }}
  133.             </div>
  134.             <div class="modal-footer">
  135.                 <button type="button" class="btn-one" data-dismiss="modal"><span class="txt">{{ 'app.booking.form.close'|trans }}</span></button>
  136.                 <button type="button" class="btn-one submit-booking"><span class="txt submit-booking-modal">{{ 'app.booking.form.submit'|trans }}</span></button>
  137.             </div>
  138.         </div>
  139.     </div>
  140. </div>