{% extends 'front/layout/base.html.twig' %}
{% block title %}Log in!{% endblock %}
{% block bodyCssClasses %}landing-page{% endblock %}
{% block body %}
<div class="content-bg-wrap"></div>
<!-- Header Standard Landing -->
<div class="header--standard header--standard-landing" id="header--standard">
<div class="container">
<div class="header--standard-wrap">
<a href="https://bikingman.com/fr/les-courses/" class="BikingMan" target="_blank">
<div class="img-wrap">
<img loading="lazy" src="{{ asset('build/images/BikingMan_logoH_W.png') }}" alt="BikingMan" width="257" >
</div>
</a>
<div class="flagsDeconnected">
{% if (app.request.attributes.get('_route_params').id is defined ) %}
<a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'fr','id': app.request.attributes.get('_route_params').id}) }}" style="display: inline">
<img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;margin-right: 20px" loading="lazy" src="{{ asset('build/images/fr.svg') }}" alt="BikingMan">
</a>
<a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'en','id': app.request.attributes.get('_route_params').id}) }}" style="display: inline">
<img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;" loading="lazy" src="{{ asset('build/images/us.svg') }}" alt="BikingMan">
</a>
{% else %}
<a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'fr'}) }}" style="display: inline">
<img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;margin-right: 20px" loading="lazy" src="{{ asset('build/images/fr.svg') }}" alt="BikingMan">
</a>
<a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'en'}) }}" style="display: inline">
<img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;" loading="lazy" src="{{ asset('build/images/us.svg') }}" alt="BikingMan">
</a>
{% endif %}
</div>
</div>
</div>
</div>
<!-- ... end Header Standard Landing -->
<div class="header-spacer--standard"></div>
<div class="container" id="security-container-used-in-modal-js-for-redirection">
<div class="row display-flex">
<div class="col col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<div class="landing-content">
<h1>{{'titreLogin'|trans}}</h1>
<p>{{'textLogin'|trans}}
</p>
{% block leftButton %}
<a href="{{ path('front.security.app_login') }}" class="btn btn-md btn-primary big-text-btn">{{'Créer mon compte'|trans}}</a>
{% endblock %}
</div>
</div>
<div class="col col-xl-5 col-lg-6 col-md-12 col-sm-12 col-12">
<!-- Login-Registration Form -->
<div class="registration-login-form black-form">
<!-- Nav tabs -->
<ul class="nav nav-tabs" id="registration-form-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="login-tab" data-bs-toggle="tab" href="#login" role="tab" aria-controls="login" aria-selected="true">
<svg class="olymp-login-icon"><use xlink:href="#olymp-login-icon"></use></svg>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
<img loading="lazy" src="{{ asset('build/images/add-user.png') }}" alt="Register Biking" width="21" >
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content" id="registration-form-tabs-content">
{% block card %}{% endblock %}
</div>
</div>
<!-- ... end Login-Registration Form -->
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{% endblock %}