templates/bundles/UserBundle/security/login.html.twig line 1

Open in your IDE?
  1. {# templates/bundles/UserBundle/security/login.html.twig #}
  2. {% extends "base_login.html.twig" %}
  4. {% block title %}ARS HDF - Parking{% endblock %}
  7. {% block body %}
  8.     <style>
  9.         .wallpaper{
  10.             background-image: url({{asset('build/static/images/wallpaper.jpg')}});
  11.             background-repeat: no-repeat;
  12.             background-position: center;
  13.             background-size: cover;
  14.         }
  16.         h5{color:#8c2464}
  17.     </style>
  20.     <div class="container w-50">
  22.         <div class="row mt-5">
  23.             <div class="col-md-4 wallpaper">
  24.             </div>
  26.             <div class="col-md-8 p-3 bg-white">
  27.                 <div class="row">
  28.                     <div class="col-12 text-center"><img class="mb-2 align-middle" src="{{ asset('build/static/images/logo_ars_hdf.png') }}" alt="" width="80"></div>
  29.                 </div>
  30.                 {% if is_granted("IS_AUTHENTICATED_FULLY") %}
  31.                     <div class="row mb-5">
  32.                         <div class="col-md-12 mb-3">
  33.                             <h6>Vous êtes déja connecté en tant que <br/>{{ app.user.email}}</h6>
  34.                         </div>
  35.                     </div>
  37.                     <div class="row mb-5">
  38.                         <div class="col-md-12 mb-3">
  39.                             {% if is_granted("ROLE_USER") %}
  40.                                 <a class=" btn btn-info" href="{{ path('reservation_mois') }}">Continuer</a>
  41.                             {% endif %}
  42.                         </div>
  43.                     </div>
  45.                 {% else %}
  47.                     <div class=" p-3">
  48.                     <h5>J'ai un espace</h5>
  50.                     <form class="form-signin" action="{{ path('arshdf_user_login') }}" method="post">
  51.                          {% if error %}
  52.                             <p class="text-danger pb-2">
  53.                                 {{ error.messageKey|trans(error.messageData, 'security') }}
  54.                             </p>
  55.                         {% endif %}
  57.                         <div class="row ">
  58.                             <div class="col-md-12 mb-1">
  59.                                 <div class="input-group mb-3 mt-3">
  60.                                     <span class="input-group-text" id="basic-addon1"><i class="fa fa-at"></i></span>
  61.                                     <input type="email" aria-describedby="emailHelp" class="form-control mb-0"
  62.                                            placeholder={% block label_login %}"Email"{% endblock %} required autofocus id="username"
  63.                                            name="email" value="{{ last_username }}">
  64.                                 </div>
  67. {#                                <div class="form-group">#}
  68. {#                                    <label for="inputEmail" class="form-control-label">Adresse e-mail</label>#}
  69. {#                                    <input type="email" class="form-control" placeholder={% block label_login %}"Adresse email"{% endblock %}#}
  70. {#                                                               required autofocus id="username" name="email" value="{{ last_username }}">#}
  71. {#                                </div>#}
  72.                             </div>
  73.                             <div class="col-md-12 mb-3">
  74.                                 <div class="input-group mb-3">
  75.                                     <span class="input-group-text" id="basic-addon1"><i class="fa fa-lock"></i></span>
  76.                                     <input type="password" class="form-control  mb-0"
  77.                                            placeholder={% block label_password %}"Mot de passe"{% endblock %} required id="password"
  78.                                            name="password">
  79.                                 </div>
  80. {#                                <div class="form-group">#}
  81. {#                                    <label for="inputPassword" class="form-control-label">Mot de passe</label>#}
  82. {#                                    <input type="password" class="form-control"#}
  83. {#                                           placeholder={% block label_password %}"Mot de passe"{% endblock %} required id="password"#}
  84. {#                                           name="password">#}
  85. {#                                </div>#}
  86.                             </div>
  88.                         </div>
  90.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  92.                         {% block button_connexion %}
  93.                             <div class="row">
  94.                                 <div class="col-12">
  95.                                     <div class="d-grid gap-2">
  96.                                         <button class="btn btn-primary btn-sm rounded-0"  type="submit">{% block label_connexion %}Connexion{% endblock %}</button>
  97.                                     </div>
  98.                                 </div>
  99.                                 <div class="col-12"> <a href="{{ path('arshdf_user_reset_password') }}" style="font-size: 0.8em"> Mot de passe oublié?</a></div>
  100.                             </div>
  103.                         {% endblock %}
  104.                     </form>
  105.                     </div>
  108.                 <div class="border bordered p-3 mt-2">
  109.                     <h5>Je n'ai pas d'espace</h5>
  110.                     <small>Pour ma première connexion, il est nécessaire de s'inscrire.</small>
  111.                     <div class="d-grid gap-2 mt-3">
  112.                         <a href="{{ path('arshdf_user_register') }}" class="btn btn-sm btn-primary rounded-0">Créer mon compte </a>
  113.                     </div>
  114.                 </div>
  116.                 {% endif %}
  117.             </div>
  118.         </div>
  120.     </div>
  121. {% endblock %}