<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>{% block title %}Welcome!{% endblock %}</title> <meta content='maximum-scale=1.0, initial-scale=1.0, width=device-width' name='viewport'> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>"> {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #} {% block stylesheets %} {{ encore_entry_link_tags('app') }} {# <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> #} <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous" defer></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <link rel="stylesheet" href="{{asset('css/style.css')}}"> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link href="https://fonts.cdnfonts.com/css/bw-nista-grotesk-demo" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer"> {% endblock %} {% block javascripts %} {{ encore_entry_script_tags('app') }} {% endblock %} </head> <body> <div class="navbarbg"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light"> {# {{ app.session.get('_locale') }} #} {{ app.user.id | default('') }} <a target class="navbar-brand" href="{{path('app_livre_index')}}"> <img alt="" id="ct-loadding" src="{{asset('img/logo.png')}}" width="250px" class="logo" type="image/svg"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav ml-auto mt-2 mt-lg-0 "> {% if not is_granted('ROLE_USER') %} <li class="nav-item active"> <a class="btn btn-success" href="{{ path('app_livre_new') }}"> <i class="fa fa-plus-square" aria-hidden="true"></i>{% trans %}Publish a book{% endtrans %}</a> </li> <li class="nav-item"> <a class="nav-link" href="{{path('login')}}">{% trans %}Sign in{% endtrans %}</a> </li> <li class="nav-item"> <a class="nav-link" href="{{path('app_user_new')}}">{% trans %}Register{% endtrans %}</a> </li> {% else %} <li class="nav-item"> <a class="btn btn-success " href="{{ path('app_livre_new') }}"> <i class="fa fa-plus-square" aria-hidden="true"></i>{% trans %}Publish a book{% endtrans %}</a> </li> <li class="nav-item"> <a class="btn btn-success " href="{{ path('mesFavoris') }}"> <i class="fa fa-heart" aria-hidden="true"></i>{% trans %}Wishlist{% endtrans %}</a> </li> <li class="nav-item"> <a class="nav-link " href="{{ path('profile') }}"> <i class="fa fa-user" aria-hidden="true"></i>{% trans %}Profile{% endtrans %}</a> </li> {# <li class="nav-item" style="background: #0000005c;"> {{ render(controller('App\\Controller\\LivreController::notif')) }} </li> #} <li class="nav-item"> {{ render(controller('App\\Controller\\LivreController::notif2')) }} </li> <li class="nav-item"> <a class="nav-link" href="{{ path('logout') }}"> <i class="fa fa-sign-out-alt" style="color:#320258;" aria-hidden="true"></i> <span class="mobile-inline"></span> </a> </li> {% endif %} <div class="dropdown"> <span class="navbar-brand dropdown-toggle notification nav-link" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span>{% trans %}Language{% endtrans %}</span> </span> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> {% for locale in locales %} {% if locale != app.request.locale %} {% if locale == 'fr' %} <a class="item text-secondary" href="{{path('change_locale',{'locale':locale})}}"> <img src="{{asset('img/'~locale~'.png')}}" alt="{{locale}}"> {% trans %}French{% endtrans %} </a> {% elseif locale == 'en' %} <a class="item text-secondary" href="{{path('change_locale',{'locale':locale})}}"> <img src="{{asset('img/'~locale~'.png')}}" alt="{{locale}}"> {% trans %}English{% endtrans %} </a> {% elseif locale == 'es' %} <a class="item text-secondary" href="{{path('change_locale',{'locale':locale})}}"> <img src="{{asset('img/'~locale~'.png')}}" alt="{{locale}}"> {% trans %}Spanish{% endtrans %} </a> {% elseif locale == 'de' %} <a class="item text-secondary" href="{{path('change_locale',{'locale':locale})}}"> <img src="{{asset('img/'~locale~'.png')}}" alt="{{locale}}"> {% trans %}German{% endtrans %} </a> {% elseif locale == 'cn' %} <a class="block item text-secondary" href="{{path('change_locale',{'locale':locale})}}"> <img src="{{asset('img/'~locale~'.png')}}" alt="{{locale}}"> {% trans %}chinese{% endtrans %} </a> {% endif %} {% endif %} {% endfor %} </div> </div> </ul> </div> </nav> </div> </div> {% for type, flash_messages in app.session.flashbag.all() %} {% for flash_message in flash_messages %} {% if type == 'success' %} <div class="alert alert-success fixed-bottom"> {{ flash_message }} </div> {% elseif type == 'error' %} <div class="alert alert-danger fixed-bottom"> {{ flash_message }} </div> {% else %} <div class="alert alert-info fixed-bottom"> {{ flash_message }} </div> {% endif %} {% endfor %} {% endfor %} <div class="container">{% block body %}{% endblock %}</div> <span style="width: 100%; display: inline-block;"></span> <footer> <div class="container"> <div class="row"> <div class="col-xl-5 col-lg-6 col-md-6"> <div> <a target class="navbar-brand" href="#"> <img alt="" src="{{asset('img/logo.png')}}" width="250px" class="logo" type="image/svg"> </a> <p class="mb-30 footer-desc">{% trans %}Discover a new way to share your passion for reading. Our platform allows you to borrow, lend, and trade books with other book lovers, all from the comfort of your home. Explore our extensive catalog of digital and physical books, connect with other community members, and share your literary discoveries. Join us today to enrich your library and reading experience{% endtrans %} </div> </div> <div class="col-xl-3 col-lg-3 col-md-6"> <div> <h4>Service</h4> <ul class="list-unstyled"> <li> <a href="#" class="text-decoration-none">Accueil</a> </li> <li> <a href="#" class="text-decoration-none">Brandlistesing</a> </li> <li> <a href="#" class="text-decoration-none">Web Design</a> </li> <li> <a href="#" class="text-decoration-none">Graphics Design</a> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6"> <div> <h4>Newsletter</h4> <div> <label for="Newsletter" class="form-label">Subscribe To Our Newsletter</label> <input type="text" class="form-control" Placeholder="Enter Your Email"> <button class="btn btn-danger mt-3">Subscribe</button> </div> </div> </div> </div> <div class="d-flex justify-content-center"> <div class="copyright"> <p>Developed by <a href="#" target="_blank">Hicham.tech</a></p> </div> </div> </div></footer> </body> <style> .navbarbg{ background: #ededed; } .dropdown-content { background: #fff; display: none; position: absolute; width: max-content; padding: 3px; box-shadow: 0 0 14px -3px #000; } .show { display: block; } </style> <script> function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } </script></html>