templates/front/hunt/action.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 %}
  8. {% if app.user %}
  9.     {% set userIsOwner = offer.createdBy.id == app.user.id %}
  10. {% else %}
  11.     {% set userIsOwner = false %}
  12. {% endif %}
  14. <div class="details">
  15.     <div class="detail-tac">
  16.         <p class="type {{ offer.type }}">Action</p>
  17.         {% if offer.isTuchassouSelected %}
  18.             <p class="type br"> Sélection Tuchassou</p>
  19.         {% endif %} </div>
  20.     {% set territory = offer.territory %}
  21.     <h1>{{ offer.title }}</h1>
  22.     <p class="city">
  23.         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  24.             <defs>
  25.                 <style>.cls-1 {
  26.                         fill: none;
  27.                     }
  29.                     .cls-2 {
  30.                         fill: #ff5203;
  31.                     } </style>
  32.             </defs>
  33.             <g id="pin-solid" transform="translate(-0.5)">
  35.                 <g id="icons_Q2" data-name="icons Q2" transform="translate(3.423 1.14)">
  36.                     <path id="Tracé_12723" data-name="Tracé 12723" class="cls-2"
  37.                           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"
  38.                           transform="translate(-7 -2)"></path>
  39.                 </g>
  40.             </g>
  41.         </svg>
  42.         {{ territory.city }}
  43.     </p>
  44.     <ul class="libs">
  45.         <li>
  46.             <p>
  47.                 <span><icon><img src="{{ asset('assets/img/forest.png') }}"></icon>Biotope <i class="fa fa-info-circle"
  48.                                                                                               data-bs-toggle="modal"
  49.                                                                                               data-bs-target="#modal-biotope">&nbsp;</i></span>
  50.                 <span>{% for biotope in territory.biotope %}{{ biotope }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  51.             </p>
  52.         </li>
  53.         <li>
  54.             <p>
  55.                 <span><icon><img src="{{ asset('assets/img/space.png') }}"></icon>Superficie</span>
  56.                 <span>{{ territory.nbHectares }} hectares</span>
  57.             </p>
  58.         </li>
  59.         <li>
  60.             <p>
  61.                 <span><icon><img src="{{ asset('assets/img/hunt.png') }}"></icon>Mode de chasse</span>
  62.                 <span>{% for huntingMode in offer.huntingMode %}{{ huntingMode.title }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  63.             </p>
  64.         </li>
  65.         <li>
  68.             <p>
  69.                 <span><icon>
  70.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.04" viewBox="0 0 20 20.04">
  71.     <path data-name="Tracé 12813"
  72.           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"
  73.           transform="translate(-29.496 571.87)" style="fill:#172a3b"/>
  74.     <path data-name="Tracé 12814"
  75.           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"
  76.           transform="translate(-231.542 565.541)" style="fill:#172a3b"/>
  77. </svg>
  78. </icon>Gibiers<i class="fa fa-info-circle"
  79.                  style="margin-left: 5px;"
  80.                  data-bs-toggle="modal"
  81.                  data-bs-target="#modal-gibiers">&nbsp;</i></span>
  82.                 <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>
  83.             </p>
  84.         </li>
  85.         <li>
  86.             <p>
  87.                <span><icon><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32"
  88.                                 height="32">
  89.     <title>empreinte-de-patte</title>
  90.     <defs>
  91.         <image width="32" height="32" id="img1"
  92.                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>
  116.         {% if offer.getTerritory().getOffers()|length > 1  and territoryOffersCount > 0 %}
  117.             <li class="tab" data-tab="related-offers"><a href="#">Les offres du territoire</a></li>
  118.         {% endif %}
  119.     </ul>
  120.     <div class="tab-content" id="about">
  121.         <p id="recurrence-exceptions-days" class="d-none">{{ offer.recurrenceException }}</p>
  122.         <h2>Description d'une journée type</h2>
  123.         <p class="description">{{ offer.unfoldsDay }}</p>
  125.         <h2>Description de l'équipe/de l'expérience de chasse</h2>
  126.         <p class="description">{{ offer.teamExperienceDescription }}</p>
  128.         <h2>Plan de chasse</h2>
  129.         <p class="description">{{ offer.huntingPlan }}</p>
  131.         {% if offer.planningText %}
  132.             <h2>Planning</h2>
  133.             <p class="description">{{ offer.planningText }}</p>
  134.         {% endif %}
  136.         {% if offer.getTerritory().getTuchassouRecommendations() %}
  137.             <h2>Recommandations tuchassou</h2>
  138.             <p>{{ offer.getTerritory().getTuchassouRecommendations() }}</p>
  139.         {% endif %}
  140.     </div>
  141.     <div class="tab-content" id="huntMap">
  142.         <div id="map_details" style="width: 100%; height: 500px;"></div>
  143.     </div>
  144.     <div class="tab-content" id="details">
  145.         <p class="information-title">Action</p>
  146.         <ul class="informations">
  147.             <li>
  148.                 <span>Nombre d'actions disponibles</span>
  149.                 <span>{{ offer.nbActionsAvailable }}</span>
  150.             </li>
  151.             <li>
  152.                 <span>Date des journées</span>
  153.                 <span>
  154.                     {% include('front/hunt/_offer-dates.html.twig') %}
  155.                 </span>
  156.                 {# <span>{{ offer.planningText }}</span>  #}
  157.             </li>
  158.             <li>
  159.                 <span>Demi-action possible</span>
  160.                 {% if offer.halfAction %}<span class="valide">Oui</span>{% else %}<span
  161.                         class="non-valide"> Non </span>{% endif %}
  162.             </li>
  163.             <li>
  164.                 <span> Nombre de journées de chasse dans la demi-action</span>
  165.                 <span>{% if offer.halfActionNbDays > 0 %} {{ offer.halfActionNbDays }} {% else %} 0 {% endif %}jours</span>
  166.             </li>
  167.         </ul>
  168.         <p class="informations-title">Options</p>
  169.         <ul class="informations">
  170.             {% for service in offer.offerAdditionalServices %}
  171.                 {% if service.additionalService.name not in ["repas","hébergement","equipement"] %}
  172.                     <li>
  173.                         {% if service.isActive %}
  174.                             <span>{{ service.additionalService.name|capitalize }}</span>
  175.                             <span class="valide">Oui</span>
  176.                             <span style="margin-left: 100px;">{% if service.price is not null and service.price > 0 %}{{ service.price }} €{% else %}Gratuit{% endif %}</span>
  177.                         {% else %}
  178.                             <span>{{ service.additionalService.name|capitalize }}</span>
  179.                             <span class="non-valide">Non</span>
  180.                         {% endif %}
  181.                     </li>
  182.                 {% endif %}
  183.             {% endfor %}
  184.             {% if offer.hasShowServices() %}
  185.                     {% for service in offer.offerAdditionalServices %}
  186.                         {% if service.additionalService.name in ["repas","hébergement"] %}
  187.                             <li>
  188.                                 {% if service.isActive %}
  189.                                     <span>{{ service.additionalService.name|capitalize }}</span>
  190.                                     <span class="valide">Oui</span>
  191.                                     <span style="margin-left: 100px;">{% if service.price is not null and service.price > 0 %}{{ service.price }} €{% else %}Gratuit{% endif %}</span>
  192.                                 {% else %}
  193.                                     <span>{{ service.additionalService.name|capitalize }}</span>
  194.                                     <span class="non-valide">Non</span>
  195.                                 {% endif %}
  196.                             </li>
  197.                         {% endif %}
  198.                     {% endfor %}
  199.             {% endif %}
  200.         </ul>
  201.         {% if offer.furtherInformation or offer.getWeapons() or offer.equipement %}
  202.             <p class="information-title">A savoir</p>
  203.             <ul class="informations">
  204.                 <li>
  205.                     <span>Armes Autorisées</span>
  206.                     <span>
  207.                     {% if offer.getWeapons()|length > 0 %}
  208.                         {{ offer.getWeapons()|join(', ') }}
  209.                     {% endif %}
  210.                 </span>
  211.                 </li>
  212.                 {% if offer.equipement %}
  213.                     <li>
  214.                         <span>Equipement : {{ offer.equipement }}</span>
  215.                     </li>
  216.                 {% endif %}
  217.                 <li>
  218.                     <span>Informations complémentaires : {{ offer.furtherInformation }}</span>
  219.                 </li>
  220.             </ul>
  221.         {% endif %}
  222.     </div>
  223.     {% if offer.getTerritory().getOffers()|length > 1 and territoryOffersCount > 0 %}
  224.         <div class="tab-content" id="related-offers">
  225.             <ul class="carousel_slides_related_offers">
  226.                 {% set currentOffer = offer %}
  227.                 {% for offer in offer.getTerritory().getOffers() %}
  228.                     {% if offer.getId() != currentOffer.getId() and offer.getStatus() == 1 %}
  229.                         <li>
  230.                             {% include 'front/hunt/offer_bloc.html.twig' with {'class': 'other-territory-offers'}  %}
  231.                         </li>
  232.                     {% endif %}
  233.                 {% endfor %}
  234.             </ul>
  235.         </div>
  236.     {% endif %}
  237. </div>
  238. <div class="order bracelet action {% if offer.status == 3 %} offer-ep {% endif %}">
  239.     <div class="or  ">
  240. <span class="close">
  241. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  242.                     <path data-name=""
  243.                           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"
  244.                           transform="translate(-213.866 -149.485)" style="fill:#172a3b;fill-rule:evenodd"></path>
  245.                 </svg>
  246. </span>
  247.         <form method="post" action="{{ path('booking_create') }}">
  249.                 <input type="hidden" name="offerType" id="offerType" value="ac">
  250.                 <input type="hidden" name="offerId" value="{{ offer.getId() }}" id="offerId">
  251.                 <input type="hidden" name="quantity" value="1" id="quantity">
  252.                 <input type="hidden" name="initial_formated_price"
  253.                        value="{{ offer.getBasePrice()|number_format(2, '.', '') }}" id="initial_formated_price">
  254.                 <input type="hidden" id="nbmax" value="{{ offer.nbActionsAvailable }}"/>
  255.                 <div class="alert alert-danger" style="display: none;" id="errorNbMax">Le nombre <span
  256.                             class="option_type_value_ap">l'action</span>s disponibles est : {{ offer.nbActionsAvailable }}.
  257.                 </div>
  258.                 <div class="form">
  259.                     <p class="price"><span
  260.                                 class="initial_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} €</span> / <span
  261.                                 class="option_type_value">Action</span></p>
  263.                     {% if userIsOwner %}
  264.                         <div class="booking-not-allowed">
  265.                             Vous ne pouvez pas réserver votre propre annonce.
  266.                         </div>
  267.                     {% else %}
  268.                         <ul class="variants">
  269.                             <li>
  270.                                 <label for="type_action" class="for-select">Type d'action</label>
  271.                                 <select name="type_action" id="type_action"
  272.                                         class="{% if offer.halfAction %}  {% else %} one_ {% endif %}">
  273.                                     <option value="Action" selected data-price="{{ offer.getBasePrice() }}">
  274.                                         Action
  275.                                     </option>
  276.                                     {% if offer.halfAction %}
  277.                                         <option value="Demi-Action" data-price="{{ offer.getBaseHalfActionPrice() }}">
  278.                                             Demi-Action
  279.                                         </option>
  280.                                     {% endif %}
  281.                                 </select>
  282.                             </li>
  283.                             <li>
  284.                                 <div>
  285.                                     <p>Quantité</p>
  286.                                     <span id="qty">1</span> <span class="option_type_value">Action</span><span class="plusriels"
  287.                                                                                                                style="display: none">s</span>
  288.                                 </div>
  289.                                 <div style="display: none;">
  290.                                     <button data-action="minis">-</button>
  291.                                     <button data-action="add">+</button>
  292.                                 </div>
  293.                             </li>
  294.                         </ul>
  296.                         <label class="for-select" style="display:none;"> Type de réservation </label>
  297.                         <select name="type" id="type_action" style="display:none;">
  298.                             <option value="Action" selected>Hote
  299.                             </option>
  300.                             <option value="Demi-Action">
  301.                                 Chasseur
  302.                             </option>
  303.                         </select>
  304.                         <div class="alert alert-info">Nombre d'action disponible : {{ offer.nbActionsAvailable }}
  305.                         </div>
  306.                         {#
  307.                         <div style="margin-bottom: 10px;">
  308.                             <small class="text-sm" style="font-style: italic; font-size: 0.70rem;">
  309.                                 Pour sélectionner une date unique cliquez 2 fois dessus
  310.                             </small>
  311.                         </div>#}
  313.                         <div class="show-dates" style="padding-bottom: 10px;">
  314.                             {% include('front/hunt/_offer-dates.html.twig') %}
  315.                         </div>
  316.                     {% endif %}
  318.                     <div class="order-totals">
  319.                         <p class="total">Total<span>Tva et services inclus</span></p>
  320.                         <p class="details"><span
  321.                                     class="final_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }}</span> €
  322.                             <span type="button" data-bs-toggle="collapse" data-bs-target="#coll" aria-expanded="false">Voir le détail</span>
  323.                         </p>
  324.                     </div>
  325.                     <div class="coll collapse" id="coll">
  326.                         <ul>
  327.                             <li class="homey_price_first">
  328.                                 <div>Prix de <span class="option_type_value_ap">l'action</span></div>
  329.                                 <span class="initial_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} €</span>
  330.                             </li>
  331.                             <li>
  332.                                 Frais de service <span>{{ offer.getFraisService() }} €</span>
  333.                             </li>
  334.                             <li class="payment-due">Paiement dû <span
  335.                                         class="final_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} € </span>
  336.                             </li>
  337.                         </ul>
  338.                     </div>
  339.                 </div>
  341.             <p class="confirm">Je confirme</p>
  342.             <ul class="checkboxes">
  343.                 <li>
  344.                     <input id="isAcceptPermis" type="checkbox" required>
  345.                     <span>Que mon permis de chasse est valide pour le lieu et les dates auxquelles je compte chasser</span>
  346.                 </li>
  347.                 <li>
  348.                     <input id="isAcceptCivilite" type="checkbox" required>
  349.                     <span>Que je suis détenteur d'une responsabilité civile chasse</span>
  350.                 </li>
  351.                 <li>
  352.                     <input id="isAcceptCgu" type="checkbox" required>
  353.                     <span>Que j'ai lu et j'accepte les <a href="#" target="_blank" style="color: #1db3a3 !important">CGU.</a></span>
  354.                 </li>
  355.             </ul>
  356.             <p class="order-notification">
  357.                 La réservation est à titre personnel.<br>
  358.                 Pour une réservation à plusieurs,<br>
  359.                 veuillez <span>contacter TUCHASSOU.</span>
  360.             </p>
  361.             {% if app.user and not app.user.isAdminValidated %}
  362.                 <span class="btn-modal-not-allowed" href="#" data-bs-toggle="modal" data-bs-target="#modal-not-allowed">Réserver</span>
  364.                 <div class="modal fade" id="modal-not-allowed" tabindex="-1" aria-labelledby="modal-not-allowed"
  365.                      aria-hidden="true">
  366.                     <div class="modal-dialog">
  367.                         <div class="modal-content">
  369.                             <div class="modal-body-right">
  370.                                 <div class="modal-content" style="display: flex; flex-direction: column">
  371.                                     <div class="modal-header">
  372.                                         <button type="button" class="close" data-bs-dismiss="modal"
  373.                                                 aria-label="Close"><span
  374.                                                     aria-hidden="true">×</span></button>
  375.                                         <span class="modal-title">Compte non validé</span>
  376.                                     </div>
  377.                                     <div class="modal-body">
  378.                                         <div>
  379.                                             <div>
  380.                                                 <div class="body offre su d-flex mt-0">
  381.                                                     <p style="text-align: center; color: #1db3a3; font-size: 50px; margin-right: 20px;">
  382.                                                         <i class="fa fa-calendar-check">&nbsp</i></p>
  383.                                                     <p>
  384.                                                         La réservation vous sera accessible dès qu'un membre Tuchassou
  385.                                                         aura validé votre compte. N'hésitez pas à nous écrire pour toute
  386.                                                         question : <a href="mailto:support@tuchassou.fr">support@tuchassou.fr</a>
  387.                                                     </p>
  388.                                                 </div>
  389.                                             </div>
  390.                                         </div>
  391.                                     </div>
  392.                                 </div>
  393.                             </div>
  395.                         </div>
  396.                     </div>
  397.                 </div>
  399.             {% else %}
  400.                 <button id="reservation" class="submit" {% if userIsOwner %}disabled{% endif %}>Réserver</button>
  401.             {% endif %}
  402.         </form>
  404.         {% if offer.status == 3 %}
  405.             <p class="center">Offre épuisée, contactez-nous si vous souhaitez être averti lors de sa disponibilité</p>
  406.             <a href="https://www.tuchassou.fr/contactez-nous/" class="btn btn-default">Contactez-nous</a>
  407.         {% endif %}
  409.         <div class="bes">
  410.             <p>
  411.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  412.                     <path data-name="Tracé 78"
  413.                           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"
  414.                           transform="translate(-175.182 -104.708)" style="fill:#172a3b"/>
  415.                 </svg>
  416.                 <span> Besoin d'aide ? </span> <a href="https://www.tuchassou.fr/contactez-nous/"> Contactez-nous </a>
  417.             </p>
  418.         </div>
  421.     </div>
  423.     <div class="fix_vas_mobile" style="display:none;">
  424.         <div class="mob-variant select-date">
  426.             <p class="price"><span id="initial_price">{{ offer.getBasePrice()|number_format(2, '.', ',') }} €</span> /
  427.                 Action</p>
  428.             <a class=" new_d btn btn-default">Sélectionner une date</a>
  431.         </div>
  432.     </div>
  434. </div>
  437. <div class="modal fade custom-modal-login in modal-more-info" id="modal-gibiers" tabindex="-1" role="dialog">
  438.     <div class="modal-dialog clearfix" role="document">
  439.         <div class="modal-content">
  440.             <div class="modal-header">
  441.                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
  442.                             aria-hidden="true">×</span>
  443.                 </button>
  444.                 <span class="modal-title d-flex align-items-center"><icon>
  445.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.04" viewBox="0 0 20 20.04">
  446.     <path data-name="Tracé 12813"
  447.           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"
  448.           transform="translate(-29.496 571.87)" style="fill:#172a3b"/>
  449.     <path data-name="Tracé 12814"
  450.           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"
  451.           transform="translate(-231.542 565.541)" style="fill:#172a3b"/>
  452. </svg>
  453. </icon> <span style="margin-left: 10px;">Gibiers</span> <br></span>
  454.             </div>
  455.             <div class="modal-body">
  456.                 <span> <b> Gibiers </b> </span><br>
  457.                 <span>{% for gibier in offer.gibiers %}{{ gibier.title }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  458.             </div>
  459.         </div>
  460.     </div>
  461. </div>
  463. <div class="modal fade custom-modal-login in modal-more-info" id="modal-animal" tabindex="-1" role="dialog">
  464.     <div class="modal-dialog clearfix" role="document">
  465.         <div class="modal-content">
  466.             <div class="modal-header">
  467.                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
  468.                             aria-hidden="true">×</span>
  469.                 </button>
  470.                 <span class="modal-title d-flex align-items-center"><icon>
  471.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.04" viewBox="0 0 20 20.04">
  472.     <path data-name="Tracé 12813"
  473.           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"
  474.           transform="translate(-29.496 571.87)" style="fill:#172a3b"/>
  475.     <path data-name="Tracé 12814"
  476.           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"
  477.           transform="translate(-231.542 565.541)" style="fill:#172a3b"/>
  478. </svg>
  479. </icon> <span style="margin-left: 10px;">Animal</span> <br></span>
  480.             </div>
  481.             <div class="modal-body">
  482.                 <span> <b> Animal </b> </span><br>
  483.                 <span>{% for animal in offer.animals %}{{ animal.name }}{% if not loop.last %}, {% endif %}{% endfor %}</span>
  484.             </div>
  485.         </div>
  486.     </div>
  487. </div>