templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block meta %}
  4.     <title>Préparez votre vacance sur Hobbiinn</title>
  5.     {# <meta name="description" content="Providders permet de mettre en relation des prestataires et futurs mariés. Actuellement, {{ productsCount }} services sont disponibles parmis les évènements {% for category in categories %}{{ category.name }}{% endfor %}"> #}
  6. {% endblock %}
  8. {% block style %}
  9.     <link href="{{ asset('css/jquery-ui.css') }}" rel="stylesheet">
  10.     <link href="{{ asset('css/providders.css') }}" rel="stylesheet">
  11.     <link rel="stylesheet" href="{{ asset('css/jquery.datetimepicker.min.css') }}">
  12.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
  13.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
  14.     {# Daterangepicker style #}
  15.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
  16.     <style>
  17.         /** DateTimePicker Style */
  18.         .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  19.             background: #FE7708;
  20.             box-shadow: #FE7708 1px 3px 0 inset;
  21.             color: #fff;
  22.             font-weight: 700;
  23.         }
  25.         .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  26.             color: #fff !important;
  27.             background: #FE7708 !important;
  28.             box-shadow: none !important;
  29.         }
  31.         .alert.alert-danger {
  32.             display: none;
  33.         }
  35.         {# Custom style daterangepicker #}
  36.         .drp-buttons .btn {
  37.             height: 30px;
  38.         }
  39.         @media screen and (max-width: 563px) {            
  40.             .drp-buttons .cancelBtn {
  41.                 margin-bottom: 10px;
  42.             }
  43.         }
  44.         .daterangepicker td.active,
  45.         .daterangepicker td.active:hover {
  46.             background-color: #eb5b20 !important;
  47.             color: #fff;
  48.         }
  49.         .daterangepicker td.in-range {
  50.             background-color: #eb5b201c;
  51.         }
  52.     </style>
  53. {% endblock %}
  55. {% block body %}
  56.     <!-- hero-section -->
  57.     <div class="hero-section position-relative heor-section-style" style="">
  58.         <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  59.             <ol class="carousel-indicators">
  60.                 {% for slider in sliders %}
  61.                     <li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index -1 }}" class="{% if loop.first %}active{% endif %}"></li>
  62.                 {% endfor %}
  63.             </ol>
  64.             <div class="carousel-inner">
  65.                 {% for slider in sliders %}
  66.                     <div class="carousel-item {% if loop.first %}active{% endif %}">
  67.                         <div style="background:url({{ asset(constant('App\\Services\\File::IMAGE_CATEGORY_DIR') ~ slider) }})no-repeat center;background-size:cover;height:600px"></div>
  69.                         <div class="carousel-caption d-none d-md-block"></div>
  70.                     </div>
  71.                 {% endfor %}
  72.             </div>
  73.             {{ include('front/accueil/recherche.html.twig') }}
  74.         </div>
  75.     </div>
  76.     <!-- /.hero-section -->
  78.     <div class="bg-white space-small d-none">
  79.         <div class="container">
  80.             <div
  81.                 class="row" id="block_icons">
  82.                 <!-- feature-1 -->
  83.                 {% for block in pagesHome %}
  84.                     {% if block.name == 'Sous block 1' %}
  85.                         <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 mb20">
  86.                             <div class="icon-3x mb30 text-default d-flex justify-content-center">
  87.                                 <i class="icon-051-wedding-arch"></i>
  88.                             </div>
  89.                             <div class="centerBlock">
  90.                                 <h3>
  91.                                     <strong>{{ productsCount }}
  92.                                     Services disponibles</strong></h3>
  93.                                 <p>{{ block.description1 }}</p>
  94.                             </div>
  95.                         </div>
  96.                         <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 mb20">
  97.                             <div class="icon-3x mb30 text-default d-flex justify-content-center">
  98.                                 <i class="icon-051-love-birds"></i>
  99.                             </div>
  100.                             <div class="centerBlock">
  101.                                 <h3>
  102.                                     <strong>{{ commandsCount }}
  103.                                     prestations réalisées</strong></h3>
  104.                                 <p>{{ block.description2 }}</p>
  105.                             </div>
  106.                         </div>
  107.                         <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 mb20">
  108.                             <div class="icon-3x mb30 text-default d-flex justify-content-center">
  109.                                 <i class="icon-017-location"></i>
  110.                             </div>
  111.                             <div class="centerBlock">
  112.                                 <h3>
  113.                                     <strong>{{ departmentsCount }}
  114.                                     Départements disponibles</strong></h3>
  115.                                 <p>{{ block.description3 }}</p>
  116.                             </div>
  117.                         </div>
  118.                     {% endif %}
  119.                 {% endfor %}
  120.                 {% for block in pagesHome %}
  121.                     {% if block.name == 'Sous block 1' %}
  122.                         {% if is_granted('ROLE_ADMIN') %}
  123.                             <a href="{{ path('admin_modify_block_home', {'id': block.id}) }}" style="margin:auto">
  124.                                 <i class="fas fa-pencil-alt" style="font-size:2em;color:blue"></i>
  125.                             </a>
  126.                         {% endif %}
  127.                     {% endif %}
  128.                 {% endfor %}
  129.                 <!-- /.feature-3 -->
  130.             </div>
  131.         </div>
  132.     </div>
  134.     {{ include('front/accueil/bloc_reseauSocial.html.twig') }}
  136.     {{ include('front/accueil/rechercheParPrestataire.html.twig') }}
  138.     {# <div class="space-medium">
  139.         <div class="p-4">
  140.             <div class="row">
  141.                 <div class="col-xl-12  col-lg-12 col-md-12 col-sm-12 col-12">
  142.                     <div
  143.                         class="section-title text-center">
  144.                         <!-- section title start-->
  145.                         <h2 class="mb10">Recherche par type de service</h2>
  146.                     </div>
  147.                     <!-- /.section title start-->
  148.                 </div>
  149.             </div>
  150.             <div class="venue-thumbnail-carousel">
  151.                 <div class="owl-carousel car-one">
  152.                     {% for category in subCategories %}
  153.                         {% if category.isService %}
  154.                             <div class="item">
  155.                                 <div class="venue-categories-block col-md-12">
  156.                                     <div class="venue-categories-img zoomimg">
  157.                                         <a href="{{ path('front_product_category_events', {'subCategorySlug': category.subCategorySlug}) }}"><img src="{{ asset(constant('App\\Services\\File::IMAGE_CATEGORY_DIR') ~ category.image) }}" alt="{{ category.name }}" class="img-fluid"></a>
  158.                                         <div class="venue-categories-overlay">
  159.                                             {% set nbProduct = category.products|length %}
  160.                                             <h3 class="mb0">
  161.                                                 <a href="{{ path('front_product_category_events', {'subCategorySlug': category.subCategorySlug}) }}" class="venue-categories-title">{{ category.name }}
  162.                                                     ({{ nbProduct }})</a>
  163.                                             </h3>
  164.                                         </div>
  165.                                     </div>
  166.                                 </div>
  167.                             </div>
  168.                         {% endif %}
  169.                     {% endfor %}
  170.                 </div>
  171.             </div>
  172.         </div>
  173.     </div> #}
  175.     <!-- Annonces -->
  176.     <div class="container mt-4 d-none">
  177.         <h1>
  178.             <strong>Annonces</strong>
  179.         </h1>
  180.         <div id="allProduct" class="row">
  181.             {% if productss|length > 0 %}
  182.         {# <div class="col-12">
  183.             <button type="button" class="btn btn-primary mb-2" data-toggle="modal" data-target="#modalFilter">Filter</button>
  184.         </div> #}
  185.             {% for product in productss|slice(productss|length - 6 < 0 ? 0 : productss|length, productss|length) %} {# Affiche seulement les 6 dernière produits et service #}
  186.                 {# <pre>
  187.                     {{ dump(product) }}
  188.                 </pre> #}
  189.                 {% set subCategorySlug = product.subCategories.toArray()[0].subCategorySlug %}
  190.                 <div class="col-lg-4 col-sm-12 col-12" >
  191.                     <div class="container-block-Pcompanies mb-3">
  192.                         {# <div class="container-imageP zoomimg"> #}
  193.                         <div class="container-slide-image">
  194.                             {% if product.photos.first != false %}
  195.                                 {% for imgHebmt in product.photos.toArray() %}
  196.                                     <img src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ imgHebmt.url) }}" alt="default image" class="img-fluid" style="height: 213px;object-fit: cover; border-radius: .5rem .5rem 0 0;">
  197.                                 {% endfor %}
  198.                             {% else %}
  199.                                 <img src="{{ asset('images/vecteezy_vector-gear-logo-design-with-multi-colors-range_6172776.jpg') }}" alt="default image" class="img-fluid" style="height: 213px;object-fit: cover; border-radius: .5rem .5rem 0 0;">
  200.                             {% endif %}
  201.                         </div>
  202.                         <div class="container-info-presta" style="padding-bottom: 80px;">
  203.                             <h2 class="vendor-title">
  204.                                 {# <a href="{{ path('front_product_single', {'slug': product.subCategories[0].categories[0].slug, 'subCategorySlug': product.subCategories[0].subCategorySlug, 'product_id': product.id, 'productSlug': product.productSlug}) }}" class="title">{{ product.name }}</a> #}
  205.                             </h2>
  206.                             <p class="vendor-address">
  207.                                 {% for department in product.departments %}
  208.                                     {{ department.name }}
  209.                                     {% if not loop.last %},
  210.                                     {% endif %}
  211.                                 {% else %}
  212.                                     Toute la France
  213.                                 {% endfor %}
  214.                             </p>
  215.                             <p>
  216.                                 {% if product.typeHebergements.slugTypeHebergm is defined and product.typeHebergements.slugTypeHebergm != 'hotel' %}
  217.                                     <i class="fas fa-money-bill-wave"></i>
  218.                                     Prix :
  219.                                     <strong>{{ product.price|number_format(2, '.') }}</strong>€
  220.                                 {% else %}
  221.                                     {% set lengthRoomNight = 0 %}
  222.                                     {% set statusByNight = false %}
  223.                                     {% set allPriceByNight = 0 %}
  225.                                     {% set lengthRoomDay = 0 %}
  226.                                     {% set statusByDay = false %}
  227.                                     {% set allPriceByDay = 0 %}
  228.                                     {% if product.chambres is defined %}
  229.                                         {% for roomOption in product.chambres.toArray %}
  230.                                             {% if roomOption.tarifNuit is defined %}
  231.                                                 {% set lengthRoomNight = lengthRoomNight + 1 %}
  232.                                                 {% set statusByNight = true %}
  233.                                                 {% set allPriceByNight = allPriceByNight + roomOption.tarifNuit %}
  234.                                             {% endif %}
  235.                                             {% if roomOption.tarifJour is not null %}
  236.                                                 {% set lengthRoomDay = lengthRoomDay + 1 %}
  237.                                                 {% set statusByDay = true %}
  238.                                                 {% set allPriceByDay = allPriceByDay + roomOption.tarifJour %}
  239.                                             {% endif %}
  241.                                         {% endfor %}
  242.                                         {% if statusByDay or statusByNight %}
  243.                                             <p>Prix moyen d'une chambre:</p>
  244.                                         {% endif %}
  245.                                         {% if statusByNight %}
  246.                                             <p>
  247.                                                 <i class="fas fa-money-bill-wave"></i>
  248.                                                 par nuit 
  249.                                                 <strong>{{ (allPriceByNight / lengthRoomNight)|number_format(2, '.') }}</strong>€
  250.                                             </p>
  251.                                         {% endif %}
  252.                                         {% if statusByDay %}
  253.                                             {# <p>
  254.                                                 <i class="fas fa-money-bill-wave"></i>
  255.                                                 par jour 
  256.                                                 <strong>{{ (allPriceByDay / lengthRoomDay)|number_format(2, '.') }}</strong>€
  257.                                             </p> #}
  258.                                         {% endif %}
  259.                                     {% endif %}
  260.                                     {% if not statusByNight and not statusByDay %}
  261.                                         <p>
  262.                                             Prix : <strong>Prix en attente</strong>
  263.                                         </p>
  264.                                     {% endif %}
  265.                                     {# <i class="fas fa-money-bill-wave"></i>
  266.                                     Prix :
  267.                                     <strong>{{ product.price|number_format(2, '.') }}</strong>€ #}
  268.                                 {% endif %}
  269.                             </p>
  270.                             <p>
  271.                                 <i class="fa fa-star rated"></i>
  272.                                 {% set notes = 0 %}
  273.                                 {% for avi in product.avis %}
  274.                                     {% set notes = notes + avi.globalNote %}
  275.                                 {% endfor %}
  276.                                 {% set noteTotal = (notes > 0) ? notes / product.avis|length : 0 %}
  277.                                 {{ product.avis|length }} Avis</p>
  278.                         </div>
  279.                         <div class="wishlist-sign">
  280.                             <a href="#" class="btn-wishlist">
  281.                                 <i class="fa fa-heart"></i>
  282.                             </a>
  283.                         </div>
  284.                         {# <a href="{{ path('front_product_single', {'slug': product.subCategories[0].categories[0].slug, 'subCategorySlug': product.subCategories[0].subCategorySlug, 'product_id': product.id, 'productSlug': product.productSlug}) }}" class="title"> #}
  285.                             {% if subCategorySlug == "hebergements"%}
  286.                                 <button class="btnVoirP btn">Voir l'hébergement</button>
  287.                             {% endif %}
  288.                         </a>
  289.                     </div>
  290.                 </div>
  291.             {% endfor %}
  292.             {% else %}
  293.                 <div class="vendor-thumbnail list-view p-4">Aucun service correspondant</div>
  294.             {% endif %}
  295.         </div>
  296.     </div>
  298.     {{ include('front/accueil/rechercheParTypeDeProduit.html.twig') }}
  300.     {# <div class="bg-white space-medium">
  301.         <div class="p-4">
  302.             <div class="row">
  303.                 <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  304.                     <div
  305.                         class="section-title text-center">
  306.                         <!-- section title start-->
  307.                         <h2 class="mb10">Recherche par type de produit</h2>
  308.                     </div>
  309.                     <!-- /.section title start-->
  310.                 </div>
  311.             </div>
  312.             <div class="venue-thumbnail-carousel">
  313.                 <div class="owl-carousel car-two">
  314.                     {% for category in subCategories %}
  315.                         {% if not category.isService %}
  316.                             <div class="item">
  317.                                 <div class="venue-categories-block col-md-12">
  318.                                     <div class="venue-categories-img zoomimg">
  319.                                         <a href="{{ path('front_product_category_events', {'subCategorySlug': category.subCategorySlug}) }}"><img src="{{ asset(constant('App\\Services\\File::IMAGE_CATEGORY_DIR') ~ category.image) }}" alt="{{ category.name }}" class="img-fluid"></a>
  320.                                         <div class="venue-categories-overlay">
  321.                                             {% set nbProduct = category.products|length %}
  322.                                             <h3 class="mb0">
  323.                                                 <a href="{{ path('front_product_category_events', {'subCategorySlug': category.subCategorySlug}) }}" class="venue-categories-title">{{ category.name }}
  324.                                                     ({{ nbProduct }})</a>
  325.                                             </h3>
  326.                                         </div>
  327.                                     </div>
  328.                                 </div>
  329.                             </div>
  330.                         {% endif %}
  331.                     {% endfor %}
  332.                 </div>
  333.             </div>
  334.         </div>
  335.     </div> #}
  337.     {{ include('front/accueil/selectionDocumentaire.html.twig') }}
  339.     {# <div class="space-ex-large bg-white">
  340.         <div class="container">
  341.             <div class="row">
  342.                 <div class="col-xl-12  col-lg-12 col-md-12 col-sm-12 col-12">
  343.                     <div
  344.                         class="section-title text-center">
  345.                         <!-- section title start-->
  346.                         <h2 class="mb10">Notre sélection documentaire</h2>
  347.                         <p>Astuces, conseils, organisation,.. Des articles qui vont vous aider à préparer au mieux votre mariage.</p>
  348.                     </div>
  349.                     <!-- /.section title start-->
  350.                 </div>
  351.             </div>
  353.             <div class="row">
  354.                 {% for article in articles %}
  355.                     <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
  356.                         <div
  357.                             class="post-block">
  358.                             <!-- post vertical block -->
  359.                             <div class="meta-date-circle">
  360.                                 <span class="meta-date">{{ article.publishedAt|date('d') }}
  361.                                     <small>{{ article.publishedAt|format_date(pattern="MMM")|slice(0, 3)|capitalize }}</small>
  362.                                 </span>
  363.                             </div>
  364.                             <div class="post-img zoomimg rounded-top" style="background:url({{ asset(constant('App\\Services\\File::IMAGE_BLOG_DIR') ~ article.image) }});width:100%;height:250px;background-repeat:no-repeat;background-position: center;background-size:cover"></div>
  365.                             <div class="post-content text-left rounded-0">
  366.                                 <div class="post-meta-category">
  367.                                     <a href="{{ path('front_blog_category_list', {'categorySlug': article.blogCategory.categorySlug}) }}">{{ article.blogCategory.name }}</a>
  368.                                 </div>
  369.                                 <h3 class="mb-0">
  370.                                     <a href="{{ path('front_blog_single', {'categorySlug': article.blogCategory.categorySlug, 'slug': article.slug}) }}" class="post-title">{{ article.title }}</a>
  371.                                 </h3>
  372.                                 <div class="post-second-footer">
  373.                                     <p class="meta"></p>
  374.                                 </div>
  375.                             </div>
  376.                         </div>
  377.                     </div>
  378.                 {% endfor %}
  379.             </div>
  380.             <div class="row">
  381.                 <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12 text-center mt30">
  382.                     <a href="{{ path('front_blog_list') }}" class="btn btn-default">Voir tous les articles</a>
  383.                 </div>
  384.             </div>
  385.         </div>
  386.     </div> #}
  388.     {# {% if packsFormule is not empty %}
  389.         <div class="space-small bg-white">
  390.             <div class="container">
  391.                 <div class="row">
  392.                     <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  393.                         <div
  394.                             class="section-title text-center">
  395.                             <!-- section title start-->
  396.                             <h2 class="mb10">Nos formules mariage & lune de miel</h2>
  397.                         </div>
  398.                         <!-- /.section title start-->
  399.                     </div>
  400.                 </div>
  401.                 <div
  402.                     class="row">
  403.                     <!-- venue-categoris-block-->
  404.                     {% for pack in packsFormule %}
  405.                         <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
  406.                             <div class="vendor-categories-block zoomimg">
  407.                                 <div class="vendor-categories-img">
  408.                                     <a href="{{ path('front_pack_single', {'slug': pack.slug}) }}"><img src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ pack.image) }}" alt="{{ pack.name }}" class="img-fluid" style="min-width:100%"></a>
  409.                                 </div>
  410.                                 <div class="vendor-categories-overlay">
  411.                                     <div class="vendor-categories-text">
  412.                                         <h4 class="mb0">
  413.                                             <a href="{{ path('front_pack_single', {'slug': pack.slug}) }}" class="vendor-categories-title">{{ pack.name }}</a>
  414.                                         </h4>
  415.                                     </div>
  416.                                 </div>
  417.                             </div>
  418.                             <!-- /.venue-categoris-block-->
  419.                         </div>
  420.                     {% endfor %}
  421.                 </div>
  422.             </div>
  423.         </div>
  424.     {% endif %} #}
  426.     <!-- /.feature-section -->
  427.     {% if packsLuneMiel is not empty %}
  428.         <div class="space-medium pdb0">
  429.             <div class="container">
  430.                 <div class="row">
  431.                     <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  432.                         <div
  433.                             class="section-title text-center">
  434.                             <!-- section title start-->
  435.                             <h2 class="mb10">Nos sélections lune de miel</h2>
  436.                         </div>
  437.                         <!-- /.section title start-->
  438.                     </div>
  439.                 </div>
  440.                 <div
  441.                     class="row">
  442.                     <!-- venue-categoris-block-->
  443.                     {% for pack in packsLuneMiel %}
  444.                         <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
  445.                             <div class="vendor-categories-block zoomimg">
  446.                                 <div class="vendor-categories-img">
  447.                                     <a href="{{ path('front_pack_single', {'slug': pack.slug}) }}"><img src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ pack.image) }}" alt="{{ pack.name }}" class="img-fluid" style="min-width:100%"></a>
  448.                                 </div>
  449.                                 <div class="vendor-categories-overlay">
  450.                                     <div class="vendor-categories-text">
  451.                                         <h4 class="mb0">
  452.                                             <a href="{{ path('front_pack_single', {'slug': pack.slug}) }}" class="vendor-categories-title">{{ pack.name }}</a>
  453.                                         </h4>
  454.                                     </div>
  455.                                 </div>
  456.                             </div>
  457.                             <!-- /.venue-categoris-block-->
  458.                         </div>
  459.                     {% endfor %}
  460.                 </div>
  461.             </div>
  462.         </div>
  463.     {% endif %}
  464.     <!-- /. venue-thumbnail-section-->
  466.     <!-- /.feature-section-->
  467.     <!-- Testimonial-section -->
  468.         {% if lastAvis is not empty and lastAvis|length >= 3 %}
  469.             <div class="space-medium bg-yellow-light"> <div class="container">
  470.                 <div class="row">
  471.                     <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  472.                         <div
  473.                             class="section-title text-center">
  474.                             <!-- section title start-->
  475.                             <h2 class="mb10">Derniers avis déposés</h2>
  476.                         </div>
  477.                         <!-- /.section title start-->
  478.                     </div>
  479.                 </div>
  480.                 <div class="row">
  481.                     {% for avi in lastAvis %}
  482.                         <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
  483.                             <div
  484.                                 class="testimonial-block">
  485.                                 <!-- testimonial block -->
  486.                                 <div class="testimonial-icon">
  487.                                     <i class="fa fa-quote-right fa-default"></i>
  488.                                 </div>
  489.                                 <h3 class="testimonial-name">{{ avi.client.firstName }}</h3>
  490.                                 <p class="testimonial-text">“{{ avi.text }}”</p>
  491.                                 <div class="testimonial-pic">
  492.                                     {% if avi.client.image %}
  493.                                         <img src="{{ asset(constant('App\\Services\\File::IMAGE_CLIENT_DIR') ~ avi.client.image) }}" class="rounded-circle" alt="{{ avi.client.firstName }}" style="width:100px;height:100px">
  494.                                     {% else %}
  495.                                         <img src="{{ asset('images/user-default') }}" class="rounded-circle" alt="{{ avi.client.firstName }}" style="width:100px;height:100px">
  496.                                     {% endif %}
  497.                                 </div>
  498.                                 <hr>
  499.                                 <div class="testimonial-meta">
  500.                                     <h5 class="mb0">{{ avi.client.firstName }}
  501.                                         a choisi un produit de la catégorie
  502.                                         {{ avi.product.subCategories[0].name }}</h5>
  503.                                     <p class="testimonial-small-text mb0">
  504.                                         {% for department in avi.product.departments %}
  505.                                             Disponibilité :<br>
  506.                                             {{ department.name }}
  507.                                             {% if not loop.last %},
  508.                                             {% endif %}
  509.                                         {% else %}
  510.                                             Disponibilité :<br>
  511.                                             Toute la France
  512.                                         {% endfor %}
  513.                                     </p>
  514.                                     <span class="rating-star">
  515.                                         {% for i in 1..5 %}
  516.                                             {% if i < avi.globalNote %}
  517.                                                 <i class="fa fa-star rated"></i>
  518.                                             {% else %}
  519.                                                 <i class="far fa-star"></i>
  520.                                             {% endif %}
  521.                                         {% endfor %}
  522.                                     </span>
  523.                                 </div>
  524.                                 <!-- /.testimonial block -->
  525.                             </div>
  526.                         </div>
  527.                     {% endfor %}
  528.                 </div>
  529.             </div>
  530.         </div>
  531.     {% endif %}
  532.     <!-- /.Testimonial-section -->
  533.     {{ include('front/petiteAnnonce.html.twig') }}
  535.     {# <div class="venue-thumbnail-carousel"> #}
  536.     {#<div class="space-small bg-white">
  537.         <div class="container">
  538.             <div class="row">
  539.                 <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  540.                     <div
  541.                         class="section-title text-center">
  542.                         <!-- section title start-->
  543.                         <h2 class="mb10">Les petites annonces</h2>
  544.                         {% if clients is not empty %}
  545.                             {% if (clients is not empty) and (clients | length == 1) %}
  546.                                 <p class="sous_titre">Le premier nouvel annonce client</p>
  547.                             {% elseif(clients is not empty) and (clients | length == 2) %}
  548.                                 <p class="sous_titre">Les deux premiers annonces clients</p>
  549.                             {% elseif(clients is not empty) and (clients | length == 3) %}
  550.                                 <p class="sous_titre">Les trois premiers annonces clients</p>
  551.                             {% else %}
  552.                                 <p class="sous_titre">Les trois derniers annonces clients</p>
  553.                             {% endif %}
  554.                         {% else %}
  555.                             <p class="sous_titre">il y a Aucune annonce pour l'instant</p>
  556.                         {% endif %}
  558.                     </div>
  559.                     <!-- /.section title start-->
  560.                 </div>
  561.             </div>
  562.             <div
  563.                 class="row">
  564.                 <!-- venue-categoris-block-->
  565.                 {% set today = date() %}
  566.                 {% set yesterday = date('-1days') %}
  567.                 
  568.                 {% for annonce in annonces %}
  570.                     <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
  571.                         <div class="vendor-categories-block zoomimg">
  572.                             <div class="vendor-categories-img">
  573.                                 <div class="total_carde">
  574.                                     <div class="card card_core">
  575.                                         <div class="card-body">
  576.                                             <h3 class="card-title titre_cadre">{{filter_service.limite_motsafficher(annonce.titre, 60)}}</h3>
  577.                                             <p class="card-text text_cadre">{{ filter_service.limite_motsafficher(annonce.description,80) | raw}}</p>
  578.                                         </div>
  579.                                     </div>
  580.                                     <div class="profil_card">
  581.                                         <div class="profil_photo">
  582.                                             <img src={{ asset('images/avatar.jpg') }} alt="profil" class="profil_img">
  583.                                         </div>
  584.                                         <div class="profil_core">
  585.                                             <h4 class="profil_core_nom">{{annonce.users.firstName}}{{annonce.users.lastName}}</h4>
  586.                                              {% if annonce.createdAt|date('d/m/Y') == today|date("d/m/Y") %}
  587.                                              <span>Aujourd'hui à {{annonce.createdAt | date('H:i')}}</span>
  588.                                              {% elseif annonce.createdAt|date('d/m/Y') == yesterday|date("d/m/Y") %}
  589.                                              <span>Hier à {{annonce.createdAt | date('H:i')}}</span>
  590.                                              {% else %}
  591.                                             <span>{{annonce.createdAt | date('d M Y')}}
  592.                                                 à
  593.                                                 {{annonce.createdAt | date('H:i')}}</span>
  594.                                             {% endif %}
  596.                                         </div>
  598.                                     </div>
  599.                                 </div>
  601.                             </div>
  603.                         </div>
  604.                         <!-- /.venue-categoris-block-->
  605.                     </div>
  606.                 {% endfor %}
  607.             </div>
  608.             {% if clients is not empty %}
  609.                 <div class="row">
  610.                     <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  611.                         <div class="section-title text-center">
  612.                             <a href="{{ path('client_space_annonce_tous') }}" class="btn btn-default mb-3 bouton_s">
  613.                                 {% if (clients is not empty) and (clients | length == 1) %}
  614.                                     <p>Voir l' annonce du client <i class="fa fa-angle-double-right"></i></p>
  615.                                 {% else %}
  616.                                     <p>Voir les ({{clients | length}}) annonce(s) du client <i class="fa fa-angle-double-right"></i></p>
  618.                                 {% endif %}
  619.                             </a>
  621.                         </div>
  622.                         <!-- /.section title start-->
  623.                     </div>
  624.                 </div>
  625.             {% endif %}
  627.         </div>
  628.     </div>#}
  630.     {# <div class="space-small bg-white">
  631.         <div class="container">
  632.             <div class="row">
  633.                 <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  634.                     <div
  635.                         class="section-title text-center">
  636.                         <!-- section title start-->
  637.                         <h2 class="mb10">Les petites annonces du prestataire</h2>
  638.                         {% if prestataires is not empty %}
  639.                             {% if (prestataires is not empty) and (prestataires | length == 1) %}
  640.                                 <p class="sous_titre">Le premier nouvel annonce prestataire</p>
  641.                             {% elseif(prestataires is not empty) and (prestataires | length == 2) %}
  642.                                 <p class="sous_titre">Les deux premiers annonces prestataires</p>
  643.                             {% elseif(prestataires is not empty) and (prestataires | length == 3) %}
  644.                                 <p class="sous_titre">Les trois premiers annonces prestataires</p>
  645.                             {% else %}
  646.                                 <p class="sous_titre">Les trois derniers annonces prestataires</p>
  648.                             {% endif %}
  649.                         {% else %}
  650.                             <p class="sous_titre">il y a Aucune annonce pour l'instant</p>
  651.                         {% endif %}
  653.                     </div>
  654.                     <!-- /.section title start-->
  655.                 </div>
  656.             </div>
  657.             <div
  658.                 class="row">
  659.                 <!-- venue-categoris-block-->
  660.                 {% set today = date() %}
  661.                 {% set yesterday = date('-1days') %}
  662.                 
  663.                 {% for annonce in annonce_prests %}
  665.                     <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
  666.                         <div class="vendor-categories-block zoomimg">
  667.                             <div class="vendor-categories-img couvert_prest">
  668.                                 <img src={{('upload/produits/' ~ filter_service.getphotoProduit(annonce.products)) }} alt="profil" class="img-fluid image_prest">
  670.                                 <div class="card card_core_prest">
  671.                                     <div class="card-body">
  672.                                         <h3 class="card-title titre_cadre_prest">{{filter_service.limite_motsafficher(annonce.titre, 70)}}</h3>
  673.                                         <span>Prix :
  674.                                             {{annonce.products.price}}
  675.                                             €</span>
  677.                                         <p class="card-text text_cadre_prest">
  678.                                             {% if annonce.createdAt|date('d/m/Y') == today|date("d/m/Y") %}
  679.                                              <span>Aujourd'hui à {{annonce.createdAt | date('H:i')}}</span>
  680.                                              {% elseif annonce.createdAt|date('d/m/Y') == yesterday|date("d/m/Y") %}
  681.                                              <span>Hier à {{annonce.createdAt | date('H:i')}}</span>
  682.                                              {% else %}
  683.                                             <span>{{annonce.createdAt | date('d M Y')}}
  684.                                                 à
  685.                                                 {{annonce.createdAt | date('H:i')}}</span>
  686.                                             {% endif %}
  688.                                         </p>
  690.                                     </div>
  691.                                 </div>
  692.                             </div>
  694.                         </div>
  695.                         <!-- /.venue-categoris-block-->
  696.                     </div>
  697.                 {% endfor %}
  698.             </div>
  699.             {% if prestataires is not empty %}
  701.                 <div class="row">
  702.                     <div class="offset-xl-2 col-xl-8 offset-lg-2 col-lg-8 col-md-12 col-sm-12 col-12">
  703.                         <div class="section-title text-center">
  704.                             <a href="{{ path('company_space_annonce') }}" class="btn btn-default mb-3 bouton_s">
  705.                                 {% if (clients is not empty) and (clients | length == 1) %}
  706.                                     <p>Voir l' annonce du prestataire <i class="fa fa-angle-double-right"></i></p>
  707.                                 {% else %}
  708.                                     <p>Voir les ({{prestataires | length}}) annonce(s) du prestataire <i class="fa fa-angle-double-right"></i></p>
  709.                                 {% endif %}
  711.                             </a>
  713.                         </div>
  714.                         <!-- /.section title start-->
  715.                     </div>
  716.                 </div>
  717.             {% endif %}
  719.         </div>
  720.     </div> #}
  722.     {# {{ include('front/accueil/petiteAnnoncePrestataire.html.twig') }} #}
  724. </div></div>{# </div> #}</div>
  725.     <button class="btn btn-default" id="btnCarte" data-url="{{ path('front_company_recherche_map') }}">Carte <i class="far fa-map"></i></button>
  726. {% endblock %}
  727. {% block javascript %}
  728. {{ parent() }}
  729. {# Pour aller voir carte et pour effacer en trois seconde addFlash message #}
  730. <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
  731. <script src="{{ asset('js/btnCart.js') }}"></script>
  732. <script src="{{ asset('js/jquery-ui.js') }}"></script>
  733. <script>$('.carousel').carousel({interval: 3000})
  735. $(document).ready(function () {
  737. $('#category_master').change(function () {
  738. var inputValue = $('#category_master').val();
  740. const data = {
  741. idCategory: inputValue
  742. };
  744. let datas = new FormData();
  745. datas.append("data", JSON.stringify(data));
  747. fetch("{{ path('front_search_category') }}", {
  748. method: 'POST',
  749. body: datas
  750. }).then(response => response.json()).then(data => {
  751. if (data.response === 'ok') {
  752. document.getElementById('div_search_type').innerHTML = data.categories.content;
  753. }
  754. })
  755. })
  756. });
  758. // $('.owl-mitapy').owlCarousel({
  759. //     items: 3,
  760. //     loop:true,
  761. //     nav:true,
  762. //     autoplay: true,
  763. // })</script><script>
  764. var modal = document.querySelector('.annonce-modal');
  766. var close = document.querySelector('#modal-concel');
  767. if(close != null){
  768.     close.addEventListener('click', closeModal);
  769. }
  771. function closeModal() {
  772. modal.classList.remove('affiche');
  773. }
  775. function trouvePrest(event) {
  776. // var texte = event.target;
  777. // let message = texte.getAttribute('data-text');
  778. // let nom = texte.getAttribute('data-cli');
  779. // let mail = texte.getAttribute('data-mail');
  781. modal.classList.add('affiche');
  782. // message_content.innerText = message;
  783. // info_content.innerHTML = nom + ' / ' + mail;
  784. }</script>
  785. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script>
  786. <script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
  787. <script src="{{asset('/js/jquery.datetimepicker.full.js')}}"></script>
  788. <script>
  789. jQuery(document).ready(function($) {
  790.     $('#datetimepickerAccueil').datetimepicker({
  791.         format: 'd/m/Y',
  792.          locale: 'fr',
  793.          minDate: "+1",
  794.          minview: 2,
  795.          timepicker: false,
  796.         // new Date()
  797.     });
  798. })
  799. </script>
  800. {# daterangepicker #}
  801. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  802. <script>
  803. {# Save value of daterangepicker #}
  804. jQuery(document).ready(function($) {
  805.     var $startDate = $('#startdatetimepickerAccueil');
  806.     var $endDate = $('#enddatetimepickerAccueil');
  808.     $('#daterangePicker').daterangepicker({
  809.         opens: 'left',
  810.         locale: {
  811.             format: 'DD/MM/YYYY', // Change date format
  812.             separator: ' - ',
  813.             applyLabel: 'Appliquer',
  814.             cancelLabel: 'Annuler',
  815.             fromLabel: 'De',
  816.             toLabel: 'À',
  817.             customRangeLabel: 'Personnalisé',
  818.             weekLabel: 'S',
  819.             daysOfWeek: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
  820.             monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
  821.             firstDay: 1 // Monday as the first day of the week
  822.         }
  823.     }, function(start, end, label) {
  824.         $startDate.val(start.format('DD/MM/YYYY'));
  825.         $endDate.val(end.format('DD/MM/YYYY'))
  826.     });
  827. })
  828. </script>
  829. <script>
  830.     {# Handle daterange in search #}
  831.     $(document).ready(function() {
  832.     var $categorySelect = $('#persoBorder');
  833.     var $singleDateContainer = $('#singleDateContainer');
  834.     var $rangeDateContainer = $('#rangeDateContainer');
  835.     var $startDate = $('#startdatetimepickerAccueil');
  836.     var $endDate = $('#enddatetimepickerAccueil');
  837.     var $weddingDate = $('#datetimepickerAccueil');
  838.         
  839.     $categorySelect.on('change', function() {
  840.         var selectedOption = $categorySelect.find('option:selected').text().toLowerCase();
  841.         console.log("Selected option:", $categorySelect.val());
  843.         if ($categorySelect.val() == 55) { // in search if subcategory selected is hebergements
  844.             $singleDateContainer.hide();
  845.             $rangeDateContainer.show();
  846.             $weddingDate.prop('required', false);
  847.             $startDate.prop('required', true);
  848.             $endDate.prop('required', true);
  849.         } else if ($categorySelect.val() == 53) { // in search if subcategory selected is vehicule
  850.             $singleDateContainer.hide();
  851.             $rangeDateContainer.show();
  852.             $weddingDate.prop('required', false);
  853.             $startDate.prop('required', true);
  854.             $endDate.prop('required', true);
  855.                 } else {
  856.             $singleDateContainer.show();
  857.             $rangeDateContainer.hide();
  858.             $weddingDate.prop('required', true);
  859.             $startDate.prop('required', false);
  860.             $endDate.prop('required', false);
  861.             $startDate.val("");
  862.             $endDate.val("");
  863.         }
  864.     });
  866.     // Save value daterange picker to local storage
  867.     const form = document.getElementById('formShearch');
  869.     form.addEventListener('submit', saveDate);
  871.     function saveDate(e) {
  872.         e.preventDefault();
  873.         const saveStart = document.getElementById('startdatetimepickerAccueil').value;
  874.         const saveEnd = document.getElementById('enddatetimepickerAccueil').value;
  875.     
  876.         const dateSave = {
  877.             start: saveStart,
  878.             end: saveEnd
  879.         };
  880.     
  881.         localStorage.setItem('dateSave', JSON.stringify(dateSave));
  882.         
  883.         form.submit();
  884.     }
  885. });
  887. </script>
  888. {% endblock %}