{% extends baseTemplateName(app.request) %}
{% block title_suffix %}Home{% endblock %}
{% block body %}
<div class="kyc-phone-container">
{% if is_granted('ROLE_MEMBER') and not shallHardcore() %}
<div class="kyc-incentive-container gradient-danger">
<h2><img src="{{ asset('build/images/kyc/18.png') }}"> Jetzt Hardcore freischalten!</h2>
<p>
Sichere dir den Zugang zu allen Hardcore-Inhalten - sofort & sicher!
</p>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-6">
<img src="{{ asset('build/images/kyc/check.png') }}"> Altersprüfung mit Yoti
</div>
<div class="col-xs-12 col-sm-6">
<img src="{{ asset('build/images/kyc/lock.png') }}"> 100% Datenschutz
</div>
<div class="col-xs-12 col-sm-6">
<img src="{{ asset('build/images/kyc/rocket.png') }}"> Sofortiger Zugriff nach Verifizierung
</div>
<div class="col-xs-12 col-sm-6">
<img src="{{ asset('build/images/kyc/flame.png') }}"> 500 Coins geschenkt
</div>
</div>
</div>
<a href="{{ path('app_user_kyc_index')}}">
<button class="btn"> <img src="{{ asset('build/images/kyc/finger.png') }}"> Jetzt verifizieren & freischalten</button>
</a>
</div>
{% endif %}
<div id="handy-banner"></div>
</div>
<div class="slider-home mb-3">
{% include '_widgets/home-amateur-6.html.twig' with { amateurs: onlineAmateurs } %}
</div>
<div id="homepage-feed-container" class="d-block {% if app.request.pathInfo != '/infostream' %}d-md-none{% endif %}">
<ul id="react-homepage-feed" class="p-0"></ul>
{% if app.user is null %}
<div id="jquery-homepage-feed">
{% for itemHtml in feedHtmls.initial|default([]) %}
<div class="feed-item">{{ itemHtml|raw }}</div>
{% endfor %}
</div>
{% endif %}
</div>
<hr class="d-block d-md-none">
<h2 class="mb-3">Ausgewählte Amateure ...</h2>
<div class="resultlist row">
{% for amateur in otherAmateurs %}
{% include '_widgets/home-amateur.html.twig' with { member: amateur } %}
{% endfor %}
</div>
<a href="{{ path('app_user_amateur_online') }}" class="btn btn-secondary btn-block mb-3 frivol-xhr">Mehr Amateure zum kennenlernen</a>
<h2 class="mb-3">Top Videos unserer Amateure</h2>
<div class="resultlist row">
{% for video in videos %}
{% include '_widgets/home-content-video.html.twig' with { video: video } %}
{% endfor %}
</div>
<a href="{{ path('app_content_video_topmonth') }}" class="btn btn-secondary btn-block frivol-xhr">Mehr Videos</a>
{% endblock %}
{% block javascripts %}
{% if not app.request.isXmlHttpRequest and is_granted('ROLE_MEMBER') %}
{{ parent() }}
{% else %}
{{ parent() }}
<script type="text/javascript">
$(function() {
let msgs = [
{% for delay,feedItem in feedHtmls.delayed|default([]) %}
{'delay': {{ delay * 1000 }}, 'html': '<div class="feed-item">{{ feedItem|e('js') }}</div>'},
{% endfor %}
];
msgs.forEach(function(val) {
setTimeout(function () {
$('#jquery-homepage-feed').prepend(val.html);
$('#jquery-homepage-feed .feed-item:last-child').remove();
}, val.delay);
});
});
</script>
{% endif %}
{% endblock %}