{{#if templateSettings.categoryActive }}
<a class="itemCategory" href="{{categoryUrl}}" title="">
    <div class="itemCategoryLine">
        <span>
            {{category}}
        </span>
    </div>
</a>
{{/if}}
{{#unless inStock}}
<a class="TukendiIco detailUrl" data-id="{{productId}}" href='{{url}}'>
    <span>{{translate 'UrunListesi_Tukendi'}}</span>
</a>
{{/unless}}
{{#if (and (eq showCounter 1) showPrice) }}
<div class="productTimer" date1="{{conditionalDiscountTicksDate1}}" date2="{{conditionalDiscountTicksDate2}}" init="false">
    <span class="productTimerContent productTimerDayC">
        <span class="productTimerDay"><i class="fa fa-refresh fa-spin"></i></span>
        <span>{{translate 'Global_Gun'}}</span>
    </span>
    <span class="productTimerContent productTimerHourC">
        <span class="productTimerHour"><i class="fa fa-refresh fa-spin"></i></span>
        <span>{{translate 'Global_Saat'}}</span>
    </span>
    <span class=" productTimerContent productTimerMinuteC">
        <span class="productTimerMinute"><i class="fa fa-refresh fa-spin"></i></span>
        <span>{{translate 'Global_Dakika'}}</span>
    </span>
    <span class="productTimerContent productTimerSecondC">
        <span class="productTimerSecond"><i class="fa fa-refresh fa-spin"></i></span>
        <span>{{translate 'Global_Saniye'}}</span>
    </span>
</div>
{{/if}}

{{#if templateSettings.imageSliderActive}}
 
    <div class="productImage productList-Image-Owl owl-carousel owl-theme">
        {{#each imageList}}
        <div class="imageItem">
            <a class="detailLink detailUrl" data-id="{{productId}}" title="{{seoName}}" href='{{url}}'>
                <img class="productSliderImage owl-lazy" data-src="{{imagePath}}" />
            </a>
        </div>
        {{/each}}
    </div>
 
{{else}}
<div class="productImage">
    {{#if video }}
    {{#video}}
    {{#if (eq videoTagType 'iframe')}}
    <iframe class="iframeUrunListVideo" src="{{videoLink}}" width="{{width}}" height="{{height}}"></iframe>
    {{else}}
    <a class="detailLink" title="{{../seoName}}" href='{{../url}}'>
        {{#if autoPlay}}
        <video class="autoPlay urunVideo_{{../productUnique}}" data-blokModuleId="{{ ../../block.blockModuleId }}"
               width="{{width}}" height="{{height}}" poster="{{posterImage}}" {{setVideoSettings ../video}} onloadeddata="this.play();" loop autoplay playsinline webkit-playsinline>
            <source src="{{videoLink}}" type="video/mp4">
        </video>
        {{else}}
        <video class="urunVideo_{{../productUnique}} notAutoPlay" data-blokModuleId="{{ ../../block.blockModuleId }}" width="{{width}}" data-productUnique="{{../productUnique}}"
               onclick="playProductVideo(null,'{{../productUnique}}')" height="{{height}}" poster="{{posterImage}}"
               first-poster="{{posterImage}}" second-poster="{{../imageThumb2Path}}" {{setVideoSettings ../video}} loop preload="none" playsinline webkit-playsinline>
            <source src="{{videoLink}}" type="video/mp4">
        </video>
        {{/if}}
    </a>
    {{/if}}
    {{/video}}
    {{else}}
    <a class="detailLink detailUrl" data-id="{{productId}}" title="{{seoName}}" href='{{url}}'>
        {{#if imageThumb2Active}}
        <img class='resimOrginal' src='{{imageLoadingPath}}' data-original='{{imageThumbPath}}' alt="{{seoName}}" data-second="{{imageThumb2Path}}" />
        {{else}}
        <img class='resimOrginal' src='{{imageLoadingPath}}' data-original='{{imageThumbPath}}' alt="{{seoName}}" />
        {{/if}}
    </a>
    {{/if}}
    {{#if (gt relatedProductCount 0)}}
    <div class="relatedProducts">
        <button type="button" class="button" onclick="getRelatedProducts({{productId}})">
            <i class="fa fa-plus"></i>
            {{relatedProductCount}}
        </button>
    </div>
    {{/if}}
</div>
{{/if}}

<div class="productDetail videoAutoPlay{{video.autoPlay}}" data-id="{{productId}}" data-variant-id="{{variantId}}">
    {{#if video }}
    {{#if (eq video.videoTagType 'video')}}
    <div class="divVideoPlayButton">
        <a id="urunListeVideoPlay_{{productUnique}}" class="urunListeVideoPlay" href="javascript:;" onclick="playProductVideo(this,'{{productUnique}}')">
            <i class="fa fa-play-circle-o" aria-hidden="true"></i>
        </a>
    </div>
    {{/if}}
    {{/if}}


    <div class="productMarka" style="display: none;">{{brand}}</div>
    <div class="productName detailUrl" data-id="{{productId}}"><a title="{{seoName}}" href='{{url}}'>{{name}}</a></div>
    {{#if templateSettings.productPointsActive}}
    <div class="productPoints">
        <div class="rating" data-rating="{{productPoints}}">
            <i class="star-1">★</i>
            <i class="star-2">★</i>
            <i class="star-3">★</i>
            <i class="star-4">★</i>
            <i class="star-5">★</i>
        </div>
    </div>
    {{/if}}
    {{#if templateSettings.shortDescriptionActive}}
    <div class="productOnYazi"><span>{{{shortDescription}}}</span></div>
    {{/if}}
    {{#if templateSettings.stockCodeActive }}
    <div class="productStokKodu"><span>{{{stockCode}}}</span></div>
    {{/if}}
    {{#if templateSettings.salesUnitActive}}
    <div class="productSatisBirimi"><span>{{salesUnit}}</span></div>
    {{/if}}
    {{#if showPrice}}
    <div class="productPrice {{ ShowLastDayCounterClass showLastDayCounter }}">
        {{#if (and (ne currency 'TRY')(ne currency 'TL'))}}
        <div class="tlfiyati" style="display: none;">
            <span>
                {{productCartPriceStr}}
            </span>
            {{#if (gt kdvRate 0)}}
            {{#if (or showKDVIncludedPrice kdvIncluded)}}
            <span class="tlfiyatikdv">
                {{translate 'Global_KdvDahil'}}
            </span>
            {{else}}
            <span class="tlfiyatikdv">
                {{translate 'GlobalMasterArtiKDV'}}
            </span>
            {{/if}}
            {{/if}}
        </div>
        {{/if}}
        <div class="discountPrice">
            <span>
                {{#if (eq showLastDayCounter 0)}}
                {{productPriceOriginalStr}}
                {{else}}
                {{productSellPriceStr}}
                {{/if}}
            </span>
            {{#if (gt kdvRate 0)}}
            {{#if (or showKDVIncludedPrice kdvIncluded)}}
            <span class="discountKdv">
                {{translate 'Global_KdvDahil'}}
            </span>
            {{else}}
            <span class="discountKdv">
                {{translate 'GlobalMasterArtiKDV'}}
            </span>
            {{/if}}
            {{/if}}
        </div>
        {{#if (ne productPriceOriginal productSellPrice)}}
        <div class="regularPrice">
            <span>
                {{#if (eq showLastDayCounter 0)}}
                {{productSellPriceStr}}
                {{else}}
                <span class="spnLastDayCounter"> {{translate 'Urunler_BuguneOzel'}}</span> {{productPriceOriginalStr}}
                {{/if}}
            </span>
            {{#if (gt kdvRate 0)}}
            {{#if (or showKDVIncludedPrice kdvIncluded)}}
            <span class="regularKdv">
                {{translate 'Global_KdvDahil'}}
            </span>
            {{else}}
            <span class="regularKdv">
                {{translate 'GlobalMasterArtiKDV'}}
            </span>
            {{/if}}
            {{/if}}
        </div>
        {{/if}}
    </div>
    {{/if}}
</div>
<div style="display: none;" class="urunListeAdet">
    <a class="urunListeAdetAzalt" onclick="productQuantityReduce(this)">Azalt</a>
    <input value="{{replacePiece productQuantityBoxDefaultValue}}" class="urunListeAdetTextBox txtSepetAdet txtSepetAdet{{productUnique}}" type="number"
           min='{{replacePiece productQuantityBoxMinValue}}'
           step='{{replacePiece productQuantityBoxStepValue}}'
           data-double='{{isProductQuantityBoxDecimal}}' formnovalidate />
    <a class="urunListeAdetArtir" onclick="productQuantityToIncrease(this)">Artır</a>
</div>
{{#if showPrice}}
<div class="productIcon">
    {{#if brandLogo}}
    <div class="productMarkaLogo" style="display: none;">
        <img src="/Uploads/Marka/{{brandLogo}}" alt="{{replace brand '\'' ''}}" onerror="this.onerror=null;this.src='/App_Themes/Default/images/remove-small.png';" />
    </div>
    {{/if}}
    {{#if showFavoriteIcon}}
    <div class='favori favoriContent-{{productId}}-{{variantId}}'>
        <a onclick="productFavoritesProcess(-1,2,{{productId}},{{variantId}},{{productQuantityBoxDefaultValue}},this)" init="false" data-action="1"
           class="favoriteslist listfavoriPasif tip" onload="urunfavoriKontrol(this,{{productId}})"
           title="{{translate 'Favorilerim_FavorilerimeEkle'}}">
            {{translate 'Favorilerim_FavorilerimeEkle'}}
        </a>
    </div>
    {{/if}}

    {{#if (and showPrice inStock)}}
    <div class="mycartIcon tip" title="{{translate 'UrunListesi_SepeteEkle'}}">
        <a onclick="productListAddToCart({{productId}},{{variantId}},{{asortiGroupId}},GetControlValue('.txtSepetAdet{{productUnique}}'),'{{url}}',{{redirectToDetail}})" class="btnAddToCart" data-productId="{{productId}}" data-variantId="{{variantId}}">
            <span class="urunListeSpanSepeteEkle">{{translate 'UrunListesi_SepeteEkle'}}</span>
        </a>
    </div>
    {{/if}}
    <div class="examineIcon tip detailLink" title="{{translate 'UrunListesi_UrunuIncele'}}">
        <a href='{{url}}' class="detailUrl" data-id="{{productId}}">
            {{translate 'UrunListesi_UrunuIncele'}}
        </a>
    </div>
    {{#if quickPreviewActive}}
    <div class="quickViewIco">
        <a class="various button" onclick="showQuickView({{productId}})">{{translate 'UrunListesi_UrunuIncele'}}</a>
    </div>
    {{/if}}
    {{#if (and (gt discountRate 0) showPrice)}}
    <div class="discountIcon tip">
        <span class="discountIcon_s1">%{{discountRate}}</span>
        <span class="discountIcon_s2">{{translate 'UrunListesi_Indirim'}}</span>
        <div class="discountIconDetail">
            %{{discountRate}}{{translate 'UrunListesi_Indirim'}}
        </div>
    </div>
    {{/if}}
    {{#if freeShipping}}
    <div class="cargoIcon">
        {{translate 'UrunListesi_UcretsizKargo'}}
    </div>
    {{/if}}
    {{#if newProduct}}
    <div class="newIcon tip" title="{{translate 'UrunListesi_YeniUrun'}}">
        {{translate 'UrunListesi_YeniUrun'}}
    </div>
    {{/if}}
    {{#if opportunityProduct}}
    <div class="firsatIcon" style="display: none;">
        {{translate 'UrunListesi_FirsatUrunu'}}
    </div>
    {{/if}}
    {{#if productCampaignActive}}
    <div class="ozelFirsat">
        {{translate 'UrunListesi_OzelFirsat'}}
    </div>
    {{/if}}
    {{#if stockWarning}}
    <div class="urunListStokUyari">
        {{translate 'UrunListesi_TukenmekUzere'}}
    </div>
    {{/if}}
    {{#if lastStock}}
    <div class="urunListSonUrun">
        {{translate 'UrunListesi_SonUrun'}}
    </div>
    {{/if}}
    {{#if templateSettings.estimatedDeliveryTimeActive}}
    <div class="hizliKargoIcon">
        {{translate 'UrunListesi_HizliKargo'}}
    </div>
    {{/if}}
    {{#if templateSettings.specialFieldsActive}}
    {{#if templateSettings.specialField1Active}}
    <div class="ozelAlan1">
        {{{specialField1}}}
    </div>
    {{/if}}
    {{#if templateSettings.specialField2Active}}
    <div class="ozelAlan2">
        {{{specialField2}}}
    </div>
    {{/if}}
    {{#if templateSettings.specialField3Active}}
    <div class="ozelAlan3">
        {{{specialField3}}}
    </div>
    {{/if}}
    {{#if templateSettings.specialField4Active}}
    <div class="ozelAlan4">
        {{{specialField4}}}
    </div>
    {{/if}}
    {{#if templateSettings.specialField5Active}}
    <div class="ozelAlan5">
        {{{specialField5}}}
    </div>
    {{/if}}
    {{/if}}
</div>

{{/if}}

{{#unless showPrice}}
{{#if (eq priceClosedInformationType 1)}}
<div class="productIcon">
    <div class="urunListeUyeGirisUyari">
        {{translate 'Favorilerim_FiyatSorun'}}
    </div>
</div>
{{/if}}

{{#if (eq priceClosedInformationType 2)}}
<div class="productIcon">
    <div class="urunListeUyeGirisUyari">
        {{translate 'UrunDetay_FiyatlariGorebilmekIcinGirisYapin'}}
    </div>
</div>
{{/if}}
{{/unless}}


{{#if variantDetails}}
<div class="boxBedenlerContent" style="display:none">
    <div class="boxBedenlerTittle"></div>
    <div class="boxBedenlerContainer">
        {{#variantDetails}}
        <div>
            {{#if (and (eq image '') (eq colorCode ''))}}
            <div class="boxBedenler {{boxBedenlerClass stockAmount}}">
                {{name}}
            </div>
            {{else}}
            <a class="boxResimContent" href="{{../url}}" onmouseover="GetProductVariantImages(this, {{../productId}}, {{variantId}}, {{variantTypeValueId}})">
                {{#if image}}
                <img src="/Uploads/VaryasyonResim/{{image}}" />
                {{else}}
                <div class="boxRenkler" style="background:{{colorCode}}"></div>
                {{/if}}
            </a>
            {{/if}}
        </div>
        {{/variantDetails}}
    </div>
</div>
{{/if}}