{% 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-basecamp">BaseCamp</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">{% trans %}Le tableau de bord des équipes de TradeSpotting{% 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</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 %}