src/SiteBundle/Resources/views/Sites/index.html.twig line 1

Open in your IDE?
  1. {% extends 'SiteBase.html.twig' %}
  2. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  3. {% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  4. {% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  5. {% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  6. {% block body %}
  7.     {#
  8.         {% set hizmetKategori = 9|site_sayfaKategori(3) %}
  9.         {% set hizmetler = 2|site_sayfaIcerik %}
  10.     #}
  12.    {# Popup Ayarları #}
  13.     {{ 0|site_popupGetir|raw }}
  14.    {# Sayfa İstekleri #}
  15.     {% set sBoyutlar = 'slider'|ayarlar|split('X') %}
  16.     {% set sliders = ''|site_sliders %}
  17.     {% set villaSecenekleri = 1|site_villaKategori %}
  18.     {% set ilanlar = ''|site_ilanGetir %}
  20.     <section class="section-box box-banner-home7 background-body">
  21.         <div class="container"></div>
  22.         <div class="container-banner-home7">
  23.             <div class="box-swiper">
  24.                 <div class="swiper-container swiper-group-1">
  25.                     <div class="swiper-wrapper">
  27.                         {% for slider in sliders %}
  29.                         <div class="swiper-slide">
  30.                             <div class="item-banner-slide" style="background-image: url({{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,70) }})">
  31.                                 <div class="container"> <span class="btn btn-brand-secondary wow fadeInUp"> <img class="mr-10" src="/dist2/assets/imgs/page/homepage7/hotel.svg" alt="{{ 'siteAdi'|ayarlar }}">{{ 'siteAdi'|ayarlar }}</span>
  32.                                     <h1 class="mt-20 mb-20 color-white">{{ slider.baslik|default('') }}</h1>
  33.                                     <h5 class="color-white">{{ slider.aciklama|default('') }}</h5>
  34.                                 </div>
  35.                             </div>
  36.                         </div>
  39.                         {% endfor %}
  41.                     </div>
  42.                     <div class="swiper-pagination swiper-pagination-group-1 swiper-pagination-style-2"></div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.         <div class="container-search-advance">
  47.             <div class="container">
  48.                 <div class="box-search-advance background-card wow fadeInUp">
  50.                     <div class="box-bottom-search background-card row">
  51.                         <div class="col-md-4 mb-4">
  52.                             <label class="text-sm-bold neutral-500">Konum</label>
  53.                             <div class="dropdown">
  54.                                 <button class="btn btn-secondary dropdown-toggle btn-dropdown-search location-search konumText" type="button" data-bs-toggle="dropdown" aria-expanded="false">Bölge seç</button>
  55.                                 <ul class="dropdown-menu">
  56.                                     {% for semt in ''|ilanBolgeBul %}
  57.                                         <li><a class="dropdown-item" href="#" onclick="$('#bolgeSec').val($(this).attr('value')); $('.konumText').html($(this).html());" value="{{ semt.id }}">{{ semt.adi }}, {{ semt.ilceId|bolgeTamamla }}</a></li>
  58.                                     {% endfor %}
  59.                                 </ul>
  60.                                 <select id="bolgeSec" class="form-control d-none" tabindex="-1" aria-hidden="true">
  61.                                     <option value=""></option>
  62.                                     {% for semt in ''|ilanBolgeBul %}
  63.                                         <option value="{{ semt.id }}">{{ semt.adi }}, {{ semt.ilceId|bolgeTamamla }}</option>
  64.                                     {% endfor %}
  65.                                 </select>
  66.                             </div>
  67.                         </div>
  68.                         <div class="col-md-2 mb-4">
  69.                             <label class="text-sm-bold neutral-500">Giriş Tarihi</label>
  70.                             <div class="box-calendar-date">
  71.                                 <input class="search-input datepicker" type="text" placeholder="Giriş Tarihi" id="girisTarihi">
  72.                             </div>
  73.                         </div>
  74.                         <div class="col-md-2 mb-4">
  75.                             <label class="text-sm-bold neutral-500">Çıkış Tarihi</label>
  76.                             <div class="box-calendar-date">
  77.                                 <input class="search-input datepicker" type="text" placeholder="Çıkış Tarihi" id="cikisTarihi">
  78.                             </div>
  79.                         </div>
  80.                         <div class="col-md-2 mb-4">
  81.                             <label class="text-sm-bold neutral-500">Yetişkin Sayısı</label>
  82.                             <div class="dropdown">
  83.                                 <button class="btn btn-secondary dropdown-toggle btn-dropdown-search passenger-search yetiskinText" type="button" data-bs-toggle="dropdown" aria-expanded="false">Sayı seç</button>
  84.                                 <ul class="dropdown-menu">
  85.                                     {% for sayi in 1..14 %}
  86.                                         <li><a class="dropdown-item" href="#" onclick="$('#yetiskinSayisi').val($(this).attr('value')); $('.yetiskinText').html($(this).html());" value="{{ sayi }}">{{ sayi }}</a></li>
  87.                                     {% endfor %}
  88.                                 </ul>
  89.                                 <select id="yetiskinSayisi" class="form-control d-none yetiskinSayisi" tabindex="-1" aria-hidden="true">
  90.                                     <option value=""></option>
  91.                                     {% for sayi in 1..14 %}
  92.                                         <option value="{{ sayi }}">{{ sayi }}</option>
  93.                                     {% endfor %}
  94.                                 </select>
  95.                             </div>
  96.                         </div>
  98.                         <div class="col-md-2 mb-4 bd-none d-flex justify-content-end">
  99.                             <button class="btn btn-black-lg" onclick="hizliArama();">
  100.                                 <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  101.                                     <path d="M19 19L14.6569 14.6569M14.6569 14.6569C16.1046 13.2091 17 11.2091 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C11.2091 17 13.2091 16.1046 14.6569 14.6569Z" stroke="" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  102.                                 </svg> Ara
  103.                             </button>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.     </section>
  111.     <section class="section-box box-top-rated-3 background-body">
  112.         <div class="container">
  113.             <div class="row align-items-end">
  114.                 <div class="col-md-12 wow fadeInUp">
  115.                     <h2 class="neutral-1000"> <svg width="27" height="39" viewbox="0 0 27 39" fill="none" xmlns="http://www.w3.org/2000/svg">
  116.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9721 38.9991C8.7171 38.9991 4.81518 36.9218 2.26676 33.3001C-2.75855 26.158 2.51539 14.3625 2.74208 13.8636C2.9258 13.4594 3.52612 13.5316 3.60747 13.9699C3.76126 14.8015 4.29256 16.7779 5.15293 17.7806C5.10151 14.7925 5.50964 5.77322 11.837 0.116751C12.0555 -0.0784021 12.5434 -0.0722321 12.6046 0.489233C12.7694 2.00841 13.5182 7.07279 16.2396 8.45395C16.5072 8.59014 19.041 11.7859 19.4825 14.7516C19.9265 14.1746 20.5412 12.9299 20.8221 10.3182C20.8639 9.92925 21.3458 9.7702 21.6118 10.0561C21.708 10.1596 31.1506 20.547 24.5663 32.0572C22.0801 36.4045 17.7458 38.9991 12.9718 38.9991H12.9721Z" fill="#FFA725"></path>
  117.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6808 35.7816C16.2031 35.7816 18.5162 34.5504 20.0269 32.4035C23.0058 28.1695 19.8795 21.1774 19.7451 20.8817C19.6361 20.642 19.2803 20.6849 19.2321 20.9448C19.1409 21.4377 18.826 22.6093 18.316 23.2036C18.3464 21.4322 18.1046 16.0858 14.3538 12.7326C14.2242 12.6169 13.9351 12.6206 13.8988 12.9533C13.801 13.8539 13.3572 16.8559 11.7439 17.6747C11.5853 17.7554 10.0832 19.65 9.82136 21.408C9.5581 21.0659 9.19362 20.328 9.02726 18.7798C9.00235 18.5492 8.71671 18.4548 8.55926 18.6244C8.50213 18.6859 2.90484 24.8435 6.80791 31.6665C8.28184 34.2435 10.8511 35.7816 13.6812 35.7816H13.6808Z" fill="#FF871E"></path>
  118.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M9.85986 33.1274C9.45699 33.1274 9.24767 32.6357 9.53674 32.3471L16.8513 25.0323C17.2775 24.6061 17.9233 25.2537 17.498 25.6787L10.1832 32.9935C10.0939 33.0829 9.97709 33.1274 9.85986 33.1274Z" fill="white"></path>
  119.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1965 28.6139C8.66976 28.6139 8.66816 24.77 11.196 24.77C13.7241 24.77 13.7229 28.6139 11.1965 28.6139ZM11.1965 25.6834C10.3041 25.6834 9.84959 26.7698 10.4835 27.4041C11.4056 28.3264 12.8596 26.93 11.9092 25.9789C11.7189 25.7881 11.4659 25.6834 11.1965 25.6834Z" fill="white"></path>
  120.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M15.839 33.2555C13.3121 33.2555 13.3109 29.4119 15.839 29.4119C18.3668 29.4119 18.3666 33.2555 15.839 33.2555ZM15.839 30.3252C14.9464 30.3252 14.4923 31.4116 15.1262 32.046C16.0481 32.9685 17.5021 31.5713 16.552 30.6207C16.3616 30.4299 16.1082 30.3252 15.839 30.3252Z" fill="white"></path>
  121.                         </svg> Popüler Villalar</h2>
  122.                     <p class="text-xl-medium neutral-500">Müşteriler tarafından değerlendirilen kalite. İdeal fiyata rezervasyon yapın!</p>
  123.                 </div>
  124.                 -
  125.             </div>
  126.         </div>
  127.         <div class="container-slider box-swiper-padding wow fadeInUp">
  128.             <div class="box-swiper mt-30">
  129.                 <div class="swiper-container swiper-group-animate swiper-group-journey">
  130.                     <div class="swiper-wrapper">
  132.                         {% for ilan in ilanlar %}
  133.                         {% set resimler = ilan.resimler|default('')|split(',') %}
  134.                         {% set alt = ilan.kategoriId|villa_altKategoriGeriYaz %}
  135.                         {% set link = ''|site_anaLink~alt~ilan.seo %}
  136.                         <div class="swiper-slide">
  137.                             <div class="card-journey-small background-card">
  138.                                 <div class="card-image"> <a class="wish" href="{{ link }}">
  139.                                         <i class="fa fa-search"></i>
  140.                                     </a>
  141.                                     <img data-src="{{ resimler[0]|timthumb('uploads/',406,326,1,100) }}" class="img-fluid mx-auto lazy" alt="{{ ilan.adi }}" />
  143.                                 </div>
  144.                                 <div class="card-info">
  145.                                     <div class="card-rating">
  146.                                         <div class="card-left"> </div>
  147.                                         <div class="card-right"> <span class="rating">5.00</span></div>
  148.                                     </div>
  149.                                     <div class="card-title text-center"> <a class="heading-6 neutral-1000" href="{{ link }}">{{ ilan.adi }} </a></div>
  150.                                     <div class="card-program">
  151.                                         <div class="card-location flex-column">
  152.                                             <p class="text-location text-md-medium neutral-500">{{ ilan.semt|semtDetay('adi') }}, {{ ilan.ilce|ilceDetay('adi') }}, {{ ilan.il|ilDetay('adi') }}</p>
  153.                                           <div class="d-flex justify-content-center">
  154.                                               <p class="text-md-medium neutral-500 px-2"><i class="fa fa-users me-2"></i>{{ ilan.kisi }} Kişilik</p>
  155.                                               <p class="text-md-medium neutral-500 px-2"><i class="fa fa-bed me-2"></i>{{ ilan.yatak }} Yatak</p>
  156.                                               <p class="text-md-medium neutral-500 px-2"><i class="fa fa-bath me-2"></i>{{ ilan.banyo }} Banyo</p>
  157.                                           </div>
  159.                                         </div>
  160.                                         <div class="endtime">
  161.                                             <div class="card-price">
  162.                                                 <h6 class="heading-6 neutral-1000">{{ ilan.dilgrup|ilan_fiyatBul }}</h6>
  163.                                                 <p class="text-md-medium neutral-500">/ gecelik</p>
  164.                                             </div>
  165.                                             <div class="card-button mt-4"> <a class="btn btn-gray" href="{{ link }}">Rezervasyon Yap</a></div>
  166.                                         </div>
  167.                                     </div>
  168.                                 </div>
  169.                             </div>
  170.                         </div>
  171.                         {% endfor %}
  175.                     </div>
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </section>
  182.     {#
  183.     <div class="image-cover hero_banner" style="background:url({{ sliders[0].resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,70) }}) no-repeat;" data-overlay="4">
  184.         <div class="container">
  186.             <div class="row justify-content-end">
  187.                 <div class="col-lg-5 col-md-5">
  189.                     <div class="box_search_wrap light">
  190.                         <div class="hero_search">
  191.                             <h1>Hızlı Arama</h1>
  192.                         </div>
  193.                         <div class="search_hero_wrapping" data-select2-id="8">
  195.                             <div class="row">
  196.                                 <div class="col-lg-12 col-md-12 col-sm-12">
  197.                                     <div class="form-group">
  198.                                         <div class="input-with-icon gray">
  199.                                             <select id="bolgeSec" class="form-control" tabindex="-1" aria-hidden="true">
  200.                                                 <option value=""></option>
  201.                                                 {% for semt in ''|ilanBolgeBul %}
  202.                                                     <option value="{{ semt.id }}">{{ semt.adi }}, {{ semt.ilceId|bolgeTamamla }}</option>
  203.                                                 {% endfor %}
  204.                                             </select>
  205.                                             <i class="ti-target"></i>
  206.                                         </div>
  207.                                     </div>
  208.                                 </div>
  209.                             </div>
  210.                             <div class="row">
  211.                                 <div class="col-lg-6 col-md-6 col-sm-6">
  212.                                     <div class="form-group">
  213.                                         <div class="input-with-icon gray">
  214.                                             <input type="date" class="form-control" placeholder="Giriş Tarihi" id="girisTarihi">
  215.                                             <i class="ti-calendar"></i>
  216.                                         </div>
  217.                                     </div>
  218.                                 </div>
  219.                                 <div class="col-lg-6 col-md-6 col-sm-6">
  220.                                     <div class="form-group">
  221.                                         <div class="input-with-icon gray">
  222.                                             <input type="date" class="form-control" placeholder="Çıkış Tarihi" id="cikisTarihi">
  223.                                             <i class="ti-calendar"></i>
  224.                                         </div>
  225.                                     </div>
  226.                                 </div>
  227.                             </div>
  228.                             <div class="row">
  229.                                 <div class="col-lg-12 col-md-12 col-sm-12">
  230.                                     <div class="form-group">
  231.                                         <input id="3gun" class="checkbox-custom" type="checkbox">
  232.                                         <label for="3gun" class="checkbox-custom-label">3 Gün önce ve sonraki villaları da göster</label>
  233.                                     </div>
  234.                                 </div>
  235.                             </div>
  236.                             <div class="row">
  237.                                 <div class="col-lg-6 col-md-6 col-sm-6">
  238.                                     <div class="form-group">
  239.                                         <div class="input-with-icon gray">
  240.                                             <select id="yetiskinSayisi" class="form-control yetiskinSayisi" tabindex="-1" aria-hidden="true">
  241.                                                 <option value=""></option>
  242.                                                 {% for sayi in 1..14 %}
  243.                                                     <option value="{{ sayi }}">{{ sayi }}</option>
  244.                                                 {% endfor %}
  245.                                             </select>
  246.                                             <i class="ti-user"></i>
  247.                                         </div>
  248.                                     </div>
  249.                                 </div>
  250.                                 <div class="col-lg-6 col-md-6 col-sm-6">
  251.                                     <div class="form-group">
  252.                                         <div class="input-with-icon gray">
  253.                                             <select id="cocukSayisi" class="form-control cocukSayisi" tabindex="-1" aria-hidden="true">
  254.                                                 <option value=""></option>
  255.                                                 {% for sayi in 1..14 %}
  256.                                                     <option value="{{ sayi }}">{{ sayi }}</option>
  257.                                                 {% endfor %}
  258.                                             </select>
  259.                                             <i class="ti-user"></i>
  260.                                         </div>
  261.                                     </div>
  262.                                 </div>
  263.                             </div>
  267.                         </div>
  268.                         <div class="hero_search-action">
  269.                             <a href="javascript:void(0);" onclick="hizliArama();" class="btn search-btn">Ara</a>
  270.                         </div>
  271.                     </div>
  273.                 </div>
  274.             </div>
  275.         </div>
  276.     </div>
  278.     <section class="gray">
  279.         <div class="container">
  281.             <div class="row">
  282.                 <div class="col-lg-12 col-md-12">
  283.                     <div class="sec-heading center">
  284.                         <h2>Villa <span class="theme-cl">Seçenekleri</span></h2>
  285.                     </div>
  286.                 </div>
  287.             </div>
  289.             <div class="row">
  291.                 {% for vKategori in villaSecenekleri %}
  292.                 {% set alt = vKategori.ustid|villa_altKategoriGeriYaz %}
  293.                 {% set link = ''|site_anaLink~alt~vKategori.seourl %}
  294.                 <!-- Single Agent -->
  295.                 <div class="col-lg-3 col-md-3 col-sm-12">
  296.                     <div class="grid_agents style-2">
  297.                         <div class="grid_agents-wrap">
  298.                             <div class="fr-grid-thumb">
  299.                                 <a href="{{ link }}">
  300.                                     <img data-src="{{ vKategori.resim|default('')|timthumb('uploads/',100,100,2,100) }}" class="img-fluid mx-auto lazy" alt="{{ vKategori.adi }}" />
  301.                                 </a>
  302.                             </div>
  303.                             <div class="fr-grid-deatil">
  304.                                 <h5 class="fr-can-name"><a href="{{ link }}">{{ vKategori.adi }}</a></h5>
  305.                             </div>
  306.                         </div>
  307.                     </div>
  308.                 </div>
  309.                 {% endfor %}
  312.             </div>
  314.         </div>
  315.     </section>
  317.     <section>
  318.         <div class="container">
  319.             <div class="row">
  321.                 {% for ilan in ilanlar %}
  322.                     {% set resimler = ilan.resimler|default('')|split(',') %}
  323.                     {% set alt = ilan.kategoriId|villa_altKategoriGeriYaz %}
  324.                     {% set link = ''|site_anaLink~alt~ilan.seo %}
  325.                     <!-- Single Property -->
  326.                     <div class="col-lg-4 col-md-6 col-sm-12">
  327.                     <div class="single_property_style property_style_2 modern">
  329.                         <div class="listing_thumb_wrapper">
  330.                             #}{#<div class="modern-pro-wrap">
  331.                                 <span class="property-type">%99 indirim</span>
  332.                             </div>#}{#
  333.                             <div class="property_gallery_slide-thumb">
  334.                                 <img data-src="{{ resimler[0]|timthumb('uploads/',348,238,1,100) }}" class="img-fluid mx-auto lazy" alt="{{ ilan.adi }}" />
  335.                             </div>
  336.                             #}{#<div class="property_price_compare">
  337.                                 <div class="property_price_reviess">
  338.                                     <span><i class="lni lni-phone mr-2"></i>+91 855 606 8702</span>
  339.                                     <div class="prt_rates"><i class="fa fa-star mr-2"></i>4.8 <span>(33 reviews)</span></div>
  340.                                 </div>
  341.                                 <div class="lpc-right">
  342.                                     <a href="#" data-toggle="tooltip" data-placement="top" title="Bookmark Property"><i class="ti-heart"></i></a>
  343.                                 </div>
  344.                             </div>#}{#
  346.                         </div>
  348.                         <div class="property_caption_wrappers pb-0">
  349.                             <div class="property_short_detail">
  350.                                 <h4 class="listing-name"><a href="{{ link }}">{{ ilan.adi }}</a></h4>
  351.                                 <span class="property-locations"><i class="ti-location-pin"></i> {{ ilan.semt|semtDetay('adi') }}, {{ ilan.ilce|ilceDetay('adi') }}, {{ ilan.il|ilDetay('adi') }}</span>
  352.                             </div>
  353.                         </div>
  355.                         <div class="property_features_wrap">
  356.                             <div class="list-fx-features">
  357.                                 <div class="listing-card-info-icon">
  358.                                     <span><i class="fa fa-users"></i> {{ ilan.kisi }} Kişilik</span>
  359.                                 </div>
  360.                                 <div class="listing-card-info-icon">
  361.                                     <span><i class="fa fa-bed"></i> {{ ilan.yatak }} Yatak</span>
  362.                                 </div>
  363.                                 <div class="listing-card-info-icon">
  364.                                     <span><i class="fa fa-bath"></i> {{ ilan.banyo }} Banyo</span>
  365.                                 </div>
  366.                             </div>
  367.                         </div>
  369.                         <div class="modern_property_footer">
  371.                             <div class="property-real-price theme-cl">{{ ilan.dilgrup|ilan_fiyatBul }}</div>
  372.                             <div class="property-author">
  373.                                 <a href="{{link}}" class="btn agent-btn btn-warning">Detaylı İncele</a>
  374.                             </div>
  375.                         </div>
  376.                     </div>
  377.                 </div>
  378.                 {% endfor %}
  379.             </div>
  380.         </div>
  381.     </section>#}
  384. {% endblock %}
  385. {% block javascripts %}
  386.     <script>
  387.         function hizliArama() {
  389.             var url = '{{ ''|site_anaLink~'hizli-arama' }}';
  390.             var xhr = new XMLHttpRequest();
  391.             var fd = new FormData();
  392.             xhr.open("POST", url, true);
  393.             xhr.onreadystatechange = function () {
  394.                 if(xhr.readyState === 4 && xhr.status === 200) {
  395.                    window.location='{{ ''|site_anaLink~'villa-kirala' }}';
  396.                 }
  397.             };
  399.             fd.append('bolge',$('#bolgeSec').val());
  400.             fd.append('girisTarihi',$('#girisTarihi').val());
  401.             fd.append('cikisTarihi',$('#cikisTarihi').val());
  403.             fd.append('yetiskinSayisi',$('#yetiskinSayisi').val());
  405.             xhr.send(fd);
  406.         }
  407.     </script>
  408. {% endblock %}