{% extends 'vendor/layout.html.twig' %}


{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>
<h1>{{ 'page_login.msg1'|trans() }}</h1>
<h2>{{ 'page_login.msg2'|trans({'%role%': 'vendor'}) }}</h2>
    <form action="{{ path('vendor_app_login') }}" method="post" class="forms-sample">
        <div class="mb-3">
            <label for="userEmail" class="form-label">Phone</label>
            <input name="_username"  type="text" class="form-control" id="userEmail" placeholder="Télephone">
        </div>
        <div class="mb-3">
            <label for="userPassword" class="form-label">Mot de passe</label>
            <input type="password" name="_password" class="form-control" id="userPassword" autocomplete="current-password" placeholder="Password">
        </div>
        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

        <div>
            <button style=" background: #000865 !important;color:white !important;border: #000865 !important;" type="submit" class=" bt btn btn-primary me-2 mb-2 mb-md-0 text-white">Se connecter</button>
        </div>
    </form>
{% endblock %}