{% set title = "Espace fournisseur" %}
{% set desc = "" %}
{% set menu = 'accounts' %}

{% extends 'Default/base.html.twig' %}
{% import "Default/macros.html.twig" as macros %}

{% block content %}
<div class='{{desktop("gpadding vt-80-in")}} {{mobile("gpadding vt-30-in")}} '>
    <div class='{{desktop("flex row space top")}} {{mobile("")}}'>
        <div id='article' class='w100 {{desktop("")}} {{mobile("vt-20-in")}}'>
            <h2 class="h3 upper">Appel à manifestations en cours</h2>
            <div class="bg-gray {{desktop('vt-40-in hz-60-in')}}">
                <h3 class="h5 medium success">Inscription à la liste des fournisseurs de biens et prestataires de services 2022</h3>
                <p class="top-10">
                    La Direction Générale de NSIA Banque Bénin informe les fournisseurs de biens et prestataires de services ue la procédure d'agrément de l'exercice 2022 se déroulera du 26/10/2021 au 25/11/2021.
                </p>
                <div class="flex row space vt-20">
                    <div class="flex col middle">
                        <span class="flex row bg-white shadow-alt radius-10 hoverflow">
                            <i class="bg-success-alt white bold flex col middle hz-15-in vt-10-in"><i>DU</i></i>
                            <span class="medium flex row middle hz-15-in">10 avril 2021</span>
                        </span>
                        <span class="flex row bg-white shadow-alt radius-10 hoverflow top-20">
                            <i class="bg-error white bold flex col middle hz-15-in vt-10-in"><i>AU</i></i>
                            <span class="medium flex row middle hz-15-in">10 mai 2021</span>
                        </span>
                    </div>
                    <i class="border border-white hz-30"></i>
                    <div class="flex col middle">
                        <span class="flex row middle vt-5-in">
                            <i class="bg-warning circle padding-5 right-10"></i>
                            <span>10 jours restants</span>
                        </span>
                        <span class="flex row middle vt-5-in">
                            <i class="bg-warning circle padding-5 right-10"></i>
                            <span>55 domaines de compétences</span>
                        </span>
                    </div>
                    <i class="border border-white hz-30"></i>
                    <div class="flex col middle">
                        <a class='bg-success bold white {{desktop('vt-15-in hz-20-in radius-5')}} {{mobile('vt-10-in hz-10-in radius-3')}}'
                            href=''>
                            En savoir plus
                        </a>
                        <a class='bg-warning bold white top-20 {{desktop('vt-15-in hz-20-in radius-5')}} {{mobile('vt-10-in hz-10-in radius-3')}}'
                            href=''>
                            Faire la demande
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <aside class="{{desktop('third left-80 vt-20-in')}} {{mobile('vt-20-in hz-15-in top-25')}}">
            <form class="bg-white shadow-alt hz-40-in vt-40-in radius-20">
                <span class="h6 success">Vous êtes déjà un de nos fournisseurs ?</span>
                <h2 class="h3 upper warning">Se connecter</h2>
                <div class="flex col top-20">
                    <label class="">Votre adresse email</label>
                    <input class="border border-gray-alt {{desktop('vt-15-in hz-20-in top-10 radius-5')}} {{mobile('vt-8-in hz-15-in radius-4')}}" type="text" placeholder="Votre adresse email">
                </div>
                <div class="flex col top-20">
                    <label class="">Votre mot de passe</label>
                    <input class="border border-gray-alt {{desktop('vt-15-in hz-20-in top-10 radius-5')}} {{mobile('vt-8-in hz-15-in radius-4')}}" type="text" placeholder="Votre mot de passe">
                </div>
                <div class="flex row middle space top-20">
                    <button class='bg-success bold white noborder {{desktop('vt-15-in hz-20-in radius-5')}} {{mobile('vt-8-in hz-15-in radius-4')}}'
                        type='submit'>
                        Se connecter
                    </button>
                    <a class="warning" href="">Mot de passe oublié !</a>
                </div>
            </form>
        </aside>
	</div>
</div>
{% endblock %}