{% extends 'bo/base.html.twig' %}

{% block title %}Création de votre projet{% endblock %}

{% block stylesheets %}
    <link href="{{ asset('assets/plugins/unitegallery/css/unitegallery.css') }}" rel="stylesheet">
{% endblock %}

{% block body %}
    <section class="g-bg-izibrick-light-v5">
        <div class="container g-py-100">
            <div class="row justify-content-center">
                <div class="col-sm-12 col-lg-10">
                    <div class="u-shadow-v21 g-bg-white rounded g-py-40 g-px-30">
                        <div id="nav-1-2-default-hor-left-big-icons" class="tab-content">
                            <div class="tab-pane fade show active" id="nav-1-2-default-hor-left-big-icons--1"
                                 role="tabpanel">
                                <div id="wizard-tab1" class="tab-pane">
                                    <div class="u-shadow-v19 g-max-width-645 g-brd-around g-brd-gray-light-v4 text-center rounded mx-auto g-pa-30 g-pa-50--md">
                                    <span class="u-icon-v3 u-icon-size--lg g-color-white g-bg-primary rounded-circle g-pa-15 mb-5">
                                        <svg width="30" height="30" version="1.1" id="Capa_1"
                                             xmlns="http://www.w3.org/2000/svg"
                                             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                             viewBox="0 0 497.5 497.5" style="enable-background:new 0 0 497.5 497.5;"
                                             xml:space="preserve">
                                          <g>
                                            <path d="M487.75,78.125c-13-13-33-13-46,0l-272,272l-114-113c-13-13-33-13-46,0s-13,33,0,46l137,136
                                              c6,6,15,10,23,10s17-4,23-10l295-294C500.75,112.125,500.75,91.125,487.75,78.125z"
                                                  fill="#fff"/>
                                          </g>
                                        </svg>
                                    </span>
                                        <div class="mb-5">
                                            <h2 class="mb-4">Votre commande est validée !</h2>
                                            {% if newUser %}
                                                <p>Merci pour votre commande ! <br/>
                                                    Vous avez reçu un mail vous permettant
                                                    d'activer votre compte.<br/>
                                                    Dés l'activation de votre compte, vous pourrez accéder
                                                    à votre interface d'administration en vous connectant simplement.
                                                </p>
                                            {% else %}
                                                <p>Merci pour votre commande ! <br/>
                                                    Vous pouvez dès maintenant vous connecter
                                                    à votre interface d'administration en cliquant sur le bouton
                                                    ci-dessous.</p>
                                            {% endif %}
                                        </div>
                                        {% if not newUser %}
                                            <a class="btn u-btn-primary g-font-size-12 text-uppercase g-py-12 g-px-25"
                                               href="{{ path('fos_user_security_login') }}">Se connecter</a>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

{% endblock %}

{% block javascripts %}
{% endblock %}