{% extends 'basePreLogin.html.twig' %}
{% block title %}
{% trans %}Login{% endtrans %}
{% endblock %}
{% block body %}
<div class="main-page">
<div class="login-top">
<div id="block-head" style="height: 30vh;background: #fff;padding:0px;overflow:auto;">
<!-- <span class="login-logo"><img src="{{ asset('img/brand/TradeSpotting-Technologies_logotype.svg') }}"></span> -->
<span class="login-logo"><img class="navbar-brand-full" style="margin-left:2.5%;" src="{{ asset('img/logos/Mediaby.png') }}"></span>
<span class="login-basecamp">Control Room</span>
</div>
<div id="block-head" style="height: 20vh;background: #ffff00;padding:0px;overflow:hidden;margin-bottom:0;">
<span class="sub-titre">Bienvenue dans</span>
<span class="_titre" style="margin-left:5%;font-size:35px;font-family: 'beatricemedium' !important;line-height: 20vh;"><i class="fa fa-arrow-right" aria-hidden="true" style="color:#5f23f0;"></i> {% trans %}Libérez le potentiel de vos achats média{% endtrans %}</span>
</div>
</div>
<div class="login-bottom">
<div id="block-head">
<div class="login-form">
<p class="_text-muted titre-ts-bloc" style="text-align:left;margin:40px 40px 20px 0;border:0;">
{% trans %}Veuillez vous identifier{% endtrans %}
</p>
{% if error %}
<div>
{{ error.messageKey|trans(error.messageData, 'security') }}
</div>
{% endif %}
<form action="{{ path('login') }}" method="post">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="icon-user"></i>
</span>
</div>
<input type="text" name="_username" id="username" class="form-control" placeholder="{% trans %}Identifiant{% endtrans %}" value="{{ last_username }}">
</div>
<div class="input-group mb-4">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="icon-lock"></i>
</span>
</div>
<input type="password" id="password" name="_password" class="form-control" placeholder="{% trans %}Mot de passe{% endtrans %}">
</div>
<div class="row" style="margin-top:50px;">
<div class="col-6">
<button type="submit" class="ts-button-noir">
{% trans %}Connexion{% endtrans %}
</button>
</div>
<!--
<div class="col-6 text-right">
<button type="button" class="btn btn-link px-0">
{% trans %}Forgot password?{% endtrans %}
</button>
</div>
-->
</div>
</form>
</div>
<div class="login-links">
<p class="_text-muted titre-ts-bloc" style="text-align:left;margin:40px 40px 20px 0;border:0;color:#fff;">Besoin d'aide ?</p>
<!-- <a href="https://tradespotting.com/" target="_blank" class="ts-button-blanc">Retour au site de TradeSpotting</a> -->
<a href="https://laplateforme.tradespotting.com/" class="ts-button-blanc" target="_blank">Accéder à La Plateforme Mediaby</a>
<!-- <a href="#" class="ts-button-blanc">{% trans %}Mot de passe oublié ?{% endtrans %}</a> -->
</div>
</div>
</div>
</div>
<!--
<div class="row justify-content-center">
<div class="col-md-8">
<img src="{{ asset('img/brand/logo.svg') }}" id="logoprelogin" alt="" style="width:300px;height:auto;margin-bottom:50px;">
<div class="card-group">
<div class="card p-4">
<div class="card-body">
<center>
<span style="color:#ff0000;font-size:2rem;display:inline-block;font-weight:200;">
{% trans %}DashBoard TradeSpotting{% endtrans %}
</span>
</center>
<p class="text-muted">
{% trans %}Veuillez vous identifier{% endtrans %}
</p>
{% if error %}
<div>
{{ error.messageKey|trans(error.messageData, 'security') }}
</div>
{% endif %}
<form action="{{ path('login') }}" method="post">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="icon-user"></i>
</span>
</div>
<input type="text" name="_username" id="username" class="form-control" placeholder="{% trans %}Username{% endtrans %}" value="{{ last_username }}">
</div>
<div class="input-group mb-4">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="icon-lock"></i>
</span>
</div>
<input type="password" id="password" name="_password" class="form-control" placeholder="{% trans %}Password{% endtrans %}">
</div>
<div class="row" style="margin-top:50px;">
<div class="col-6">
<button type="submit" class="btn btn-primary px-4">
{% trans %}Login{% endtrans %}
</button>
</div>
<div class="col-6 text-right">
<button type="button" class="btn btn-link px-0">
{% trans %}Forgot password?{% endtrans %}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
-->
{% endblock %}