templates/front/hunt/journey.html.twig line 1

Open in your IDE?
  1. {% set currentOffer = offer %}
  2. {% set territoryOffersCount = 0 %}
  3. {% for offer in offer.getTerritory().getOffers() %}
  4.     {% if offer.getId() != currentOffer.getId() and offer.getStatus() == 1 %}
  5.         {% set territoryOffersCount = territoryOffersCount + 1 %}
  6.     {% endif %}
  7. {% endfor %}
  9. {% if app.user %}
  10.     {% set userIsOwner = offer.createdBy.id == app.user.id %}
  11. {% else %}
  12.     {% set userIsOwner = false %}
  13. {% endif %}
  15. <div class="details">
  16.     <div class="detail-tac">
  17.         <p class="type {{ offer.type }}"> Journée de chasse</p>
  18.         {% if offer.isTuchassouSelected %}
  19.             <p class="type br"> Sélection Tuchassou</p>
  20.         {% endif %}
  21.     </div>
  22.     {% set territory = offer.territory %}
  23.     <h1>{{ offer.title }}</h1>
  24.     <p class="city">
  25.         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  26.             <defs>
  27.                 <style>.cls-1 {
  28.                         fill: none;
  29.                     }
  31.                     .cls-2 {
  32.                         fill: #ff5203;
  33.                     } </style>
  34.             </defs>
  35.             <g id="pin-solid" transform="translate(-0.5)">
  37.                 <g id="icons_Q2" data-name="icons Q2" transform="translate(3.423 1.14)">
  38.                     <path id="Tracé_12723" data-name="Tracé 12723" class="cls-2"
  39.                           d="M15.6,2A8.541,8.541,0,0,0,7,10.78c0,4.829,5.817,10.39,7.891,12.39a.985.985,0,0,0,1.416,0c2.074-2,7.891-7.463,7.891-12.39A8.484,8.484,0,0,0,15.6,2Zm0,10.731a3.479,3.479,0,0,1-3.541-3.415,3.543,3.543,0,0,1,7.081,0A3.479,3.479,0,0,1,15.6,12.731Z"
  40.                           transform="translate(-7 -2)"></path>
  41.                 </g>
  42.             </g>
  43.         </svg>
  44.         {{ territory.city }}
  45.     </p>
  46.     <ul class="libs">
  47.         <li>
  48.             <p>
  49.                 <span><icon><img src="{{ asset('assets/img/forest.png') }}"></icon>Biotope <i class="fa fa-info-circle"
  50.                                                                                               data-bs-toggle="modal"
  51.                                                                                               data-bs-target="#modal-biotope">&nbsp;</i></span>
  52.                 <span>{% for biotope in territory.biotope %}{{ biotope }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  53.             </p>
  54.         </li>
  55.         <li>
  56.             <p>
  57.                 <span><icon><img src="{{ asset('assets/img/space.png') }}"></icon>Superficie</span>
  58.                 <span>{{ territory.nbHectares }} hectares</span>
  59.             </p>
  60.         </li>
  61.         <li>
  62.             <p>
  63.                 <span><icon><img src="{{ asset('assets/img/hunt.png') }}"></icon>Mode de chasse</span>
  64.                 <span>{% for huntingMode in offer.huntingMode %}{{ huntingMode.title }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  65.             </p>
  66.         </li>
  67.         <li>
  70.             <p>
  71.                 <span><icon>
  72.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.04" viewBox="0 0 20 20.04">
  73.     <path data-name="Tracé 12813"
  74.           d="M38.5-571.625a1.285 1.285 0 0 1 1.168.854 2.616 2.616 0 0 1 .052 1.738v.01a5.2 5.2 0 0 0-.1.6c-.045.639-.1 7.652-.064 8.563.121 3.233.068 4.356-.246 5.221a3.835 3.835 0 0 1-2.237 2.353 2.712 2.712 0 0 1-.813.125 3.208 3.208 0 0 1-2.341-1.1 10.507 10.507 0 0 1-2.224-5.675 14.527 14.527 0 0 1 0-3.141 15.731 15.731 0 0 1 1.4-4.81 10.911 10.911 0 0 1 2.314-3.24 6.035 6.035 0 0 1 2.308-1.333 2.478 2.478 0 0 1 .783-.165zm-.484 2.194a3.54 3.54 0 0 0 .057-.3 4.236 4.236 0 0 0-1.507.919 9.193 9.193 0 0 0-1.891 2.681 14.012 14.012 0 0 0-1.244 4.284 12.854 12.854 0 0 0 0 2.684 8.957 8.957 0 0 0 1.774 4.713 1.492 1.492 0 0 0 1.057.543.956.956 0 0 0 .286-.044 2.13 2.13 0 0 0 1.119-1.282c.215-.591.249-1.7.142-4.558-.036-.98.019-8.1.068-8.762v-.01a6.806 6.806 0 0 1 .142-.868z"
  75.           transform="translate(-29.496 571.87)" style="fill:#172a3b"/>
  76.     <path data-name="Tracé 12814"
  77.           d="M243.664-565.081a3.387 3.387 0 0 1 1.137.24 7.624 7.624 0 0 1 3 2.581 10.9 10.9 0 0 1 .717 1.388 14.489 14.489 0 0 1 .727 2.622 20.83 20.83 0 0 1 .119 5.66c-.1.9-.271 2.18-.37 2.791a6.551 6.551 0 0 1-1.08 3.065 3.188 3.188 0 0 1-2.614 1.234 3.1 3.1 0 0 1-1.916-.616h-.006a3.69 3.69 0 0 1-1.094-1.448v-.007a5.46 5.46 0 0 1-.354-1.22 5.923 5.923 0 0 1-.1-1.558 26.469 26.469 0 0 1 .3-3.728 35.516 35.516 0 0 0 .424-5.3c-.011-.266-.035-.752-.057-1.181l-.012-.236a31.646 31.646 0 0 1-.051-1.444 13.874 13.874 0 0 1 .116-1.762 1.272 1.272 0 0 1 .253-.723 1.06 1.06 0 0 1 .861-.358zm1.637 17.829a1.447 1.447 0 0 0 1.21-.526 5.123 5.123 0 0 0 .757-2.3v-.005c.1-.586.26-1.827.359-2.709a19.014 19.014 0 0 0-.1-5.166 12.727 12.727 0 0 0-.627-2.269 9.938 9.938 0 0 0-.539-1.053 6.067 6.067 0 0 0-2.131-1.91 8.338 8.338 0 0 0-.049.943c0 .277.022.894.048 1.347l.012.245c.022.433.046.924.057 1.2a36.285 36.285 0 0 1-.437 5.589 24.735 24.735 0 0 0-.282 3.509 4.358 4.358 0 0 0 .067 1.2v.008a3.745 3.745 0 0 0 .249.884 1.964 1.964 0 0 0 .539.743 1.358 1.358 0 0 0 .866.27z"
  78.           transform="translate(-231.542 565.541)" style="fill:#172a3b"/>
  79. </svg>
  80. </icon>Gibiers<i class="fa fa-info-circle"
  81.                  style="margin-left: 5px;"
  82.                  data-bs-toggle="modal"
  83.                  data-bs-target="#modal-gibiers">&nbsp;</i></span>
  84.                 <span>{% for gibier in offer.gibiers %}{% if loop.index0 < 2 %}{{ gibier.title }}{% endif %}{% if loop.index0 == 0 %}, {% endif %}{% endfor %}{% if offer.gibiers|length > 2 %}...{% endif %}</span>
  85.             </p>
  86.         </li>
  87.         <li>
  88.             <p>
  89.                <span><icon><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
  90.     <title>empreinte-de-patte</title>
  91.     <defs>
  92.         <image  width="32" height="32" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAAAXNSR0IB2cksfwAAAAZQTFRFAAAAlZWV0uzaQAAAAAJ0Uk5TAP9bkSK1AAAAd0lEQVR4nGXNMQqEMBSE4QkpLD3B6lFyLRtJbrDXsZKAhWWOoOAFXFIqb/YFtbL5mhn4gdMFGPEBVnyETYfy/T2krFAHU9aPuAG+awUMhhfbNM3YUlaWY0YmEzj2hD+dXOdmrztgrzW0Vjc22vhirUqNWiMDQOIPVPhH/rwMseUAAAAASUVORK5CYII="/>
  93.     </defs>
  94.     <style>
  95.     </style>
  96.     <use id="Background" href="#img1" x="0" y="0"/>
  97. </svg></icon>Animal <i class="fa fa-info-circle"
  98.                        style="margin-left: 5px;"
  99.                        data-bs-toggle="modal"
  100.                        data-bs-target="#modal-animal">&nbsp;</i></span>
  101.                 <span>{% for animal in offer.animals %}{% if loop.index0 < 2 %}{{ animal.name }}{% endif %}{% if loop.index0 == 0 %}, {% endif %}{% endfor %}{% if offer.animals|length > 2 %}...{% endif %}</span>
  102.             </p>
  103.         </li>
  104.         <li>
  105.             <p>
  106.                 <span><icon><img src="{{ asset('assets/img/user.png') }}"></icon> Statut de l'hôte </span>
  107.                 <span>{{ territory.status }}</span>
  108.             </p>
  109.         </li>
  110.     </ul>
  111.     <ul class="tabs">
  112.         <li class="tab active" data-tab="about"><a href="#">A propos</a></li>
  113.         <li class="tab" data-tab="huntMap"><a href="#">Carte</a></li>
  114.         <li class="tab" data-tab="details"><a href="#">Informations détaillées</a></li>
  115.         {% if offer.getTerritory().getOffers()|length > 1  and territoryOffersCount > 0 %}
  116.             <li class="tab" data-tab="related-offers"><a href="#">Les offres du territoire</a></li>
  117.         {% endif %}
  118.     </ul>
  119.     <div class="tab-content" id="about">
  120.         <p id="valid-days" class="d-none">{% for day in offer.validDays %}{% if loop.index0 != 0 %}, {% endif %}{{ day }}{% endfor %}</p>
  121.         <h2>Description d'une journée type</h2>
  122.         <p class="description">{{ offer.unfoldsDay }}</p>
  124.         <h2>Description de l'équipe/de l'expérience de chasse</h2>
  125.         <p class="description">{{ offer.teamExperienceDescription }}</p>
  127.         <h2>Plan de chasse</h2>
  128.         <p class="description">{{ offer.huntingPlan }}</p>
  130.         {% if offer.planningText %}
  131.             <h2>Planning</h2>
  132.             <p class="description">{{ offer.planningText }}</p>
  133.         {% endif %}
  134.     </div>
  135.     <div class="tab-content" id="huntMap">
  136.         <div id="map_details" style="width: 100%; height: 500px;"></div>
  137.     </div>
  138.     <div class="tab-content" id="details">
  139.         <p class="information-title">Options</p>
  140.         <ul class="informations">
  141.             {% for service in offer.offerAdditionalServices %}
  142.                 {% if service.additionalService.name not in ["repas","hébergement"] %}
  143.                     <li>
  144.                         {% if service.isActive %}
  145.                             <span>{{ service.additionalService.name|capitalize }}</span>
  146.                             <span class="valide">Oui</span>
  147.                             <span style="margin-left: 100px;">{% if service.price is not null and service.price > 0 %}{{ service.price }} €{% else %}Gratuit{% endif %}</span>
  148.                         {% else %}
  149.                             <span>{{ service.additionalService.name|capitalize }}</span>
  150.                             <span class="non-valide">Non</span>
  151.                         {% endif %}
  152.                     </li>
  153.                 {% endif %}
  154.             {% endfor %}
  155.             {% if offer.hasShowServices() %}
  156.                     {% for service in offer.offerAdditionalServices %}
  157.                         {% if service.additionalService.name in ["repas","hébergement"] %}
  158.                             <li>
  159.                                 {% if service.isActive %}
  160.                                     <span>{{ service.additionalService.name|capitalize }}</span>
  161.                                     <span class="valide">Oui</span>
  162.                                     <span style="margin-left: 100px;">{% if service.price is not null and service.price > 0 %}{{ service.price }} €{% endif %}</span>
  163.                                 {% else %}
  164.                                     <span>{{ service.additionalService.name|capitalize }}</span>
  165.                                     <span class="non-valide">Non</span>
  166.                                 {% endif %}
  167.                             </li>
  168.                         {% endif %}
  169.                     {% endfor %}
  170.             {% endif %}
  171.         </ul>
  172.         {% if offer.furtherInformation or offer.getWeapons() or offer.equipement %}
  173.             <p class="information-title">A savoir</p>
  174.             <ul class="informations">
  175.                 <li>
  176.                     <span>Armes Autorisées</span>
  177.                     <span>
  178.                         {% if  offer.getWeapons()|length > 0 %}
  179.                             {{ offer.getWeapons()|join(', ') }}
  180.                         {% endif %}
  181.                     </span>
  182.                 </li>
  183.                 {% if offer.equipement %}
  184.                     <li>
  185.                         <span>Equipement : {{ offer.equipement }}</span>
  186.                     </li>
  187.                 {% endif %}
  188.                 <li>
  189.                     <span>Informations complémentaires : {{ offer.furtherInformation }}</span>
  190.                 </li>
  191.             </ul>
  192.         {% endif %}
  193.     </div>
  194.     {% if offer.getTerritory().getOffers()|length > 1  and territoryOffersCount > 0 %}
  195.         <div class="tab-content" id="related-offers">
  196.             <ul class="carousel_slides_related_offers">
  197.                 {% set currentOffer = offer %}
  198.                 {% for offer in offer.getTerritory().getOffers() %}
  199.                     {% if offer.getId() != currentOffer.getId() %}
  200.                         <li>
  201.                             {% include 'front/hunt/offer_bloc.html.twig' with {'class': 'other-territory-offers'}  %}
  202.                         </li>
  203.                     {% endif %}
  204.                 {% endfor %}
  205.             </ul>
  206.         </div>
  207.     {% endif %}
  208. </div>
  209. <div class="order bracelet journer {% if offer.status == 3 %} offer-ep {% endif %}">
  210.     <div class="or">
  211. <span class="close">
  212. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  213.                     <path data-name=""
  214.                           d="M233.218 162.145h-11.907l4.936 4.936a1.014 1.014 0 1 1-1.434 1.434l-6.671-6.671a1.007 1.007 0 0 1 0-1.434l6.671-6.671a1.014 1.014 0 1 1 1.434 1.434l-4.936 4.97h11.907a1 1 0 0 1 0 2z"
  215.                           transform="translate(-213.866 -149.485)" style="fill:#172a3b;fill-rule:evenodd"></path>
  216.                 </svg>
  217. </span>
  218.         <form method="post" action="{{ path('booking_create') }}">
  219.             {% if app.request.get('error') is defined and app.request.get('error') != '' %}
  220.                 <div class="alert alert-danger">{{ app.request.get('error') }}</div>
  221.             {% endif %}
  222.             <input type="hidden" name="offerType" id="offerType" value="jr">
  223.             <input type="hidden" name="offerId" value="{{ offer.getId() }}" id="offerId">
  224.             <input type="hidden" name="quantity" value="1" id="quantity">
  225.             <input type="hidden" name="startDate" value="" id="startDate">
  226.             <input type="hidden" name="endDate" value="" id="endDate">
  227.             <input type="hidden" name="nbDayBooks" value="" id="nbDayBooks">
  228.             <input type="hidden" name="initial_formated_price"
  229.                    value="{{ offer.getBasePrice()|number_format(2, '.', '') }}" id="initial_formated_price">
  230.             <input type="hidden" id="nbmax" value="{{ offer.nbPlacesDay }}"/>
  231.             <input type="hidden" id="validdays" value="{{ offer.getValidDays()|json_encode }}"/>
  232.             <input type="hidden" id="bookingdays" value="{{ offer.getBookingDays()|json_encode }}"/>
  233.             <input type="hidden" id="selectedDates" value="oui" name="selectedDates">
  234.             <!--<div class="alert alert-danger" style="display: none;" id="errorNbMax">Le nombre maximale de places disponibles par jour est {# offer.nbPlacesDay #}.</div>-->
  235.             <div class="alert alert-danger" style="display: none;" id="errorNbMaxDates"></div>
  236.             <div class="form">
  237.                 <div id="sidebar">
  238.                     <div class="headline">
  239.                         <a href="#" class="back">
  240.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  241.                                 <path data-name=""
  242.                                       d="M233.218 162.145h-11.907l4.936 4.936a1.014 1.014 0 1 1-1.434 1.434l-6.671-6.671a1.007 1.007 0 0 1 0-1.434l6.671-6.671a1.014 1.014 0 1 1 1.434 1.434l-4.936 4.97h11.907a1 1 0 0 1 0 2z"
  243.                                       transform="translate(-213.866 -149.485)"
  244.                                       style="fill:#172a3b;fill-rule:evenodd"></path>
  245.                             </svg>
  246.                             Sélectionner une date
  247.                         </a>
  248.                     </div>
  249.                 </div>
  250.                 <div class="modifable">
  251.                     <div id="dates">
  252.                         <div class="headline">
  253.                             <a href="#" class="back">
  254.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  255.                                     <path data-name=""
  256.                                           d="M233.218 162.145h-11.907l4.936 4.936a1.014 1.014 0 1 1-1.434 1.434l-6.671-6.671a1.007 1.007 0 0 1 0-1.434l6.671-6.671a1.014 1.014 0 1 1 1.434 1.434l-4.936 4.97h11.907a1 1 0 0 1 0 2z"
  257.                                           transform="translate(-213.866 -149.485)"
  258.                                           style="fill:#172a3b;fill-rule:evenodd"></path>
  259.                                 </svg>
  260.                                 Sélectionner une date
  261.                             </a>
  262.                         </div>
  263.                         <input type="text" class="startDate d-none" onkeydown="return false">
  264.                     </div>
  265.                 </div>
  266.                 <div class="mob-variant select-date">
  267.                     <p class="price"><span
  268.                                 id="initial_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} €</span> /
  269.                         Journée </p>
  270.                     <a class=" d btn btn-default">Sélectionner une date</a>
  271.                 </div>
  272.                 <div class="mob-variant reservation-mob" style="display:none;">
  273.                     <div class="left-c">
  274.                         <p class="details"><span class="final_price"></span> €
  275.                             <span> Voir le détail</span></p>
  276.                         <p class="total">Total<span>Tva et services inclus</span></p>
  277.                     </div>
  278.                     <button id="reservation" class="submit">Réserver</button>
  279.                 </div>
  280.                 <p class="price"><span id="initial_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} €</span>
  281.                     / Journée
  282.                 </p>
  283.                 {% if userIsOwner %}
  284.                     <div class="booking-not-allowed">
  285.                         Vous ne pouvez pas réserver votre propre annonce.
  286.                     </div>
  287.                 {% else %}
  288.                     <ul class="variants">
  289.                         <li>
  290.                             <div>
  291.                                 <p>Quantité</p>
  292.                                 <span id="qty">1</span> Journée<span class="plusriels" style="display: none">s</span>
  293.                             </div>
  294.                             <div>
  295.                                 <button data-action="minis">-</button>
  296.                                 <button data-action="add">+</button>
  297.                             </div>
  298.                         </li>
  299.                         <li class="position-relative calendar-li">
  300.                             <div class="d-flex justify-content-between align-items-center" style="width: 100%">
  301.                                 <p class="showSelectedDate">Sélectionner une date</p>
  302.                                 <div id="open-calendar" class="border rounded-circle" style="width: 45px; height: 44px; cursor:pointer;">
  303.                                     <svg style="padding: 11px;width: 43px; height: 42px;fill:#26251d" xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g data-name='invisible box'><path data-name='Rectangle 584' style='fill:none' d='M0 0h24v24H0z'/></g><g data-name='icons Q2'><path data-name='Tracé 12158' d='M22.1 4.865h-4.3V3a1.007 1.007 0 0 0-.814-1.007.958.958 0 0 0-1.1.959v1.913H9.18V3a1.007 1.007 0 0 0-.814-1.007.958.958 0 0 0-1.1.959v1.913H2.957A.958.958 0 0 0 2 5.824v15.344a.958.958 0 0 0 .957.959H22.1a.958.958 0 0 0 .957-.959V5.824a.958.958 0 0 0-.957-.959zm-.957 15.344H3.915v-9.59h17.232zm0-11.508H3.915V6.783h17.232z' transform='translate(-.708 -.357)' style='fill:%23172a3b'/></g></svg>
  304.                                 </div>
  305.                                 <p style="display: none">
  306.                                     <input type="text" class=" d-none" onkeydown="return false">
  307.                                 </p>
  308.                             </div>
  309.                             <div class="position-absolute d-none offer-calendar">
  310.                                 <div id="myCalendar" class="rolyart-calendar"></div>
  311.                                 <div class="buttons">
  312.                                     <a id="update-calendar" href="javascript:void(0)">Valider</a>
  313.                                     <a id="cancel-calendar" href="javascript:void(0)" class="d-none">Annuler</a>
  314.                                 </div>
  315.                                 <button class="cancelBtn cancelBtnMobile btn btn-sm btn-default" type="button">Annuler</button>
  316.                             </div>
  317.                         </li>
  318.                     </ul>
  319.                     <div style="margin-bottom: 10px;">
  320.                         <small class="text-sm" style="font-style: italic; font-size: 0.70rem;" id="selectedDatesShow">
  321.                             Sélectionnez une date.
  322.                         </small>
  323.                     </div>
  324.                 {% endif %}
  325.                 <div class="alert alert-info infosStockDay" style="display: none;"></div>
  326.                 <div class="order-totals">
  327.                     <p class="total">Total<span>Tva et services inclus</span></p>
  328.                     <p class="details"><span
  329.                                 class="final_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }}</span> €
  330.                         <span type="button" data-bs-toggle="collapse" data-bs-target="#coll" aria-expanded="false">Voir le détail</span>
  331.                     </p>
  332.                 </div>
  333.                 <div class="coll collapse" id="coll">
  334.                     <ul>
  335.                         <li class="homey_price_first">
  336.                             Prix du place <span>{{ offer.getBasePrice() }} €</span>
  337.                         </li>
  338.                         <li>
  339.                             Frais de service <span>{{ offer.getFraisService() }} €</span>
  340.                         </li>
  341.                         <li class="payment-due">Paiement dû <span
  342.                                     class="final_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }}  €</span>
  343.                         </li>
  344.                     </ul>
  345.                 </div>
  346.                 <p class="confirm">Je confirme</p>
  347.                 <ul class="checkboxes">
  348.                     <li>
  349.                         <input id="isAcceptPermis" type="checkbox" required>
  350.                         <span>Que mon permis de chasse est valide pour le lieu et les dates auxquelles je compte chasser</span>
  351.                     </li>
  352.                     <li>
  353.                         <input id="isAcceptCivilite" type="checkbox" required>
  354.                         <span>Que je suis détenteur d'une responsabilité civile chasse</span>
  355.                     </li>
  356.                     <li>
  357.                         <input id="isAcceptCgu" type="checkbox" required>
  358.                         <span>Que j'ai lu et j'accepte les <a href="#" target="_blank" style="color: #1db3a3 !important">CGU.</a></span>
  359.                     </li>
  360.                 </ul>
  361.                 <p class="order-notification">
  362.                     La réservation est à titre personnel.<br>
  363.                     Pour une réservation à plusieurs,<br>
  364.                     veuillez <span>contacter TUCHASSOU.</span>
  365.                 </p>
  366.                 {% if app.user and not app.user.isAdminValidated %}
  367.                     <span class="btn-modal-not-allowed" href="#" data-bs-toggle="modal"
  368.                           data-bs-target="#modal-not-allowed">Réserver</span>
  370.                     <div class="modal fade" id="modal-not-allowed" tabindex="-1" aria-labelledby="modal-not-allowed"
  371.                          aria-hidden="true">
  372.                         <div class="modal-dialog">
  373.                             <div class="modal-content">
  375.                                 <div class="modal-body-right">
  376.                                     <div class="modal-content" style="display: flex; flex-direction: column">
  377.                                         <div class="modal-header">
  378.                                             <button type="button" class="close" data-bs-dismiss="modal"
  379.                                                     aria-label="Close"><span
  380.                                                         aria-hidden="true">×</span></button>
  381.                                             <span class="modal-title">Compte non validé</span>
  382.                                         </div>
  383.                                         <div class="modal-body">
  384.                                             <div>
  385.                                                 <div>
  386.                                                     <div class="body offre su d-flex mt-0">
  387.                                                         <p style="text-align: center; color: #1db3a3; font-size: 50px; margin-right: 20px;">
  388.                                                             <i class="fa fa-calendar-check">&nbsp</i></p>
  389.                                                         <p>
  390.                                                             La réservation vous sera accessible dès qu'un membre
  391.                                                             Tuchassou aura validé votre compte. N'hésitez pas à nous
  392.                                                             écrire pour toute question : <a
  393.                                                                     href="mailto:support@tuchassou.fr">support@tuchassou.fr</a>
  394.                                                         </p>
  395.                                                     </div>
  396.                                                 </div>
  397.                                             </div>
  398.                                         </div>
  399.                                     </div>
  400.                                 </div>
  402.                             </div>
  403.                         </div>
  404.                     </div>
  406.                 {% else %}
  407.                     <button id="reservation" class="submit" {% if userIsOwner %}disabled{% endif %}>Réserver</button>
  408.                 {% endif %}
  409.             </div>
  410.         </form>
  411.         {% if offer.status == 3 %}
  412.             <p class="center">Offre épuisée, contactez-nous si vous souhaitez être averti lors de sa disponibilité</p>
  413.             <a href="https://www.tuchassou.fr/contactez-nous/" class="btn btn-default">Contactez-nous</a>
  414.         {% endif %}
  416.         <div class="bes">
  417.             <p>
  418.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  419.                     <path data-name="Tracé 78"
  420.                           d="M179.522 109.063a10.574 10.574 0 1 0 4.768-2.782 10.648 10.648 0 0 0-4.768 2.782zM187.05 108a8.566 8.566 0 0 1 5.3 1.827l-2.706 2.706a4.807 4.807 0 0 0-5.182 0l-2.706-2.706A8.563 8.563 0 0 1 187.05 108zm1.944 10.526a2.726 2.726 0 1 1 .813-1.94 2.747 2.747 0 0 1-.813 1.94zm-10.529-1.94a8.52 8.52 0 0 1 1.83-5.3L183 114a4.808 4.808 0 0 0 0 5.182l-2.706 2.706a8.521 8.521 0 0 1-1.83-5.298zm3.29 6.755 2.706-2.706a4.808 4.808 0 0 0 5.182 0l2.706 2.706a8.586 8.586 0 0 1-10.594 0zm12.05-1.456-2.706-2.706a4.808 4.808 0 0 0 0-5.182l2.706-2.706a8.586 8.586 0 0 1 0 10.594z"
  421.                           transform="translate(-175.182 -104.708)" style="fill:#172a3b"/>
  422.                 </svg>
  423.                 <span> Besoin d'aide ? </span> <a href="https://www.tuchassou.fr/contactez-nous/"> Contactez-nous </a>
  424.             </p>
  425.         </div>
  426.     </div>
  428.     <div class="fix_vas_mobile" style="display:none;">
  429.         <div class="mob-variant select-date">
  431.             <p class="price"><span id="initial_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} €</span> /
  432.                 Journée</p>
  433.             <a class=" new_d btn btn-default">Sélectionner une date</a>
  435.         </div>
  436.     </div>
  438. </div>
  441. <div class="modal fade custom-modal-login in modal-more-info" id="modal-gibiers" tabindex="-1" role="dialog">
  442.     <div class="modal-dialog clearfix" role="document">
  443.         <div class="modal-content">
  444.             <div class="modal-header">
  445.                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
  446.                             aria-hidden="true">×</span>
  447.                 </button>
  448.                 <span class="modal-title d-flex align-items-center"><icon>
  449.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.04" viewBox="0 0 20 20.04">
  450.     <path data-name="Tracé 12813"
  451.           d="M38.5-571.625a1.285 1.285 0 0 1 1.168.854 2.616 2.616 0 0 1 .052 1.738v.01a5.2 5.2 0 0 0-.1.6c-.045.639-.1 7.652-.064 8.563.121 3.233.068 4.356-.246 5.221a3.835 3.835 0 0 1-2.237 2.353 2.712 2.712 0 0 1-.813.125 3.208 3.208 0 0 1-2.341-1.1 10.507 10.507 0 0 1-2.224-5.675 14.527 14.527 0 0 1 0-3.141 15.731 15.731 0 0 1 1.4-4.81 10.911 10.911 0 0 1 2.314-3.24 6.035 6.035 0 0 1 2.308-1.333 2.478 2.478 0 0 1 .783-.165zm-.484 2.194a3.54 3.54 0 0 0 .057-.3 4.236 4.236 0 0 0-1.507.919 9.193 9.193 0 0 0-1.891 2.681 14.012 14.012 0 0 0-1.244 4.284 12.854 12.854 0 0 0 0 2.684 8.957 8.957 0 0 0 1.774 4.713 1.492 1.492 0 0 0 1.057.543.956.956 0 0 0 .286-.044 2.13 2.13 0 0 0 1.119-1.282c.215-.591.249-1.7.142-4.558-.036-.98.019-8.1.068-8.762v-.01a6.806 6.806 0 0 1 .142-.868z"
  452.           transform="translate(-29.496 571.87)" style="fill:#172a3b"/>
  453.     <path data-name="Tracé 12814"
  454.           d="M243.664-565.081a3.387 3.387 0 0 1 1.137.24 7.624 7.624 0 0 1 3 2.581 10.9 10.9 0 0 1 .717 1.388 14.489 14.489 0 0 1 .727 2.622 20.83 20.83 0 0 1 .119 5.66c-.1.9-.271 2.18-.37 2.791a6.551 6.551 0 0 1-1.08 3.065 3.188 3.188 0 0 1-2.614 1.234 3.1 3.1 0 0 1-1.916-.616h-.006a3.69 3.69 0 0 1-1.094-1.448v-.007a5.46 5.46 0 0 1-.354-1.22 5.923 5.923 0 0 1-.1-1.558 26.469 26.469 0 0 1 .3-3.728 35.516 35.516 0 0 0 .424-5.3c-.011-.266-.035-.752-.057-1.181l-.012-.236a31.646 31.646 0 0 1-.051-1.444 13.874 13.874 0 0 1 .116-1.762 1.272 1.272 0 0 1 .253-.723 1.06 1.06 0 0 1 .861-.358zm1.637 17.829a1.447 1.447 0 0 0 1.21-.526 5.123 5.123 0 0 0 .757-2.3v-.005c.1-.586.26-1.827.359-2.709a19.014 19.014 0 0 0-.1-5.166 12.727 12.727 0 0 0-.627-2.269 9.938 9.938 0 0 0-.539-1.053 6.067 6.067 0 0 0-2.131-1.91 8.338 8.338 0 0 0-.049.943c0 .277.022.894.048 1.347l.012.245c.022.433.046.924.057 1.2a36.285 36.285 0 0 1-.437 5.589 24.735 24.735 0 0 0-.282 3.509 4.358 4.358 0 0 0 .067 1.2v.008a3.745 3.745 0 0 0 .249.884 1.964 1.964 0 0 0 .539.743 1.358 1.358 0 0 0 .866.27z"
  455.           transform="translate(-231.542 565.541)" style="fill:#172a3b"/>
  456. </svg>
  457. </icon> <span style="margin-left: 10px;">Gibiers</span> <br></span>
  458.             </div>
  459.             <div class="modal-body">
  460.                 <span> <b> Gibiers </b> </span><br>
  461.                 <span>{% for gibier in offer.gibiers %}{{ gibier.title }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  462.             </div>
  463.         </div>
  464.     </div>
  465. </div>
  467. <div class="modal fade custom-modal-login in modal-more-info" id="modal-animal" tabindex="-1" role="dialog">
  468.     <div class="modal-dialog clearfix" role="document">
  469.         <div class="modal-content">
  470.             <div class="modal-header">
  471.                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
  472.                             aria-hidden="true">×</span>
  473.                 </button>
  474.                 <span class="modal-title d-flex align-items-center"><icon>
  475.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.04" viewBox="0 0 20 20.04">
  476.     <path data-name="Tracé 12813"
  477.           d="M38.5-571.625a1.285 1.285 0 0 1 1.168.854 2.616 2.616 0 0 1 .052 1.738v.01a5.2 5.2 0 0 0-.1.6c-.045.639-.1 7.652-.064 8.563.121 3.233.068 4.356-.246 5.221a3.835 3.835 0 0 1-2.237 2.353 2.712 2.712 0 0 1-.813.125 3.208 3.208 0 0 1-2.341-1.1 10.507 10.507 0 0 1-2.224-5.675 14.527 14.527 0 0 1 0-3.141 15.731 15.731 0 0 1 1.4-4.81 10.911 10.911 0 0 1 2.314-3.24 6.035 6.035 0 0 1 2.308-1.333 2.478 2.478 0 0 1 .783-.165zm-.484 2.194a3.54 3.54 0 0 0 .057-.3 4.236 4.236 0 0 0-1.507.919 9.193 9.193 0 0 0-1.891 2.681 14.012 14.012 0 0 0-1.244 4.284 12.854 12.854 0 0 0 0 2.684 8.957 8.957 0 0 0 1.774 4.713 1.492 1.492 0 0 0 1.057.543.956.956 0 0 0 .286-.044 2.13 2.13 0 0 0 1.119-1.282c.215-.591.249-1.7.142-4.558-.036-.98.019-8.1.068-8.762v-.01a6.806 6.806 0 0 1 .142-.868z"
  478.           transform="translate(-29.496 571.87)" style="fill:#172a3b"/>
  479.     <path data-name="Tracé 12814"
  480.           d="M243.664-565.081a3.387 3.387 0 0 1 1.137.24 7.624 7.624 0 0 1 3 2.581 10.9 10.9 0 0 1 .717 1.388 14.489 14.489 0 0 1 .727 2.622 20.83 20.83 0 0 1 .119 5.66c-.1.9-.271 2.18-.37 2.791a6.551 6.551 0 0 1-1.08 3.065 3.188 3.188 0 0 1-2.614 1.234 3.1 3.1 0 0 1-1.916-.616h-.006a3.69 3.69 0 0 1-1.094-1.448v-.007a5.46 5.46 0 0 1-.354-1.22 5.923 5.923 0 0 1-.1-1.558 26.469 26.469 0 0 1 .3-3.728 35.516 35.516 0 0 0 .424-5.3c-.011-.266-.035-.752-.057-1.181l-.012-.236a31.646 31.646 0 0 1-.051-1.444 13.874 13.874 0 0 1 .116-1.762 1.272 1.272 0 0 1 .253-.723 1.06 1.06 0 0 1 .861-.358zm1.637 17.829a1.447 1.447 0 0 0 1.21-.526 5.123 5.123 0 0 0 .757-2.3v-.005c.1-.586.26-1.827.359-2.709a19.014 19.014 0 0 0-.1-5.166 12.727 12.727 0 0 0-.627-2.269 9.938 9.938 0 0 0-.539-1.053 6.067 6.067 0 0 0-2.131-1.91 8.338 8.338 0 0 0-.049.943c0 .277.022.894.048 1.347l.012.245c.022.433.046.924.057 1.2a36.285 36.285 0 0 1-.437 5.589 24.735 24.735 0 0 0-.282 3.509 4.358 4.358 0 0 0 .067 1.2v.008a3.745 3.745 0 0 0 .249.884 1.964 1.964 0 0 0 .539.743 1.358 1.358 0 0 0 .866.27z"
  481.           transform="translate(-231.542 565.541)" style="fill:#172a3b"/>
  482. </svg>
  483. </icon> <span style="margin-left: 10px;">Animal</span> <br></span>
  484.             </div>
  485.             <div class="modal-body">
  486.                 <span> <b> Animal </b> </span><br>
  487.                 <span>{% for animal in offer.animals %}{{ animal.name }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  488.             </div>
  489.         </div>
  490.     </div>
  491. </div>