<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>{% block title %}VideoPotes{% endblock %}</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> {% block stylesheets %}{% endblock %} <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> </head> <body style="padding-top:5rem;"> <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top"> <a class="navbar-brand" href="{{ path('videotheque_liste') }}">Videothèque</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="/" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarsExampleDefault"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="{{ path('videothequepersonnelle_maliste') }}">Ma liste de films<span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('videotheque_liste') }}">Liste des films<span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="{{ path('realisateur_liste') }}">Liste des réalisateurs<span class="sr-only">(current)</span></a> </li> {% if is_granted('ROLE_ADMIN') %} <li class="nav-item"> <a class="nav-link" href="{{ path('admin_index') }}">Administration<span class="sr-only">(current)</span></a> </li> {% endif %} </ul> {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') %} <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="{{ path('login') }}">Se connecter</a></li> </ul> {% else %} <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ app.user.username }} </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ path('user_profil') }}">Profil</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="{{ path('logout') }}">Se déconnecter</a> </div> </li> </ul> {% endif %} <div> <p>Code disponible sur <a href="https://gogs.fdlibre.eu/sangfroid/films">Gogs</a></p> </div> {#<form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form>#} </div> </nav> <div class="container-fluid"> <header> <h1>{% block titre %}{% endblock %}</h1> </header> <main role="main"> <div> {% for message in app.flashes('success') %} <div class="alert alert-success alert-dismissible fade show" role="alert"> <strong>Cool</strong> {{ message }} <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> {% endfor %} {% block body %}{% endblock %} </div> </main> <footer> {% block footer %} {% endblock %} </footer> </div> <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js"></script> <script> $(document).ready(function() { // you may need to change this code if you are not using Bootstrap Datepicker $('.js-datepicker').datepicker({ format: 'd/m/yyyy' }); }); </script> {% block javascripts %}{% endblock %} </body> </html>