{% extends 'frontend.html.twig' %}
{% block article %}
<div class="grid-x grid-padding-x">
<div id="content-print" class="large-12 medium-12 cell">
<div id="content-page">
<div class="grid-x grid-padding-x toptitle">
<div class="large-12 cell">
<h1 class="main-heading">{{titol }}</h1></div>
</div>
<div class="grid-x grid-margin-x gallery clearfix" id="cams">
<div class="large-12 cell">
<ul class="tabs pages">
<li class="tabs-title current"><a href="{{ path('frontoffice_links') }}">{{ "Links" | trans }}</a></li>
<li class="tabs-title "><a href="{{ path('frontoffice_noticies2', { '_apartat': 'N' }) }}">{{ "Noticies" | trans }}</a></li>
<li class="tabs-title "><a href="{{ path('frontoffice_noticies2', { '_apartat': 'P' }) }}">{{ "Premsa" | trans }} </a></li>
</ul>
</div>
{% for noticia in enNoticies %}
<div class="large-3 medium-3 cell" style="margin-bottom:1rem;">
<div class="callout noticia" style="background-image:url({{ asset('uploads/noticies/'~noticia.foto) | imagine_filter('FotosThumb800')}});">
<a href="{{ asset('uploads/noticies/'~noticia.foto) | imagine_filter('FotosThumb800')}}" rel="prettyPhoto[gallery2]" title="{{noticia.data|date('d-m-Y')~' '~attribute(noticia, 'titol'~(app.request.locale|capitalize))}}">
<img src="{{asset('/frontoffice/images/noticies-foto.png')}}" style="width:100%;" />
</a>
</div>
<div class="titol">
<h6 style="color: #6B9E9A;"><a href="{{attribute(noticia, 'enllac'~(app.request.locale|capitalize))}}" style="color: #6B9E9A;">{{attribute(noticia, 'titol'~(app.request.locale|capitalize))}}</a></h6>
</div>
<div class="medi">
{{"Font" | trans }} : {{attribute(noticia, 'medi')}}
</div>
<div class="data">
{{attribute(noticia, 'data')|date('d-m-Y')}}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{parent()}}
<script src="{{asset('/frontoffice/js/jquery.mixitup.js')}}"></script>
<script src="{{asset('/frontoffice/js/smooth-scroll.js')}}" ></script>
<script src="{{asset('/frontoffice/js/owl.carousel.js')}}" ></script>
<script>
$(function () {
$('#container').masonry({
itemSelector: '.noticies'
});
});
</script>
{% endblock%}