{# templates/avis/avis.html.twig #}
{% extends 'base.html.twig' %}

{% block entete %}
    <body class="page-body login-page login-form-fall" data-url="<?php echo htmlentities('https://'. $_SERVER['HTTP_HOST'],ENT_QUOTES,"utf-8") ;?>">


{% endblock %}

{% block corps %}
    <!-- This is needed when you send requests via Ajax -->
    <script type="text/javascript">
        var baseurl = '/ae_s/';
    </script>

    <div class="login-container">
        <div class="login-header login-caret">
            <div class="login-content">
                <div class="visible-xs">
                    <a href="index.php" class="logo">
                        <h1><img src="./uploads/images/logo.png"  width="140" alt="Avis" title=""></h1>
                    </a>
                </div>
                <div class="hidden-xs">
                    <a href="index.php" class="logo">
                        <h1><img src="./uploads/images/logo.png" width="220" alt="Avis" title=""></h1>
                    </a>
                </div>
                <p class="description">AVIS D'ENGAGEMENT</p>
                <!-- progress bar indicator -->
                <div class="login-progressbar-indicator">
                    <h3>43%</h3>
                    <span>Connexion en cour...</span>
                </div>
            </div>
        </div>
        <h2 id="gif_title">Gestion des inscriptions aux formations</h2>
        <div class="login-progressbar">
            <div></div>
        </div>

        <div class="login-form">
            <div class="login-content">
                <div class="form-login-error">
                    <h3><label id="labelerreur">Nom d'usager ou Mot de Passe Invalide</label></h3>
                </div>

                <form method="post" id="form_login">
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon">
                                <i class="entypo-user"></i>
                            </div>
                            <input title="" class="form-control" name="username" id="username" placeholder="Nom d'usager" autocomplete="off" readonly
                                   onfocus="this.removeAttribute('readonly');" />
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon">
                                <i class="entypo-key"></i>
                            </div>
                            <input type="password" title="" class="form-control" name="password" id="password" placeholder="Mot de passe" autocomplete="off" readonly
                                   onfocus="this.removeAttribute('readonly');" />
                        </div>
                    </div>

                    <div class="form-group">
                        <button class="btn btn-primary btn-block btn-login">
                            <i class="entypo-login"></i>
                            Connexion
                        </button>
                    </div>
                </form>
                <div class="login-bottom-links">
                    <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Contrat Creative Commons" style="border-width:0" src="https://licensebuttons.net/l/by-nc-sa/4.0/80x15.png" title="Avis d'engagement par la CSVDC est mis à disposition selon les termes de la licence Creative Commons (CC BY NC SA)"/></a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block feuillestyle %}
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('css/neon-forms-core.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('css/font-icons/font-awesome/css/font-awesome.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('css/font-icons/entypo/css/entypo.min.css') }}"/>

    <link rel="stylesheet" href="{{ asset('js/jquery-ui/css/no-theme/jquery-ui-1.10.3.custom.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('js/datatables/DataTables-1.10.15/datatables-complet.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('js/select2/select2-complet.min.css') }}"/>

    <link rel="stylesheet" href="{{ asset('css/rh/custom.css') }}"/>
{% endblock %}

{% block javascripts %}

    <script src="{{ asset('js/alljs.min.js') }}"></script>
    <script src="{{ asset('js/jquery.validate.min.js') }}" defer></script>
    <script src="{{ asset('js/rh/neon-login.js') }}" defer></script>
{% endblock %}
