{% extends "FOSUserBundle::layout.html.twig" %}

{% trans_default_domain 'FOSUserBundle' %}

{% block fos_user_content %}

{% if error %}
	<div class="container-fluid">
	    <div class="row">
	        <div class="col-md-12">            
				<div class="alert bg-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
	        </div>
	    </div>
	</div>
{% endif %}

<div class="row">
	<div class="col-md-12">
		<h1 class="login-baseline">{% trans %}Accéder à votre compte OuiBeat pour gérer vos affichages, et stimuler les ventes et le marketing de votre entreprise{% endtrans %}</h1>
	</div>
	<div class="col-md-4 col-md-offset-4">
		<form action="{{ path("fos_user_security_check") }}" role="form" method="post">
			<input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />

			<div class="form-group">
				<label for="username">{{ 'security.login.username'|trans }}</label>
				<input type="text" class="form-control"  id="username" name="_username" value="{{ last_username }}" required="required" />
			</div>

		    <div class="form-group">
		    	<label for="password">{{ 'security.login.password'|trans }}</label>
		    	<input type="password" class="form-control"  id="password" name="_password" required="required" />
		    </div>
		    
		    <div class="checkbox">
		    	<label for="remember_me">
		    		<input type="checkbox" id="remember_me" name="_remember_me" value="on" />{{ 'security.login.remember_me'|trans }}
		    	</label>
			</div>

		    <input type="submit" id="_submit" class="btn btn-primary" name="_submit" value="{{ 'security.login.submit'|trans }}" />
		    <a href="{{ path('fos_user_resetting_request') }}" class="pull-right lost-password">{% trans %}Mot de passe oublié ?{% endtrans %}</a>
		</form>
	</div>
</div>

{% endblock fos_user_content %}


{% block content_footer %}
<footer class="main-footer">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <p><strong>TOUT VOTRE CONTENU RÉUNI EN UN SEUL ENDROIT</strong></p>
        <ul class="list-inline social-icon">
          <li><i class="icon-youtube"></i></li>
          <li><i class="icon-vine"></i></li>
          <li><i class="icon-social-facebook-1"></i></li>
          <li><i class="icon-social-twitter"></i></li>
          <li><i class="icon-social-instagram-1"></i></li>
          <li><i class="icon-soundcloud"></i></li>
          <li><i class="icon-vimeo"></i></li>
          <li><i class="icon-rss"></i></li>
        </ul>
        <div id="site-information">
          <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6">
              <p class="copyright">© 2014 - OuiBeat™. Tous droits réservés</p>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6">
              <p class="credits">Solution développée et designée par <a href="http://agence-ambassador.com" target="_blank"> Agence Ambassador </a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
{% endblock content_footer %}