<div class="compare-row slim-compare-row" data-campaign-id="{{>campId}}">
    <!-- Custom feed label if defined -->
    {{if customLabel && customLabel.text && customLabel.icon}}
        <div class="as-feed-label" as-data-style="{{if customLabel.color}}background-color: #{{>customLabel.color}}{{/if}}">
            <div class="text-large ellipsis">
                <i class="fa fa-{{>customLabel.icon}} fa-lg"></i>
                {{>customLabel.text}}
            </div>
            <div class="flag-label" as-data-style="{{if customLabel.color}}border: 1em solid #{{>customLabel.color}}{{/if}}"></div>
            <div class="flag-edge"></div>
        </div>
    {{/if}}
    <!-- Row containing logo, main content and CTA button -->
    <div class="row-item row-padding">
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
            <div class="as-logo-container">
                <a href="{{>trackingUrl}}" class="as-link" target="_blank" rel="nofollow">
                    <img src="" as-data-src="{{>imageUrl}}" class="img-responsive loan-img as-lazy" />
                </a>
            </div>
            <input type="rating" class="rating" value="{{>5*rating/100}}"/>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8 text-center-sm text-center-xs margin-top-xs">
            <div class="col-xs-6 col-sm-6 col-md-3">
                <span class="as-small">
                    {{>~getTranslation('maxBonusPercentage')}}
                </span>
                <span class="as-highlight">
                    {{>~printInterval(maxBonusPercentage, null, '%')}}
                </span>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3">
                <span class="as-small">
                    {{>~getTranslation('firstDepositBonus')}}
                </span>
                <span class="as-highlight">
                    {{if ~isValid(firstDepositBonus)}}
                        {{>firstDepositBonus}}
                    {{/if}}
                </span>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3">
                <span class="as-small">
                    {{>~getTranslation('startingBonus')}}
                </span>
                <span class="as-highlight">
                    {{>~printInterval(freeMoney, null, ~getTranslation('currency'), true, true, true)}}
                </span>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3">
                <span class="as-small">
                    {{>~getTranslation('freeSpins')}}
                </span>
                <span class="as-highlight">
                    {{>~printInterval(freeSpins, null, 'spins', false, false, true)}}                    
                </span>
            </div>
        </div>
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2 margin-top margin-top-25-sm">
            <a href="{{>trackingUrl}}" class="btn btn-cta btn-block btn-max-width" target="_blank" rel="nofollow">
                {{>~getTranslation('playNow')}}
            </a>
            {{if ~getCountryCode() === 'DK' || ~getCountryCode() === 'NO'}}
                <div class=text-center><span class="as-small as-color-black">{{>~getTranslation('advertisement')}}</span></div>
            {{/if}}
        </div>
    </div>

    <div class="row-item row-padding">        
        <div class="col-xs-12 col-sm-9 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
            <div class="col-md-12 as-small text-center-xs">
                {{if ~isValid(bonusCode)}}
                    {{>~getTranslation('bonusCode')}}: <b>{{>bonusCode}}</b>
                {{/if}}
            </div>
        </div>
        <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2 text-center small-padding-xs margin-top-xs">
            <div class="as-read-more nowrap no-margin light-hover" style="position: static;">
                <a class="as-small move-up-3px" data-open="{{>~getTranslation('showMore')}}" data-close="{{>~getTranslation('showLess')}}">{{>~getTranslation('showMore')}}</a>
                <div class="as-read-more-icon margin-left-xs">
                    <i class="fa fa-angle-down fa-lg"></i>
                </div>                
            </div>
        </div>
    </div>

    <div class="row-item row-padding">
        <div class="col-xs-12 col-sm-9 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
            <div class="text-center as-small as-color-black">
                {{if ~getCountryCode() === 'DK'}}
                    <span>18+ | <a href="https://www.stopspillet.dk" target="_blank">Stopspillet.dk</a> | <a href="https://www.rofus.nu" target="_blank">ROFUS.nu</a> | Regler og vilkår gælder</span>
                {{/if}}
            </div>
        </div>
    </div>

    <div class="row-item as-show-more-content row-padding">  
        <div class="hr-divider"></div>
        <div class="col-xs-12 col-md-push-2 col-md-8 text-center-sm text-center-xs">
            <div class="more-col col-xs-6 col-sm-3">
                <div class="as-data-type"><span class="as-small">{{>~getTranslation('payoutConditions')}}</span></div>
                <div class="as-data-c">
                    <span>
                        {{if ~isValid(minPayoutConditions)}}
                            {{>minPayoutConditions}}
                        {{else}}
                            -
                        {{/if}}
                    </span>
                </div>
            </div>
            <div class="more-col col-xs-6 col-sm-3">
                <div class="as-data-type"><span class="as-small">{{>~getTranslation('mobileApp')}}</span></div>
                <div class="as-data-c">
                    <span>{{>~printOrGetBoolean(mobileApp)}}</span>
                </div>
            </div>
            <div class="more-col col-xs-6 col-sm-3">
                <div class="as-data-type"><span class="as-small">{{>~getTranslation('gamblingGenre')}}</span></div>
                <div class="as-data-c">
                    <span>
                        {{if ~isValid(gamblingGenre)}}
                            {{>gamblingGenre}}
                        {{else}}
                            -
                        {{/if}}                  
                    </span>
                </div>
            </div>
            <div class="more-col col-xs-6 col-sm-3">
                <div class="as-data-type"><span class="as-small">{{>~getTranslation('depositNeeded')}}</span></div>
                <div class="as-data-c">
                    <span>{{>~printOrGetBoolean(depositNeeded)}}</span>
                </div>
            </div>
        </div>
    </div>
</div>