templates/front/product/reservation/subform_reservation.html.twig line 1

Open in your IDE?
  1. <form method="post" action="{{ path('reservation_new', {'product': product.id}) }}" id="form_reservation">
  2.     {% if is_granted('ROLE_ENTERPRISE') == false %}
  3.         {% if product.company.isConfirmed %}
  4.             <div class="form-group d-none">
  5.                 <label for="quantity_product">Quantité</label><br>
  6.                 <div class="quantity buttons_added">
  7.                     <input type="button" value="-" class="minus">
  8.                     <input id="quantity_product" type="number" step="1" min="1" max="" name="quantity" value="1" title="Qty" class="input-text qty text" size="4" pattern="" inputmode="">
  9.                     <input type="button" value="+" class="plus">
  10.                 </div>
  11.             </div>
  13.             <!-- Champ date des réservations -->
  14.             <div class="form-group mt-3 mb-4">
  15.                 <div class="form-input">
  16.                 {# Récupérer les périodes d'indisponibilité du produit #}
  17.                 {% for unavailableDate in product.productAgendas %}
  18.                     <input type="hidden" class="startDayNotAvailable" value={{unavailableDate.startDayNotAvailable|date('Y-m-d')}}>
  19.                     <input type="hidden" class="endDayNotAvailable" value={{unavailableDate.endDayNotAvailable|date('Y-m-d')}}>
  20.                     <input type="hidden" class="raisonNotAvailable" value={{unavailableDate.raisonNotAvailable}}>
  21.                 {% endfor %}
  22.                     <input id="reservation_start" name="reservation_start" autocomplete="off" type="text" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date de prestation" class="form-control" required>
  23.                 </div>
  24.             </div>
  25.             <div class="form-group mb-2">
  26.                 <div class="form-input">
  27.                     <input id="reservation_start_hidden" name="reservation_start_hidden" autocomplete="off" type="hidden" style="border: 0px solid white; border-bottom: 1px solid #aaa;" placeholder="Date de début" class="form-control" required>
  28.                 </div>
  29.             </div>
  30.             {% set isClothing = null %}
  31.             {% for subcategory in product.subCategories %}
  32.                 {% if subcategory.isClothing %}
  33.                     {% set isClothing = true %}
  34.                 {% endif %}
  35.             {% endfor %}
  36.             {% if isClothing and product.sizes is not empty %}
  37.                 <div class="form-group">
  38.                     <label for="quantity_product">Tailles disponibles</label><br>
  39.                     <select class="form-control wide" id="exampleFormControlSelect1" name="size">
  40.                         {% for size in product.sizes %}
  41.                             <option>{{ size }}</option>
  42.                         {% endfor %}
  43.                     </select>
  44.                 </div>
  45.             {% endif %}
  47.             {% set isClothingRing = null %}
  48.             {% for subcategory in product.subCategories %}
  49.                 {% if subcategory.isClothingRing %}
  50.                     {% set isClothingRing = true %}
  51.                 {% endif %}
  52.             {% endfor %}
  53.             {% if isClothingRing and product.sizeRing is not empty %}
  54.                 <div class="form-group">
  55.                     <label for="sizeRing">Tailles disponibles</label><br>
  56.                     <select class="form-control wide" id="sizeRing" name="size_ring">
  57.                         {% for size in product.sizeRing %}
  58.                             <option>{{ size }}</option>
  59.                         {% endfor %}
  60.                     </select>
  61.                 </div>
  62.             {% endif %}
  64.             {% set isColor = null %}
  65.             {% for subcategory in product.subCategories %}
  66.                 {% if subcategory.isColor %}
  67.                     {% set isColor = true %}
  68.                 {% endif %}
  69.             {% endfor %}
  70.             {% if isColor and product.colors is not empty %}
  71.                 <div class="form-group">
  72.                     <label for="quantity_product">Couleurs disponibles</label><br>
  73.                     <select class="form-control wide" id="exampleFormControlSelect1" name="color">
  74.                         {% for color in product.colors %}
  75.                             <option>{{ color }}</option>
  76.                         {% endfor %}
  77.                     </select>
  78.                 </div>
  79.             {% endif %}
  81.             {% set isNbGuest = null %}
  82.             {% for subcategory in product.subCategories %}
  83.                 {% if subcategory.isNbGuest %}
  84.                     {% set isNbGuest = true %}
  85.                 {% endif %}
  86.             {% endfor %}
  87.             {% if isNbGuest %}
  88.                 <div class="form-group" id="nb_guest_old">
  89.                     <label for="nb_guest">Nombre de personnes
  90.                         {% if product.nbGuest and product.nbGuest != null %}
  91.                             <small>({{ product.nbGuest }} pers max)</small>
  92.                         {% endif %}
  93.                     </label><br>
  94.                     <input type="text" name="nb_guest" class="form-control" placeholder="Nombre de personnes" required>
  95.                 </div>
  96.             {% endif %}
  98.             {% if product.tarifDegressifs is not null and product.tarifDegressifs is not empty %}
  99.                 {% for tarifDegressif in product.tarifDegressifs %}
  100.                     <input type="hidden" class="nbrPers" value="{{ tarifDegressif.nbrPers }}">
  101.                     <input type="hidden" class="tarifReduction" value="{{ tarifDegressif.reduction }}">
  102.                 {% endfor %}
  103.             
  104.                 <div class="row justify-content-center mt-5 mb-4">
  105.                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalTarif"
  106.                         onclick="voirtouteTarif('{{product.id}}','{{ app.request.getSchemeAndHttpHost() }}')">
  107.                         Voir les tarifs degressif
  108.                     </button>
  109.                 </div>
  110.             {% endif %}
  112.             <div class="row justify-content-center">
  113.                 <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalOptionGP" onclick="voirtoutOption('{{product.id}}','{{ app.request.getSchemeAndHttpHost() }}')">Options disponibles</button>
  114.             </div>
  116.             <div class="d-none">
  117.             {% if product.productOptions %}
  118.                 <span class="font-weight-bold">Options disponibles :</span>
  119.                 <div class="row pl-3 pr-3">
  120.                     {% for option in product.productOptions %}
  121.                         {% if option.image1 %}
  122.                             <div class="d-flex col-md-12">
  123.                                 <div class="col-md-6">
  124.                                     <img onclick=afficheImgOption("{{ option.id }}btn1") id="{{ option.id }}btn1" src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ option.image1) }}" style="cursor: pointer;">
  125.                                 </div>
  126.                                 {% if option.image2 %}
  127.                                 <div class="col-md-6">
  128.                                     <img onclick=afficheImgOption("{{ option.id }}btn2") id="{{ option.id }}btn2" src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ option.image2) }}"  style="cursor: pointer;">
  129.                                 </div>
  130.                                 {% endif %}
  131.                             </div>
  132.                         {% endif %}
  133.                         <div class="col-md-12 custom-control custom-checkbox">
  134.                             <input type="checkbox" data-price="{{ option.price }}" name="options[{{ option.id }}]" value="{{ option.price }}" class="option-product custom-control-input chekboxclass" id="option{{ loop.index }}">
  135.                             <label class="custom-control-label" for="option{{ loop.index }}">
  136.                                 <strong>{{ option.price|number_format(2, ',') }}
  137.                                     €</strong>
  138.                                 -
  139.                                 {{ option.name }}</label>
  140.                         </div>
  141.                         <hr>
  142.                     {% endfor %}
  143.                 </div>
  144.             {% endif %}
  145.             </div>
  146.             
  147.             <div class="row col-md-12 pt-4 d-none justify-content-between">
  148.                 <h4 class="mb-0">Total :
  149.                 </h4>
  150.                 <div>
  151.                     <span id="totalPricere" style="font-size:1.5em" class="prece-total-reserv">{{ product.price|number_format(2, '.', '') }}</span>
  152.                     €</div>
  153.             </div>
  155.             <div id="message_form"></div>
  156.             
  157.             <div class="mt-3 form-group">
  158.             
  159.                 {% if product.quantity > 0 or product.company.type == 'service' %}
  160.                     {% if app.user %}
  161.                         {% if btnForm == 0 %}
  162.                             {% if product.isActivated %}
  163.                                 <div class="form-group text-center">
  164.                                     {% if product.company.abonnements.count() > 0 and product.company.abonnements.last.isActive == true %}
  165.                                         <button type="submit" class="btn btn-rounded btn-primary mt-3" id="btn_add" style="height:auto;">Faire une demande de réservation</button>
  166.                                     {% elseif product.company.commissionActive == true %}
  167.                                         <button type="submit" class="btn btn-rounded btn-primary mt-3" id="btn_add" style="height:auto;">Faire une demande de réservation</button>
  168.                                     {% else %}
  169.                                         <div class="alert alert-info text-center mt-3" style="margin-bottom: 0;">
  170.                                             <i class="fas fa-info-circle"></i><br>
  171.                                             La fonctionnalité paiement en ligne du prestataire n'est pas encore accessible. 
  172.                                             Vous pouvez réserver le produit et vous recevrez un email quand le paiement sera disponible
  173.                                             <br>
  174.                                             <input type="hidden" name="reservation" value="reserver">
  175.                                             <button type="submit" class="btn btn-rounded btn-primary mt-3" id="btn_add" style="height:auto;">Réserver</button>
  176.                                         </div>
  177.                                     {% endif %}
  178.                                 </div>
  179.                             {% endif %}
  180.                         {% elseif btnForm == 1 %}
  181.                             <button type="submit" class="btn btn-rounded btn-danger mt-3" id="btn_add">Supprimer du panier</button>
  182.                         {% endif %}
  183.                     {% else %}
  184.                         <div class="alert alert-info text-center">
  185.                             <i class="fa fa-info-circle"></i><br>
  186.                             Veuillez vous connecter afin de faire une demande de location
  187.                             {% set subCategory = product.subCategories.toArray()[0] %}
  188.                                 {% set slug = "" %}
  189.                                 {% if product.typeActivity is not null %}
  190.                                     {% set slug = product.typeActivity.slug %}
  191.                                 {% elseif product.typeHebergements is not null %}
  192.                                     {% set slug = product.typeHebergements.slugTypeHebergm %}
  193.                                 {% else %}
  194.                                     {% set slug = subCategory.categories.toArray[0].slug %}
  195.                                 {% endif %}
  196.                                 
  197.                                 <a id="reserverNotConnected" href="{{ path('app_login', { redirect: path('front_product_single', {
  198.                                                                 'slug': slug,
  199.                                                                 'subCategorySlug': subCategory.subCategorySlug,
  200.                                                                 'product_id': product.id,
  201.                                                                 'productSlug': product.productSlug}) }) }}" 
  202.                                    class="btn btn-rounded btn-primary mt-3" style="height:auto;">
  203.                                    Réserver
  204.                                 </a>
  205.                         </div>
  206.                     {% endif %}
  207.                 {% else %}
  208.                     Ce produit n'est plus disponible pour le moment
  209.                 {% endif %}
  210.             </div>
  211.         {% else %}
  212.             <p>Produit pas encore disponible à l’achat</p>
  213.         {% endif %}
  214.     {% else %}
  215.         <p>Connectez-vous en tant que client pour réserver cette service</p>
  216.     {% endif %}
  217. </form>