{% extends 'base.html.twig' %}
{% block title %}{{ 'NAVBAR.titre' | trans }}{% endblock %}
{% block description %}{{ 'NAVBAR.metaDescription' | trans() }}{% endblock %}
{% block body %}
<div class="container-fluid content-margen-top">
<div class="row">
<div class="col-md-9">
<div class="to-flex-no"><!---->
<ul class="list-stations"><!---->
{% for station in stations %}
<li >
<div class="view overlay" tabindex="0">
<img class="image" alt="{{ 'NAVBAR.altImageStation' | trans({'%station%': station.name}) }}"
title="{{ 'NAVBAR.altImageStation' | trans({'%station%': station.name}) }}"
loading="lazy" src="{{ asset('uploads/logo/' ~ station.image) }}">
<a href="{{ path('station_ecouter', {slug : station.slug}) }}" title="{{ 'NAVBAR.altImageStation' | trans({'%station%': station.name}) }}" class="mask flex-center waves-effect waves-light rgba-black-light station-overlay-radius">
<div class="flex-center">
<span class="white-text">{{ station.name }}</span>
</div>
</a>
</div>
</li>
{% else %}
no records found
{% endfor %}
</ul>
</div>
</div>
<div class="col-md-3">
{% if continent is defined %}
<div class="card">
<div class="card-header">
{{ continent.name }}
</div>
<div class="card-body">
{% for country in continent.countries %}
<a href="{{ path('station_pays_show', { slug : country.slug}) }}"
title="Radio Live {{ country.name }}">
<i class="{{ country.name | lower }} flag"></i>
</a>
{% endfor %}
<a href="{{ path('station_liste_pays') }}" class="btn btn-sm btn-outline-primary waves-effect">{{ 'NAVBAR.otherCountries' | trans }}</a>
</div>
</div>
{% endif %}
</br>
{% include 'publicite.html.twig' %}
</div>
</div>
</div>
{% endblock %}