<!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') }}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
{# <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://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous" defer></script>
<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_home_index')}}">
<img alt="" id="ct-loadding" src="{{asset('img/logo2.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 app.user %}
<li class="nav-item">
<a class="nav-link" href="{{path('login')}}">Connexion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{path('app_user_new')}}">Inscription</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link " href="{{ path('profile') }}">
<i class="fa fa-user" aria-hidden="true"></i> Profile
</a>
</li>
{% endif %}
<li class="nav-item active">
<a class="btn btn-success" href="{{ path('cart_index') }}">
<i class="fas fa-shopping-cart"></i> Panier</a>
</li>
{# {% if not app.user %}
<li class="nav-item">
<a class="nav-link" href="{{path('login')}}">Sign in</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{path('app_user_new')}}">Register</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link " href="{{ path('profile') }}">
<i class="fa fa-user" aria-hidden="true"></i> Profile</a>
</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 %} #}
</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 class="navbarbg">
<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/logo2.png')}}" width="250px" class="logo" type="image/svg">
</a>
<p class="mb-30 footer-desc"> Le spécialiste du pneu d’occasion en ligne, qualité garantie.
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div>
<h4>Liens Rapides</h4>
<ul class="list-unstyled">
<li>
<a href="#" class="text-decoration-none">Accueil</a>
</li>
<li>
<a href="#" class="text-decoration-none">Connexion</a>
</li>
<li>
<a href="#" class="text-decoration-none">Inscription</a>
</li>
<li>
<a href="#" class="text-decoration-none">Panier</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">Inscrivez vous à notre Newsletter</label>
<input type="text" class="form-control" Placeholder="Inscrivez votre e-mail">
<button class="btn btn-danger mt-3">S'inscrire</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>
</html>