{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/badge.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
    {{ parent() }}
      <div class="container marketing lista">
        <div class="competition-return">    
          <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
          <a class="competition-return-text" href="{{ path('badge_list') }}">Volver a Medallas</a>
        </div>

       <div class="fondo col-xs-12 badge-box">
        <div class="col-xs-4 badge-image">
           <img width="150px" height="auto" src="{{ asset('images/badges/'~badge.imageName~'') }}" />
        </div>
        <div class="col-xs-8 badge-name">{{badge.name}}</div>
        <div class="col-xs-8 badge-description">{{badge.description}}</div>
        <div class="col-xs-8 badge-rule">{{badge.rules.concatToString}}</div>
        </div>
    </div>
  {% endblock %}