{% extends 'baseNoMenu.html.twig' %}

{% block title 'Icaupack | Login' %}

{% block body %}
    <div class="login">
        
        {% if error %}
            <div class="alert alert-danger">
                {{ error.messageKey | trans(error.messagedata, 'security') }}
            </div>
        {% endif %}

        <div class="image-login">
            <img src="{{ asset ('images/admin/fond-login.jpg') }}" alt="">
        </div>

        <div class="login-form">
            <img src="{{ asset('images/logo-icaupack.svg') }}" class="logo" alt="">
            <form action="{{ path('login') }}" method="post" class="form">
                <h1>Administration</h1>
                <div class="form-group">
                    <label for="username">Nom d'utilisateur</label>
                    <svg xmlns="http://www.w3.org/2000/svg" class="p-user" width="24.04" height="35.38" viewBox="0 0 24.04 35.38">
                        <path id="man" d="M101.566,30.863V34.3a.581.581,0,1,1-1.162,0V30.863a4.834,4.834,0,0,0-4.837-4.837A3.568,3.568,0,0,1,92.5,24.3a.581.581,0,0,1,.993-.6,2.415,2.415,0,0,0,2.077,1.166,6,6,0,0,1,6,6ZM90.731,24.593a4.4,4.4,0,0,1-3.431-.677,3.557,3.557,0,0,0,.3-1.187,7.782,7.782,0,0,0,9.966-7.459c0-4.93.006-4.851-.014-5.053a.582.582,0,1,0-1.157.114c.013.132.008.247.008,4.939a6.612,6.612,0,1,1-13.223,0c0-1.309-.014-2.323-.019-3.084a2.957,2.957,0,0,1,3.661-2.9c2.692.646,3.777,2.325,7.228,2.164A.581.581,0,0,0,94,10.291c-3.111.146-3.973-1.431-6.9-2.133A4.119,4.119,0,0,0,82,12.194c0,.618.012,1.295.016,2.128a1.2,1.2,0,0,1-.652-1.062c0-.013,0-3.019,0-3.032a9.488,9.488,0,0,1,2.525-6.909c2.644-2.549,6.781-2.55,10-1.428l-.465.191A.582.582,0,0,0,93.585,3.2l1.022.109a6.715,6.715,0,0,1,4.819,2.829A4.947,4.947,0,0,0,98.3,9.3V13.26a.581.581,0,0,0,1.162,0V9.3a3.8,3.8,0,0,1,1.1-2.681.621.621,0,0,0,.084-.744A7.846,7.846,0,0,0,95.79,2.336a.582.582,0,0,0-.113-.963A13.777,13.777,0,0,0,89.283.009c-5.8.225-9.2,4.559-9.078,10.238v3.013a2.372,2.372,0,0,0,1.822,2.3,7.786,7.786,0,0,0,4.426,6.731v.153a2.423,2.423,0,0,1-2.429,2.422,6,6,0,0,0-6,6V34.3a.581.581,0,1,0,1.162,0V30.863a4.834,4.834,0,0,1,4.837-4.837,3.568,3.568,0,0,0,2.63-1.144,5.563,5.563,0,0,0,4.324.846.581.581,0,0,0-.248-1.136Zm4.95,7.306H93.937a.581.581,0,0,0,0,1.162h1.744a.581.581,0,1,0,0-1.162Z" transform="translate(-77.776 0.252)" stroke="#000" stroke-width="0.5"/>
                    </svg>
                    <input type="text" id="username" name="_username" class="input-login" value="{{ last_username }}">
                </div>
                <div class="form-group">
                    <label for="password">Mot de passe</label>
                    <svg xmlns="http://www.w3.org/2000/svg" class="p-password" width="50.157" height="21.675" viewBox="0 0 50.157 21.675">
                        <g id="password" transform="translate(0 -145.37)">
                            <g id="Groupe_124" data-name="Groupe 124" transform="translate(0 145.37)">
                            <g id="Groupe_123" data-name="Groupe 123">
                                <path id="Tracé_124" data-name="Tracé 124" d="M46.021,145.37H4.136A4.141,4.141,0,0,0,0,149.506v8.377a4.141,4.141,0,0,0,4.136,4.136H32.618a.785.785,0,1,0,0-1.571H4.136a2.568,2.568,0,0,1-2.565-2.565v-8.377a2.568,2.568,0,0,1,2.565-2.565H46.021a2.568,2.568,0,0,1,2.565,2.565v4.188a.785.785,0,1,0,1.571,0v-4.188A4.141,4.141,0,0,0,46.021,145.37Z" transform="translate(0 -145.37)"/>
                            </g>
                            </g>
                            <g id="Groupe_126" data-name="Groupe 126" transform="translate(35.183 148.721)">
                            <g id="Groupe_125" data-name="Groupe 125">
                                <path id="Tracé_125" data-name="Tracé 125" d="M370.772,186.4v-1.857a4.974,4.974,0,0,0-9.948,0V186.4a2.465,2.465,0,0,0-1.675,2.331v2.513a6.649,6.649,0,1,0,13.3,0v-2.513A2.465,2.465,0,0,0,370.772,186.4Zm-8.377-1.857a3.4,3.4,0,0,1,6.806,0v1.728H362.4v-1.728Zm8.482,6.7a5.078,5.078,0,1,1-10.157,0v-2.513a.891.891,0,0,1,.89-.89h8.377a.891.891,0,0,1,.89.89v2.513Z" transform="translate(-359.149 -179.574)"/>
                            </g>
                            </g>
                            <g id="Groupe_128" data-name="Groupe 128" transform="translate(40.209 158.773)">
                            <g id="Groupe_127" data-name="Groupe 127">
                                <path id="Tracé_126" data-name="Tracé 126" d="M412.078,282.188a1.622,1.622,0,0,0-.785,3.042v.544a.785.785,0,1,0,1.571,0v-.544a1.622,1.622,0,0,0-.785-3.042Z" transform="translate(-410.455 -282.188)"/>
                            </g>
                            </g>
                            <g id="Groupe_130" data-name="Groupe 130" transform="translate(16.365 149.558)">
                            <g id="Groupe_129" data-name="Groupe 129">
                                <path id="Tracé_127" data-name="Tracé 127" d="M174.034,193.255l-1.724-1,1.724-1a.785.785,0,0,0-.785-1.36l-1.724,1v-1.991a.785.785,0,1,0-1.571,0V190.9l-1.724-1a.785.785,0,1,0-.785,1.36l1.724,1-1.724,1a.785.785,0,1,0,.785,1.36l1.724-1v1.991a.785.785,0,1,0,1.571,0V193.62l1.724,1a.785.785,0,0,0,.785-1.36Z" transform="translate(-167.053 -188.124)"/>
                            </g>
                            </g>
                            <g id="Groupe_132" data-name="Groupe 132" transform="translate(6.313 149.558)">
                            <g id="Groupe_131" data-name="Groupe 131">
                                <path id="Tracé_128" data-name="Tracé 128" d="M71.42,193.255l-1.724-1,1.724-1a.785.785,0,1,0-.785-1.36l-1.724,1v-1.991a.785.785,0,1,0-1.571,0V190.9l-1.724-1a.785.785,0,1,0-.785,1.36l1.724,1-1.724,1a.785.785,0,1,0,.785,1.36l1.724-1v1.991a.785.785,0,1,0,1.571,0V193.62l1.724,1a.785.785,0,0,0,.785-1.36Z" transform="translate(-64.439 -188.124)"/>
                            </g>
                            </g>
                            <g id="Groupe_134" data-name="Groupe 134" transform="translate(26.417 149.558)">
                            <g id="Groupe_133" data-name="Groupe 133">
                                <path id="Tracé_129" data-name="Tracé 129" d="M276.648,193.255l-1.724-1,1.724-1a.785.785,0,1,0-.785-1.36l-1.724,1v-1.991a.785.785,0,1,0-1.571,0V190.9l-1.724-1a.785.785,0,0,0-.785,1.36l1.724,1-1.724,1a.785.785,0,1,0,.785,1.36l1.724-1v1.991a.785.785,0,1,0,1.571,0V193.62l1.724,1a.785.785,0,1,0,.785-1.36Z" transform="translate(-269.667 -188.124)"/>
                            </g>
                            </g>
                        </g>
                    </svg>
                    <input type="password" id="password" name="_password" class="input-login">
                </div>
                <button class="btn-save" type="submit">Se connecter</button>
            </form>
        </div>
    </div>
{% endblock %}