templates/front/hunts.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  5. {% block title %}Nos chasses{% endblock %}
  7. {% block bodyClass %}page-hunter{% endblock %}
  8. {% block meta %}
  9.     <script type="text/javascript">
  10.         let map;
  12.         // initMap('map', {lat: 46.603354, lng: 1.8883335});
  14.         function initMap(map_id = 'map', position = {lat: 46.603354, lng: 1.8883335}) {
  15.             map = new google.maps.Map(document.getElementById(map_id), {
  16.                 center: {
  17.                     lat: position.lat,
  18.                     lng: position.lng,
  19.                 },
  20.                 zoom: 6,
  21.                 styles: [
  22.                     {
  23.                         "featureType": "poi",
  24.                         "stylers": [
  25.                             {"visibility": "off"}
  26.                         ]
  27.                     }
  28.                 ],
  29.                 zoomControlOptions: {
  30.                     position: google.maps.ControlPosition.TOP_RIGHT
  31.                 },
  32.             });
  34.             var markers = {{ mapOffers|json_encode|raw }};
  35.             if (markers.length > 0) {
  36.                 createMarkers(markers, map);
  37.             }
  38.         }
  40.         function getRandomInt(max) {
  41.             return Math.floor(Math.random() * max);
  42.         }
  44.         function createMarkers(markers, map) {
  45.             let previousInfowindow = false;
  46.             const image = "{{ url('homepage') ~ '/build/images/map_marker.png' }}";
  47.             var bounds = new google.maps.LatLngBounds();
  48.             var clusterMarkers = [];
  49.             $.each(markers, function (index, element) {
  50.                 if (element.latitude === null || element.longitude === null) {
  51.                     return;
  52.                 }
  53.                 var latitude = parseFloat(element.latitude) + getRandomInt(25) / 1000;
  54.                 var longitude = parseFloat(element.longitude) + getRandomInt(25) / 1000;
  55.                 const marker = new google.maps.Marker({
  56.                     position: {lat: parseFloat(latitude), lng: parseFloat(longitude)},
  57.                     map,
  58.                     icon: image,
  59.                     offerId: element.offerId
  60.                 });
  61.                 clusterMarkers.push(marker);
  62.                 if ($(window).width() >= 991) {
  63.                     bounds.extend({lat: parseFloat(latitude), lng: parseFloat(longitude)});
  64.                 }
  66.                 marker.addListener('click', function () {
  67.                     showInfoWindow(this);
  68.                 });
  70.                // map.addListener('click', function (e) {
  71.                //     if (window.innerWidth > 991) {
  72.                //         if (e.pixel.y >= 58 && e.pixel.y <= 140) {
  73.                //             $('.map_marker_show').html('');
  74.                //         }
  75.                //     } else {
  76.                //         if (e.pixel.y >= 165 && e.pixel.y <= 205) {
  77.                //             $('.map_marker_show').html('');
  78.                //         }
  79.                //     }
  80.                // })
  83.                 var url = Routing.generate('google_maps_marker_show', {id: marker.offerId});
  84.                 $.ajax({
  85.                     url: url,
  86.                     success: function (html) {
  87.                         const infowindow = new google.maps.InfoWindow({
  88.                             content: html,
  89.                         });
  91.                         marker.addListener("click", () => {
  92.                             if (previousInfowindow) {
  93.                                 previousInfowindow.close();
  94.                             }
  95.                             infowindow.open({
  96.                                 anchor: marker,
  97.                                 map,
  98.                             });
  99.                             previousInfowindow = infowindow;
  100.                         });
  101.                     }
  102.                 });
  104.             });
  105.             if ($(window).width() >= 991) {
  106.                 if (markers.length === 1) {
  107.                   //  map.setZoom(3);
  108.                     if (markers[0].latitude !== null && markers[0].longitude !== null) {
  109.                         bounds.extend({lat: parseFloat(markers[0].latitude) - 0.2, lng: parseFloat(markers[0].longitude) - 0.2});
  110.                         bounds.extend({lat: parseFloat(markers[0].latitude) + 0.2, lng: parseFloat(markers[0].longitude) + 0.2});
  111.                         map.fitBounds(bounds);
  112.                     } else {
  113.                         map.setZoom(6);
  114.                         map.setCenter({lat: 46.603354, lng: 1.8883335});
  115.                     }
  116.                 } else {
  117.                     map.fitBounds(bounds);
  118.                 }
  119.             }
  120.             var cluster = new MarkerClusterer(map, clusterMarkers, {
  121.                 imagePath: "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m",
  122.             });
  123.         }
  125.         function showInfoWindow(marker) {
  127.         }
  128.     </script>
  129.     <script defer src="https://maps.googleapis.com/maps/api/js?key={{ 'maps_key'|getGlobalParameter }}&libraries=places&v=weekly&callback=initMap"></script>
  130.     <script src="https://unpkg.com/@google/markerclustererplus@5.1.0/dist/markerclustererplus.min.js"></script>
  131. {% endblock %}
  132. {% block body %}
  133.     <style>
  134.         .main.nos_chasses .data .list .header a .home-card-image {
  135.             height: 100% !important;
  136.         }
  137.     </style>
  138.     <div class="main nos_chasses">
  139.         <div class="data" style="z-index: 0">
  140.             <div class="mobile_integ">
  141.                 <div class="header">
  142.                     <h1>Nos chasses</h1>
  143.                     <a href="#" class="toogle desk"><span class="active">Carte</span><span>Liste</span></a>
  144.                 </div>
  145.                 <div id="desktop_search">
  146.                     {{ form_start(formDesktop, {attr: {action: path('hunt_search')}}) }}
  147.                     <div class="last-1">
  148.                         <div class="line-1 toUpdate">
  149.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="region"
  150.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside"> <label>
  151.                                     Régions </label>
  152.                                 <p id="regions_search_label"></p><span></span>
  153.                             </a>
  154.                             <div class="form dropdown-menu" aria-labelledby="departement"
  155.                                  data-popper-placement="bottom-start">
  156.                                 {{ form_widget(formDesktop.region, {'attr': {'placeholder': 'Régions'} }) }}
  157.                             </div>
  158.                         </div>
  159.                         <div class="line-1 toUpdate">
  160.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="regionmod"
  161.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside"> <label>
  162.                                     Modes de chasse </label>
  163.                                 <p></p><span></span>
  164.                             </a>
  165.                             <div class="form dropdown-menu" aria-labelledby="departement"
  166.                                  data-popper-placement="bottom-start">
  167.                                 {{ form_widget(formDesktop.huntingMode, {'attr': {'placeholder': 'Modes de chasse'} }) }}
  168.                             </div>
  169.                         </div>
  170.                         <ul class="search">
  171.                             <li>
  172.                                 <label> Dates </label>
  173.                                 {{ form_widget(formDesktop.dates) }}
  174.                             </li>
  175.                         </ul>
  176.                     </div>
  177.                     <div class="line-filter">
  178.                         <div class="line-1 toUpdate">
  179.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="departement"
  180.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside">
  181.                                 Département <span></span>
  182.                             </a>
  183.                             <div class="form dropdown-menu" aria-labelledby="departement"
  184.                                  data-popper-placement="bottom-start">
  185.                                 {{ form_widget(formDesktop.departement, {'attr': {'placeholder': 'Département'} }) }}
  186.                             </div>
  187.                         </div>
  188.                         <div class="line-1 toUpdate">
  189.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="offerType"
  190.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside">
  191.                                 Type d'offre <span></span>
  192.                             </a>
  193.                             <div class="form dropdown-menu" aria-labelledby="departement"
  194.                                  data-popper-placement="bottom-start">
  195.                                 {{ form_widget(formDesktop.type, {'attr': {'placeholder': "Type d'offre"} }) }}
  196.                             </div>
  197.                         </div>
  198.                         <div class="line-1 toUpdate">
  199.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="gibierType"
  200.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside">
  201.                                 Type de gibier <span></span>
  202.                             </a>
  203.                             <div class="form dropdown-menu" aria-labelledby="departement"
  204.                                  data-popper-placement="bottom-start">
  205.                                 {{ form_widget(formDesktop.gibier, {'attr': {'placeholder': "Type de gibier"} }) }}
  206.                             </div>
  207.                         </div>
  208.                         <div class="line-1 toUpdate">
  209.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="typedanimal"
  210.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside">
  211.                                 Animal <span></span>
  212.                             </a>
  213.                             <div class="form dropdown-menu" aria-labelledby="typedanimal"
  214.                                  data-popper-placement="bottom-start">
  215.                                 {{ form_widget(formDesktop.animals) }}
  216.                             </div>
  217.                         </div>
  218.                         <div class="line-1 toUpdate">
  219.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="typedarmes"
  220.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside">
  221.                                 Type d'arme <span></span>
  222.                             </a>
  223.                             <div class="form dropdown-menu" aria-labelledby="typedarmes"
  224.                                  data-popper-placement="bottom-start">
  225.                                 {{ form_widget(formDesktop.weapons) }}
  226.                             </div>
  227.                         </div>
  229.                         <div class="line-1 toUpdatePrice">
  230.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="typeprix"
  231.                                data-bs-toggle="dropdown" aria-expanded="true">Prix <span></span></a>
  232.                             <div class="form dropdown-menu pri" aria-labelledby="typeprix"
  233.                                  data-popper-placement="bottom-start">
  234.                                 <!--<div id="flat-slider"></div>-->
  235.                                 <div class="prices">
  236.                                     <div>
  237.                                         <label> Prix minimum </label>
  238.                                         {{ form_widget(formDesktop.priceMin) }}
  239.                                     </div>
  240.                                     <div>
  241.                                         <label> Prix maximum </label>
  242.                                         {{ form_widget(formDesktop.priceMax) }}
  243.                                     </div>
  244.                                 </div>
  245.                                 <button class="valid-btn" type="button"> Valider</button>
  246.                             </div>
  247.                         </div>
  249.                     </div>
  250.                     <div class="footer-sidebar">
  251.                         {{ form_widget(formDesktop.save) }}
  252.                         <a href="{{ path('our_hunts') }}" class="btn-default btn linkerr"> Tout effacer </a>
  253.                     </div>
  254.                     <div class="flow dee">
  255.                         {% set count = app.request.get('page', 1)*limit %}
  256.                         {% if pagination.getTotalItemCount > 0 %}
  257.                             <div class="number_annonces"><span
  258.                                         class="current-page"> {{ ((app.request.get('page', 1)-1)*limit)+1 }} </span> -
  259.                                 <span
  260.                                         class="shower-perpage"> {% if pagination.getTotalItemCount > limit %}{{ count }}{% else %}{{ pagination.getTotalItemCount }}{% endif %} </span>
  261.                                 sur <span class="nbr-total"> {{ pagination.getTotalItemCount }} </span> annonces
  262.                             </div>
  263.                         {% endif %}
  264.                         <div class="asc_desc">
  265.                             <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1"
  266.                                data-bs-toggle="dropdown" aria-expanded="false">
  267.                                 Trier par
  268.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  270.                                     <path data-name="Tracé 84"
  271.                                           d="m90.941 243.919-1.563 1.633v-10.913a1.1 1.1 0 0 0-1.069-1.117 1.078 1.078 0 0 0-1.069 1.117v10.912l-1.563-1.632a1.044 1.044 0 0 0-1.508 0 1.16 1.16 0 0 0 0 1.575l3.4 3.551a1.012 1.012 0 0 0 .74.315 1.085 1.085 0 0 0 .74-.315l3.373-3.523a1.16 1.16 0 0 0 0-1.575.989.989 0 0 0-1.481-.029z"
  272.                                           transform="translate(-81.069 -229.428)" style="fill: #1db3a3;"/>
  273.                                     <path data-name="Tracé 85"
  274.                                           d="m443.009 20.535-3.4-3.551a1.043 1.043 0 0 0-1.508 0l-3.373 3.551a1.16 1.16 0 0 0 0 1.575 1.044 1.044 0 0 0 1.508 0l1.563-1.633v10.912a1.07 1.07 0 1 0 2.139 0V20.477l1.562 1.633a1.012 1.012 0 0 0 .74.315 1.085 1.085 0 0 0 .74-.315 1.134 1.134 0 0 0 .027-1.575z"
  275.                                           transform="translate(-422.084 -12.574)" style="fill: #1db3a3;"/>
  276.                                 </svg>
  277.                             </a>
  279.                             <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
  280.                                 <li data-sort="pertinance"><a
  281.                                             class="dropdown-item sort {% if order == 'isTuchassouSelected' %}active{% endif %}"
  282.                                             href="#" data-order="isTuchassouSelected" data-sort="DESC"> Pertinence</a>
  283.                                 </li>
  284.                                 <li data-sort="price-asc"><a
  285.                                             class="dropdown-item sort {% if order == 'price' and sort == 'ASC' %}active{% endif %}"
  286.                                             href="#" data-order="price" data-sort="ASC"> Prix croissant </a></li>
  287.                                 <li data-sort="price-desc"><a
  288.                                             class="dropdown-item sort {% if order == 'price' and sort == 'DESC' %}active{% endif %}"
  289.                                             href="#" data-order="price" data-sort="DESC"> Prix décroissant </a></li>
  290.                                 <li data-sort=""><a
  291.                                             class="dropdown-item sort {% if order == 'createdAt' and sort == 'DESC' %}active{% endif %}"
  292.                                             href="#" data-order="createdAt" data-sort="DESC"> Plus récent </a></li>
  293.                                 <li data-sort=""><a
  294.                                             class="dropdown-item sort {% if order == 'createdAt' and sort == 'ASC' %}active{% endif %}"
  295.                                             href="#" data-order="createdAt" data-sort="ASC"> Plus ancien </a></li>
  296.                             </ul>
  297.                         </div>
  298.                     </div>
  299.                     {{ form_end(formDesktop) }}
  300.                 </div>
  301.                 <div id="mobile_search" style="display: none;">
  302.                     {{ form_start(formMobile, {attr: {action: path('hunt_search')}}) }}
  304.                     <div class="last-1 last-m">
  305.                         <div class="line-1 toUpdate">
  306.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="region"
  307.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside"> <label>
  308.                                     Régions </label>
  309.                                 <p></p><span></span>
  310.                             </a>
  311.                             <div class="form dropdown-menu" aria-labelledby="departement"
  312.                                  data-popper-placement="bottom-start">
  313.                                 {{ form_widget(formMobile.region, {'attr': {'placeholder': 'Régions'} }) }}
  314.                             </div>
  315.                         </div>
  316.                         <div class="line-1 toUpdate">
  317.                             <a class="btn btn-secondary dropdown-toggle " href="#" role="button" id="regionmod"
  318.                                data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="outside"> <label>
  319.                                     Modes de chasse </label>
  320.                                 <p></p><span></span>
  321.                             </a>
  322.                             <div class="form dropdown-menu" aria-labelledby="departement"
  323.                                  data-popper-placement="bottom-start">
  324.                                 {{ form_widget(formMobile.huntingMode, {'attr': {'placeholder': 'Modes de chasse'} }) }}
  325.                             </div>
  326.                         </div>
  327.                         <div class="ligne-1">
  328.                             <button type="submit" id="search_form_save_" name="search_form[save]"
  329.                                     class="btn-primary btn">Appliquer
  330.                             </button>
  331.                         </div>
  332.                     </div>
  334.                     <div class="flow">
  335.                         <div id="sidebar-btn">
  336.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="">
  337.                                 <g data-name="icons Q2">
  338.                                     <path data-name="Tracé 11"
  339.                                           d="M19.19 2.031H8.986A3.147 3.147 0 0 0 6.092 0a3.046 3.046 0 0 0-2.843 2.031H1.117A1.066 1.066 0 0 0 0 3.046a1.066 1.066 0 0 0 1.117 1.015h2.132a3.046 3.046 0 0 0 2.843 2.031 3.147 3.147 0 0 0 2.894-2.031h10.2a1.066 1.066 0 0 0 1.117-1.015 1.066 1.066 0 0 0-1.113-1.015zM6.092 4.061a1.015 1.015 0 1 1 1.015-1.015 1.015 1.015 0 0 1-1.015 1.015z"
  340.                                           style="fill: #1db3a3;" transform="rotate(-90 12.223 10.16)"/>
  341.                                     <path data-name="Tracé 12"
  342.                                           d="M19.088 2.031h-2.081A3.147 3.147 0 0 0 14.113 0a3.046 3.046 0 0 0-2.843 2.031H1.015a1.015 1.015 0 1 0 0 2.031H11.27a3.046 3.046 0 0 0 2.843 2.031 3.147 3.147 0 0 0 2.894-2.031h2.081a1.015 1.015 0 1 0 0-2.031zm-4.975 2.03a1.015 1.015 0 1 1 1.015-1.015 1.015 1.015 0 0 1-1.015 1.015z"
  343.                                           transform="rotate(-90 15.726 6.555)" style="fill: #1db3a3;"/>
  344.                                     <path data-name="Tracé 13"
  345.                                           d="M19.088 2.031h-8.681A3.147 3.147 0 0 0 7.513 0 3.046 3.046 0 0 0 4.67 2.031H1.015a1.015 1.015 0 0 0 0 2.031H4.67a3.046 3.046 0 0 0 2.843 2.03 3.148 3.148 0 0 0 2.894-2.031h8.681a1.015 1.015 0 0 0 0-2.031zM7.513 4.061a1.015 1.015 0 1 1 1.016-1.015 1.015 1.015 0 0 1-1.016 1.015z"
  346.                                           transform="rotate(-90 19.279 3.002)" style="fill: #1db3a3;"/>
  347.                                 </g>
  348.                             </svg>
  349.                             Filtres
  350.                             <span> </span>
  351.                         </div>
  352.                         <div class="asc_desc">
  353.                             <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1"
  354.                                data-bs-toggle="dropdown" aria-expanded="false">
  355.                                 Trier par
  356.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  358.                                     <path data-name="Tracé 84"
  359.                                           d="m90.941 243.919-1.563 1.633v-10.913a1.1 1.1 0 0 0-1.069-1.117 1.078 1.078 0 0 0-1.069 1.117v10.912l-1.563-1.632a1.044 1.044 0 0 0-1.508 0 1.16 1.16 0 0 0 0 1.575l3.4 3.551a1.012 1.012 0 0 0 .74.315 1.085 1.085 0 0 0 .74-.315l3.373-3.523a1.16 1.16 0 0 0 0-1.575.989.989 0 0 0-1.481-.029z"
  360.                                           transform="translate(-81.069 -229.428)" style="fill: #1db3a3;"/>
  361.                                     <path data-name="Tracé 85"
  362.                                           d="m443.009 20.535-3.4-3.551a1.043 1.043 0 0 0-1.508 0l-3.373 3.551a1.16 1.16 0 0 0 0 1.575 1.044 1.044 0 0 0 1.508 0l1.563-1.633v10.912a1.07 1.07 0 1 0 2.139 0V20.477l1.562 1.633a1.012 1.012 0 0 0 .74.315 1.085 1.085 0 0 0 .74-.315 1.134 1.134 0 0 0 .027-1.575z"
  363.                                           transform="translate(-422.084 -12.574)" style="fill: #1db3a3;"/>
  364.                                 </svg>
  365.                             </a>
  366.                             <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
  367.                                 <li data-sort="pertinance"><a
  368.                                             class="dropdown-item sort {% if order == 'isTuchassouSelected' %}active{% endif %}"
  369.                                             href="#" data-order="isTuchassouSelected" data-sort="DESC"> Pertinence</a>
  370.                                 </li>
  371.                                 <li data-sort="price-asc"><a
  372.                                             class="dropdown-item sort {% if order == 'price' and sort == 'ASC' %}active{% endif %}"
  373.                                             href="#" data-order="price" data-sort="ASC"> Prix croissant </a></li>
  374.                                 <li data-sort="price-desc"><a
  375.                                             class="dropdown-item sort {% if order == 'price' and sort == 'DESC' %}active{% endif %}"
  376.                                             href="#" data-order="price" data-sort="DESC"> Prix décroissant </a></li>
  377.                                 <li data-sort=""><a
  378.                                             class="dropdown-item sort {% if order == 'createdAt' and sort == 'DESC' %}active{% endif %}"
  379.                                             href="#" data-order="createdAt" data-sort="DESC"> Plus récent </a></li>
  380.                                 <li data-sort=""><a
  381.                                             class="dropdown-item sort {% if order == 'createdAt' and sort == 'ASC' %}active{% endif %}"
  382.                                             href="#" data-order="createdAt" data-sort="ASC"> Plus ancien </a></li>
  383.                             </ul>
  384.                         </div>
  385.                     </div>
  386.                     <div id="sidebar">
  387.                         <div class="headline">
  388.                             <a href="#" class="back">
  389.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  390.                                     <path data-name=""
  391.                                           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"
  392.                                           transform="translate(-213.866 -149.485)"
  393.                                           style="fill:#172a3b;fill-rule:evenodd"/>
  394.                                 </svg>
  395.                                 Filtres
  396.                             </a>
  397.                         </div>
  398.                         <ul id="sidebar-mobile-menu">
  399.                             <li><a class="d"> Dates <span class="val"> </span></a></li>
  400.                             <li><a class="de"> Département <span class="val"> </span></a></li>
  401.                             <li><a class="to"> Type d'offre <span class="val"> </span></a></li>
  402.                             <li><a class="tl"> Type de gibier <span class="val"> </span> </a></li>
  403.                             <li><a class="aa"> Animal <span class="val"> </span></a></li>
  404.                             <li><a class="ta"> Type d'arme <span class="val"> </span></a></li>
  405.                             <li><a class="p"> Prix <span class="val"> </span> </a></li>
  406.                         </ul>
  407.                         <div class="modifable">
  408.                             <div id="dates">
  409.                                 <div class="headline">
  410.                                     <a href="#" class="back">
  411.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  412.                                              viewBox="0 0 24 24">
  413.                                             <path data-name=""
  414.                                                   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"
  415.                                                   transform="translate(-213.866 -149.485)"
  416.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  417.                                         </svg>
  418.                                         Dates
  419.                                     </a>
  420.                                 </div>
  421.                                 <div class="form">
  422.                                     {{ form_widget(formMobile.dates, {'attr': {'placeholder': ''} }) }}
  423.                                 </div>
  424.                             </div>
  425.                             <div id="dept">
  426.                                 <div class="headline">
  427.                                     <a href="#" class="back">
  428.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  429.                                              viewBox="0 0 24 24">
  430.                                             <path data-name=""
  431.                                                   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"
  432.                                                   transform="translate(-213.866 -149.485)"
  433.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  434.                                         </svg>
  435.                                         Département
  436.                                     </a>
  437.                                 </div>
  438.                                 <div class="form">
  439.                                     {{ form_widget(formMobile.departement, {'attr': {'placeholder': 'Département '} }) }}
  440.                                 </div>
  441.                             </div>
  442.                             <div id="dept1">
  443.                                 <div class="headline">
  444.                                     <a href="#" class="back">
  445.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  446.                                              viewBox="0 0 24 24">
  447.                                             <path data-name=""
  448.                                                   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"
  449.                                                   transform="translate(-213.866 -149.485)"
  450.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  451.                                         </svg>
  452.                                         Type d'offre
  453.                                     </a>
  454.                                 </div>
  455.                                 <div class="form">
  456.                                     {{ form_widget(formMobile.type) }}
  457.                                 </div>
  458.                             </div>
  459.                             <div id="dept4">
  460.                                 <div class="headline">
  461.                                     <a href="#" class="back">
  462.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  463.                                              viewBox="0 0 24 24">
  464.                                             <path data-name=""
  465.                                                   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"
  466.                                                   transform="translate(-213.866 -149.485)"
  467.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  468.                                         </svg>
  469.                                         Type de gibier
  470.                                     </a>
  471.                                 </div>
  472.                                 <div class="form">
  473.                                     {{ form_widget(formMobile.gibier) }}
  474.                                 </div>
  475.                             </div>
  476.                             <div id="dept5">
  477.                                 <div class="headline">
  478.                                     <a href="#" class="back">
  479.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  480.                                              viewBox="0 0 24 24">
  481.                                             <path data-name=""
  482.                                                   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"
  483.                                                   transform="translate(-213.866 -149.485)"
  484.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  485.                                         </svg>
  486.                                         Animal
  487.                                     </a>
  488.                                 </div>
  489.                                 <div class="form">
  490.                                     {{ form_widget(formMobile.animals) }}
  491.                                 </div>
  492.                             </div>
  493.                             <div id="dept2">
  494.                                 <div class="headline">
  495.                                     <a href="#" class="back">
  496.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  497.                                              viewBox="0 0 24 24">
  498.                                             <path data-name=""
  499.                                                   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"
  500.                                                   transform="translate(-213.866 -149.485)"
  501.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  502.                                         </svg>
  503.                                         Type d'arme
  504.                                     </a>
  505.                                 </div>
  506.                                 <div class="form">
  507.                                     {{ form_widget(formMobile.weapons) }}
  508.                                 </div>
  509.                             </div>
  510.                             <div id="dept_add">
  511.                                 <div class="headline">
  512.                                     <a href="#" class="back">
  513.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  514.                                              viewBox="0 0 24 24">
  515.                                             <path data-name=""
  516.                                                   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"
  517.                                                   transform="translate(-213.866 -149.485)"
  518.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  519.                                         </svg>
  520.                                         Prix
  521.                                     </a>
  522.                                 </div>
  523.                                 <h3>Animal</h3>
  524.                                 <div class="form">
  526.                                 </div>
  527.                             </div>
  528.                             <div id="dept3">
  529.                                 <div class="headline">
  530.                                     <a href="#" class="back">
  531.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  532.                                              viewBox="0 0 24 24">
  533.                                             <path data-name=""
  534.                                                   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"
  535.                                                   transform="translate(-213.866 -149.485)"
  536.                                                   style="fill:#172a3b;fill-rule:evenodd"/>
  537.                                         </svg>
  538.                                         Prix
  539.                                     </a>
  540.                                 </div>
  541.                                 <h3>Sélectionnez une tranche de prix</h3>
  542.                                 <div class="form resp">
  543.                                     <div id="flat-slider"></div>
  544.                                     <p>Sélectionnez une tranche de prix</p>
  545.                                     <div class="prices">
  546.                                         <div>
  547.                                             <label> Prix minimum </label>
  548.                                             {{ form_widget(formMobile.priceMin) }}
  549.                                         </div>
  550.                                         <div>
  551.                                             <label> Prix maximum </label>
  552.                                             {{ form_widget(formMobile.priceMax) }}
  553.                                         </div>
  554.                                     </div>
  555.                                 </div>
  556.                             </div>
  559.                         </div>
  560.                         <div class="footer-sidebar">
  561.                             <button type="button" id="search_form_save" name="search_form[save]"
  562.                                     class="btn-primary btn">Appliquer
  563.                             </button>
  564.                             <a id="mobile-reset-filter" href="#" class="btn-default btn linkerr"> Tout effacer </a>
  565.                         </div>
  566.                     </div>
  567.                     {{ form_end(formMobile) }}
  568.                 </div>
  569.                 <div class="version-desk">
  570.                     <div class="header">
  571.                         <h1>Nos chasses</h1>
  572.                         <a href="#" class="toogle"><span>Liste</span><span class="active">Carte</span></a>
  573.                     </div>
  574.                     <a href="{{ path('our_hunts') }}" class="btn-default btn"> Tout effacer </a>
  575.                     <ul class="filters_group">
  576.                         <li>{{ pagination.getTotalItemCount }} offres</li>
  577.                         {{ knp_pagination_sortable(pagination, 'Id', 'a.id') }}
  578.                         <li></li>
  579.                     </ul>
  580.                 </div>
  582.                 {% set count = app.request.get('page', 1)*limit %}
  583.                 {% if pagination.getTotalItemCount == 0 %}
  584.                     <div class="number_annonces"><span>0 sur 0 annonces</span></div>
  585.                 {% else %}
  586.                     <div class="number_annonces m"><span
  587.                                 class="current-page"> {{ ((app.request.get('page', 1)-1)*limit)+1 }} </span> - <span
  588.                                 class="shower-perpage"> {% if pagination.getTotalItemCount > limit %}{{ count }}{% else %}{{ pagination.getTotalItemCount }}{% endif %} </span>
  589.                         sur <span class="nbr-total"> {{ pagination.getTotalItemCount }} </span> annonces
  590.                     </div>
  591.                 {% endif %}
  592.                 <ul class="list">
  593.                     {% for offer in pagination %}
  594.                         {% set territory = offer.getterritory() %}
  595.                         <li class="{% if offer.status == 3 %}li-offer-epuise{% endif %}">
  596.                             {{ include('front/hunt/offer_bloc.html.twig') }}
  597.                         </li>
  598.                     {% endfor %}
  599.                 </ul>
  600.                 {{ knp_pagination_render(pagination) }}
  601.             </div>
  603.             <div class="map">
  604.                 {# <div class="map_marker_show"></div> #}
  605.                 <div id="map" style="width: 100%; height: 500px;"></div>
  606.             </div>
  607.         </div>
  608.     </div>
  609. {% endblock %}
  611. {% block javascripts %}
  612.     {{ parent() }}
  613. {% endblock %}