{% extends 'bdnf/base.html.twig' %}
{% block body %}
<div class="section" style="background-color:#fafafa;">
<div class="container">
<div class="row">
<div class="col s12">
<h2 style="font-size:40px; text-align: center;">{{ "concours.title" | trans | raw }}</h2>
<h3 style="font-size:25px; text-align: center;"><strong>{{ "concours.date.debut" | trans | raw }}</strong> - <strong>{{ "concours.date.fin" | trans | raw }}</strong>
</h3>
<p>
{{ "concours.introduction" | trans | raw }}
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s12">
</div>
<table>
<thead>
<tr>
<th>{{ "concours.tableau.column.category" | trans | raw }}</th>
<th>{{ "concours.tableau.column.price" | trans | raw }}</th>
<th>{{ "concours.tableau.column.author" | trans | raw }}</th>
<th>{{ "concours.tableau.column.name" | trans | raw }}</th>
<th>{{ "concours.tableau.column.read" | trans | raw }}</th>
</tr>
</thead>
<tbody>
{% for i in range(1,99) %}
{% if ("concours.tableau.content.line" ~ i ~ ".category") |trans != ("concours.tableau.content.line" ~ i ~ ".category") %}
<tr>
<td>{{ ("concours.tableau.content.line" ~ i ~ ".category") | trans | raw }}</td>
<td>{{ ("concours.tableau.content.line" ~ i ~ ".price") | trans | raw }}</td>
<td>{{ ("concours.tableau.content.line" ~ i ~ ".author") | trans | raw }}</td>
<td>{{ ("concours.tableau.content.line" ~ i ~ ".name") | trans | raw }}</td>
<td> <div class="card-action">
<a href="{{ ("concours.tableau.content.line" ~ i ~ ".read.link") | trans | raw }}" target="_blank" class="waves-effect waves-light red-bg-bdnf btn"><i class="material-icons">library_books</i> {{ ("concours.tableau.content.line" ~ i ~ ".read.text") | trans | raw }}</a>
</div></td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
</div>
<!-- Icon Section -->
<div class="video-container">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="{{ "concours.video" | trans | raw }}" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
</div>
</div>
</div>
</div>
<div class="section" style="background-color:#fafafa;">
<div class="container">
<div class="row flex">
<div class="col s12 m6 l6">
<div class="card darken-1">
<div class="card-content">
<span class="card-title"><strong>{{ "concours.jury.title" | trans | raw }}</strong></span>
<p>
{{ "concours.jury.content" | trans | raw }}
</div>
</div>
</div>
<div class="col s12 m6 l6">
<div class="card darken-1">
<div class="card-content">
<span class="card-title"><strong>{{ "concours.calendar.title" | trans | raw }}</strong></span>
<br/>
{{ "concours.calendar.content" | trans | raw }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section" style="background-color:#fafafa;">
<div class="container">
<h3>{{ "concours.partenaria.title" | trans | raw }}</h3>
<div><img width=100% src="img/logos/BLOC%20MARQUE%20BD%2020-21.png"></div>
<br>
<div class="grid-logos">
<div><img styles="margin-right:10px;" src="img/logos/menjs.png"></div>
<div><img src="img/logos/Logo%20SNE.png"></div>
</div>
</div>
</div>
{% endblock %}