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

{% block title %}Log in!{% endblock %}

{% block body %}

    <form method="post">
        <div class="content-body"><!-- login page start -->
            <section id="auth-login" class="row flexbox-container">
                <div class="col-xl-4 col-11">
                    <div class="card bg-authentication mb-0">
                        <div class="row m-0">
                            <!-- left section-login -->
                            <div class="col-md-12 col-12 px-0">
                                <div class="card disable-rounded-right mb-0 p-2 h-100 d-flex justify-content-center">
                                    <div class="card-header pb-1">
                                        <div class="">
                                            <h4 class="text-center mb-2">Connexion Google vers Assur'Travaux</h4>
                                            <p class="text-center mb-2">Votre compte google est désormais utilisé pour vous connecter vers Assur'Travaux. Choississez un mot de passe..</p>
                                        </div>
                                    </div>
                                    <div class="card-content">
                                        <div class="card-body">
                                            {{ form_start(form) }}
                                            <form class="form-horizontal form-simple" action="{{ path('ggpwd') }}" method="post" novalidate>
                                                <div class="form-group mb-50">
                                                    {{ form_row(form.password) }}
                                                </div>
                                                <button type="submit"
                                                        class="btn btn-primary glow w-100 position-relative">Login
                                                    <i id="icon-arrow" class="bx bx-right-arrow-alt"></i>
                                                </button>
                                            </form>
                                            {{ form_end(form) }}
                                            <hr>
                                            <div class="text-center"><small class="mr-25">Vous souhaitez annuler ?</small><a
                                                        href="{{ path('app_login') }}"><small>Retour</small></a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- right section image -->
                        </div>
                    </div>
                </div>
            </section>
            <!-- login page ends -->

        </div>

        <!-- END: Content-->


        <!-- BEGIN: Vendor JS-->
        <script src="../../../app-assets/vendors/js/vendors.min.js"></script>
        <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.min.js"></script>
        <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.min.js"></script>
        <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js"></script>
        <!-- BEGIN Vendor JS-->

        <!-- BEGIN: Theme JS-->
        <script src="../../../app-assets/js/scripts/configs/vertical-menu-light.min.js"></script>
        <script src="../../../app-assets/js/core/app-menu.min.js"></script>
        <script src="../../../app-assets/js/core/app.min.js"></script>
        <script src="../../../app-assets/js/scripts/components.min.js"></script>
        <script src="../../../app-assets/js/scripts/footer.min.js"></script>
        <!-- END: Theme JS-->


    </form>
{% endblock %}