Untitled

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>{% block title %}{% endblock %}</title>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <!-- Bootstrap core CSS -->
    <link href="{{url_for('.static', filename='css/bootstrap.min.css') }} " rel="stylesheet">
    <!-- Material Design Bootstrap -->
    <link href="{{url_for('.static', filename='css/mdb.min.css') }} " rel="stylesheet">
    <!-- Your custom styles (optional) -->
    <link href="{{url_for('.static', filename='css/style.css') }} " rel="stylesheet">
    {% block style %}{% endblock %}
</head>


{% if session['color'] %}
<body class="fixed-sn {{session['color']}}-skin">
{% else %}
<body class="fixed-sn grey-skin">
{% endif %}

<!--Double navigation-->
<header>

    <!-- Sidebar navigation -->
    <div id="slide-out" class="side-nav fixed wide sn-bg-1">
        <ul class="custom-scrollbar">
            <!-- Logo -->
            <li>
                <div class="logo-wrapper sn-ad-avatar-wrapper">
                    <a href="#"><img src={% if session['username'] %}
                        {{url_for('.static',
                        filename='img/avatar/default_avatar.png') }} {% else %} {{url_for('.static',
                        filename='img/avatar/default_avatar.png') }} {%
                        endif
                        %}class="rounded-circle"><span>{% if session['username'] %}{{session['username']}}{% else %}Visiteur{% endif %}</span></a>
                </div>
            </li>
            <!--/. Logo -->
            <!-- Side navigation links -->
            <li>
                <ul class="collapsible collapsible-accordion">
                    <li><a class="collapsible-header waves-effect arrow-r active"><i
                            class="sv-slim-icon fas fa-chevron-right"></i> Mes outils<i
                            class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="#" class="waves-effect active">
                                    <span class="sv-slim"> RÉ </span>
                                    <span class="sv-normal">Révision</span></a>
                                </li>
                                <li><a href="{{ url_for('create_card') }}" class="waves-effect">
                                    <span class="sv-slim"> CF </span>
                                    <span class="sv-normal">Créer des flash cards</span></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a class="collapsible-header waves-effect arrow-r"><i
                            class="sv-slim-icon far fa-hand-point-right"></i> Tutoriels<i
                            class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="#" class="waves-effect">
                                    <span class="sv-slim"> RE </span>
                                    <span class="sv-normal">SOON</span></a>
                                </li>
                                <li><a href="#" class="waves-effect">
                                    <span class="sv-slim"> SO </span>
                                    <span class="sv-normal">SOON</span></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a class="collapsible-header waves-effect arrow-r"><i class="sv-slim-icon far fa-envelope"></i>
                        Contact<i class="fas fa-angle-down rotate-icon"></i></a>
                        <div class="collapsible-body">
                            <ul>
                                <li><a href="#" class="waves-effect">
                                    <span class="sv-slim"> F </span>
                                    <span class="sv-normal">FAQ</span></a>
                                </li>
                                <li><a href="#" class="waves-effect">
                                    <span class="sv-slim"> ÉC </span>
                                    <span class="sv-normal">Écrire un message</span></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a id="toggle" class="waves-effect"><i class="sv-slim-icon fas fa-angle-double-left"></i>Minimiser
                        le menu</a>
                    </li>
                </ul>
            </li>
            <!--/. Side navigation links -->
        </ul>
        <div class="sidenav-bg rgba-blue-strong"></div>
    </div>
    <!--/. Sidebar navigation -->
    <!-- Navbar -->
    <nav class="navbar fixed-top navbar-toggleable-md navbar-expand-lg scrolling-navbar double-nav">
        <!-- SideNav slide-out button -->
        <div class="float-left">
            <a href="#" data-activates="slide-out" class="button-collapse"><i class="fas fa-bars"></i></a>
        </div>
        <!-- Breadcrumb-->
        <div class="breadcrumb-dn mr-auto">
            <p>WELPER</p>
        </div>
        <ul class="nav navbar-nav nav-flex-icons ml-auto">
            <li class="nav-item">
                <a class="nav-link"><i class="fas fa-envelope"></i> <span class="clearfix d-none d-sm-inline-block">Contact</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link"><i class="fas fa-comments"></i> <span class="clearfix d-none d-sm-inline-block">Support</span></a>
            </li>
            <li class="nav-item">
                {% if session['username'] %}
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <i class
                               ="fas fa-user"></i> <span class="clearfix d-none d-sm-inline-block">Mon compte</span>
                </a>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="{{ url_for('profile', username=session['username']) }}">Mon
                        profil</a>
                    <a class="dropdown-item" href="{{ url_for('disconnect') }}">Se déconnecter</a>
                </div>
            </li>
            {% else %}
            <a class="nav-link" href="{{ url_for('login') }}"><i class="fas fa-sign-in-alt"></i> <span
                    class="clearfix d-none d-sm-inline-block">Se connecter</span></a>
            {% endif %}

            </li>
            <!--
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Dropdown
                </a>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>-->
        </ul>
    </nav>
    <!-- /.Navbar -->
</header>
<!--/.Double navigation-->

<!--Main Layout-->

<main>
    {% if error %}
    <div class="alert alert-danger" role="alert">{{ error }}</div>
    {% endif %}
    {% if success %}
    <div class="alert alert-success" role="alert">{{ error }}</div>
    {% endif %}
    <div class="container-fluid mt-5">
        {% block body %}{% endblock %}
    </div>
</main>
<!--Main Layout-->

<footer class="page-footer font-small navy-blue  fixed-bottom">

    <!-- Copyright -->
    <div class="footer-copyright text-center py-3">© 2020 Copyright:
        <a href="https://mdbootstrap.com/education/bootstrap/"> WELPER.fr</a>
    </div>
    <!-- Copyright -->

</footer>
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="{{url_for('.static', filename='js/jquery-3.4.1.min.js') }}"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="{{url_for('.static', filename='js/popper.min.js') }}"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="{{url_for('.static', filename='js/bootstrap.min.js') }}"></script>

<!-- MDB core JavaScript -->
<script type="text/javascript" src="{{url_for('.static', filename='js/mdb.min.js') }}"></script>

<script type="text/javascript" src="{{url_for('.static', filename='js/base.js') }}"></script>
<script type="text/javascript" src="{{url_for('.static', filename='js/francais.js') }}"></script>

</body>

</html>