{% block head %}
    <title>Sidebar 07</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="{{ asset('assets/sidebare/css/style.css') }}">
{% endblock %}
{% block stylesheets %}
    <style>
        #content{
            float: left;
            display: inline-block;
            width: 70%;
        }
        #menuCandidat{
            float: left;
            display: inline-block;
            margin-left: 2%;
            width: 27%;
        }
        .bg-nav{
            background-color: #0082C3;
            color: white;
        }
        .logo {
            overflow: hidden;
            padding: 16px 30px 12px 30px;
            background: #FFE728;
        }

        .logo h1 {
            font-size: 15px;
            padding: 0;
            line-height: 1;
            font-weight: 700;
            font-family: "Poppins", sans-serif;
        }

        .logo h1 a,
        .logo h1 a:hover {
            color: #000000;
            text-decoration: none;
        }

        .logo img {
            padding: 0;
            margin: 0;
            max-height: 40px;
        }
        .btn-logout{
            font-size: 10px;
            background-color: #FF3C33;
            color: white;
        }
        #divLogout{
            margin-left: 60%;
            text-align: center;
        }
        a{
            color: white;
        }
        .btn-couleur{
            background-color: #FFE728;
            color: black;
        }
    </style>
{% endblock %}
<div class="container-fluid">
    <nav class="navbar navbar-expand-md navbar-dark bg-nav">
        <div class="logo">
            <h1 class="text-light">
                <a href="{{ path('acces_espace_leader')}}">
                    {% if (is_granted("ROLE_ADMIN")==false) %}
                    <span>ESPACE CANDIDAT</span>
                    {% else %}
                    <span>ESPACE LEADER</span>
                    {% endif %}
                </a></h1>
        </div>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav mr-auto">
                {% if (is_granted("ROLE_ADMIN")==false) %}
                    <li class="nav-item active">
                        <a style="color: white" class="nav-link" href="{{ path('acces_espace_candidat')}}">Mes Offres d'emploi<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a style="color: white" class="nav-link" href="{{ path('acces_cv_sportif_candidat')}}">Mon CV Sportif</a>
                    </li>
                    <li class="nav-item">
                        <a style="color: white" class="nav-link" href="{{ path('acces_candidatures')}}">Mes Candidatures</a>
                    </li>
                {% else %}
                    <li class="nav-item active">
                        <a style="color: white" class="nav-link" href="{{ path('acces_espace_leader')}}">Offre d'emplois<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a style="color: white" class="nav-link" href="{{ path('create_emploi')}}">Créer Offre d'emploi</a>
                    </li>
                    <!-- Button trigger modal -->
                    <button type="button" class="btn btn-couleur" data-toggle="modal" data-target="#exampleModal">
                        Ajouter Leader
                    </button>

                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Ajouter Un Leader</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <form action="{{ path('add_leader') }}" method="post">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <input name="email" class="form-control" type="text" placeholder="Entrez l'email">
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="submit" class="btn btn-couleur" value="Enregistrer">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
            </ul>
            {% if app.user %}
                <ul class="navbar-nav">
                    <li class="nav-item">
                        {{ user_current.prenom }}&nbsp;{{ user_current.nom }}
                    </li>&nbsp;&nbsp;
                    <li class="nav-item">
                        <a class="btn btn-logout" href="{{ path('app_logout') }}">
                            Me déconnecter
                        </a>
                    </li>
                </ul>
            {% endif %}
        </div>
    </nav>
</div>