{% extends 'base/staff/base_auth.html.twig' %}

{% block title %}
{% trans %}app_name{% endtrans %} | {% trans %}signup{% endtrans %}
{% endblock %}
{% block body %}
<div class="login-box">
    <div class="login-logo">
      <a href="{{ path('signin') }}"><img class="img-responsive" src="{{ asset('adm/images/logo/logo_230x89.png') }}"></a>
    </div>
    <!-- /.login-logo -->
    <div class="card">
      <div class="card-body login-card-body">
        <p class="login-box-msg">{% trans %}signup1{% endtrans %}</p>
        <p class="text-md-center"><b>{{ entity.getFirstname() ~ " " ~ entity.getLastname() }}</b></p>
        <form class="signup-form" action="{{ path('signup', {'pid': pid}) }}" method="POST">  
          <div class="input-group mb-3">
            <input type="email" name="email" class="form-control" value="{{ entity.getEmail() }}" placeholder="{% trans %}email{% endtrans %}" readonly>
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-envelope"></span>
              </div>
            </div>
          </div>
          <div class="input-group mb-3">
            <input type="password" name="password" class="form-control" placeholder="{% trans %}password{% endtrans %}">
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-lock"></span>
              </div>
            </div>
          </div>
          <div class="input-group mb-3">
            <input type="password" name="confirm_password" class="form-control" placeholder="{% trans %}confirm_password{% endtrans %}">
            <div class="input-group-append">
                <div class="input-group-text">
                <span class="fas fa-lock"></span>
                </div>
            </div>
            <input type="hidden" id="token" name="token" value="{{ csrf_token('check_form_signup') }}" />
        </div>
          <div class="alert alert-info text-sm-left" role="alert">
            <h6>{% trans %}password_condition_1{% endtrans %} :</h6>
            <p>- {% trans %}password_condition_2{% endtrans %}</p>
            <p>- {% trans %}password_condition_3{% endtrans %}</p>
            <p>- {% trans %}password_condition_4{% endtrans %}</p>
            <p>- {% trans %}password_condition_5{% endtrans %}</p>
            <p>- {% trans %}password_condition_6{% endtrans %}</p>
          </div>
          <div class="row pt-2">
            <!-- /.col -->
            <div class="col-12">
              <button type="submit" class="btn btn-primary btn-block btn-flat">{% trans %}validate{% endtrans %}</button>
            </div>
            <!-- /.col -->
          </div>
        </form>
      </div>
      <!-- /.login-card-body -->
    </div>
  </div>
  <!-- /.login-box -->
{% endblock %}