<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
{% set locale = app.request.locale %}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Bookoach{% endblock %}</title>
{% block stylesheets %}
{% endblock %}
<link href="{{ asset('admin/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('admin/css/icons.min.css') }}" rel="stylesheet">
<link href="{{ asset('admin/css/app.min.css') }}" rel="stylesheet">
</head>
<body data-sidebar="dark" id="{% block body_id %}{% endblock %}">
<div id="layout-wrapper">
<header id="page-topbar">
<div class="navbar-header">
<div class="d-flex">
<!-- LOGO -->
<div class=" flex h-18 items-center justify-center navbar-brand-box px-4">
<a href="" class="logo logo-dark">
<span class="logo-sm">
<img src="{{ asset('admin/images/logo.svg')}}" alt="" height="22">
</span>
<span class="logo-lg">
<img src="{{ asset('admin/images/logo-dark.png')}}" alt="" style="height: 25px;">
</span>
</a>
<a href="" class="logo logo-light">
<span class="logo-sm">
<img src="{{ asset('admin/images/logoBookoach-light.svg')}}" alt="" style="height: 35px" >
</span>
<span class="logo-lg">
<img src="{{ asset('admin/images/logoBookoach-light.svg')}}" alt="" style="height: 25px">
</span>
</a>
</div>
<button type="button" class="btn btn-sm px-3 font-size-16 header-item waves-effect" id="vertical-menu-btn">
<i class="fa fa-fw fa-bars"></i>
</button>
<!-- App Search-->
<form class="app-search d-none d-lg-block">
<div class="position-relative">
<input type="text" class="form-control" placeholder="Search...">
<span class="bx bx-search-alt"></span>
</div>
</form>
</div>
<div class="d-flex">
<div class="dropdown d-inline-block d-lg-none ms-2">
<button type="button" class="btn header-item noti-icon waves-effect" id="page-header-search-dropdown"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="mdi mdi-magnify"></i>
</button>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
aria-labelledby="page-header-search-dropdown">
<form class="p-3">
<div class="form-group m-0">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
<div class="input-group-append">
<button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="dropdown d-inline-block">
<button type="button" class="btn header-item waves-effect"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img id="header-lang-img" src="{{ asset('admin/images/flags/us.jpg')}}" alt="Header Language" height="16">
</button>
<div class="dropdown-menu dropdown-menu-end">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="en">
<img src="{{ asset('admin/images/flags/us.jpg')}}" alt="user-image" class="me-1" height="12"> <span class="align-middle">English</span>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="sp">
<img src="{{ asset('admin/images/flags/french.jpg')}}" alt="user-image" class="me-1" height="12"> <span class="align-middle">Français</span>
</a>
</div>
</div>
<div class="dropdown d-none d-lg-inline-block ms-1">
<button type="button" class="btn header-item noti-icon waves-effect"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-customize"></i>
</button>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
<div class="px-lg-2">
<div class="row g-0">
<div class="col">
<a class="dropdown-icon-item" href="#">
<i class="bx font-size-24 bx-detail"></i>
<span>Articles</span>
</a>
</div>
<div class="col">
<a class="dropdown-icon-item" href="#">
<i class="bx font-size-24 bx-news"></i>
<span>Events</span>
</a>
</div>
<div class="col">
<a class="dropdown-icon-item" href="#">
<i class="bx font-size-24 bx-film"></i>
<span>Videos</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="dropdown d-none d-lg-inline-block ms-1">
<button type="button" class="btn header-item noti-icon waves-effect" data-bs-toggle="fullscreen">
<i class="bx bx-fullscreen"></i>
</button>
</div>
{# {% include 'include/notificationAdmin.html.twig' %}#}
<div class="dropdown d-inline-block">
<button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="rounded-circle header-profile-user" src="{{ asset('admin/images/users/avatar-1.jpg')}}"
alt="Header Avatar">
<span class="d-none d-xl-inline-block ms-1" key="t-henry">Hicham</span>
<i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i>
</button>
<div class="dropdown-menu dropdown-menu-end">
<!-- item-->
<a class="dropdown-item" href=""><i class="bx bx-user font-size-16 align-middle me-1"></i> <span key="t-profile">Profile</span></a>
<a class="dropdown-item d-block" href=""><i class="bx bx-wrench font-size-16 align-middle me-1"></i> <span key="t-settings">Settings</span></a>
<a class="dropdown-item d-block" href=""><i class="bx bx-lock-open font-size-16 align-middle me-1"></i> <span key="t-settings">Password</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger" href="{{ path('security_logout') }}"><i class="bx bx-power-off font-size-16 align-middle me-1 text-danger"></i> <span key="t-logout">Logout</span></a>
</div>
</div>
<div class="dropdown d-inline-block">
<button type="button" class="btn header-item noti-icon right-bar-toggle waves-effect">
<i class="bx bx-cog bx-spin"></i>
</button>
</div>
</div>
</div>
</header>
<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">
<div data-simplebar class="h-100">
<!--- Sidemenu -->
<div id="sidebar-menu">
<!-- Left Menu Start -->
<ul class="mt-3 metismenu list-unstyled" id="side-menu">
{% block menu_left_sidebar %}{% endblock %}
</ul>
</div>
<!-- Sidebar -->
</div>
</div>
<!-- Left Sidebar End -->
<!-- @@include("horizontal.html") -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">{% block page_title %}{% endblock %}</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">{% block breadcump_main %}{% endblock %}</a></li>
<li class="breadcrumb-item active">{% block breadcump_subtitle %}{% endblock %}</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
{{ include('default/_flash_messages.html.twig') }}
{% block content %}{% endblock %}
<!-- end row -->
</div> <!-- container-fluid -->
</div>
<!-- End Page-content -->
<!-- JAVASCRIPT -->
<script src="{{ asset('admin/libs/jquery/jquery.min.js')}}"></script>
<script src="{{ asset('admin/libs/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{ asset('admin/libs/metismenu/metisMenu.min.js')}}"></script>
<script src="{{ asset('admin/libs/simplebar/simplebar.min.js')}}"></script>
<script src="{{ asset('admin/libs/node-waves/waves.min.js')}}"></script>
{% block javascripts %}
{% endblock %}
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
{# it's not mandatory to set the timezone in localizeddate(). This is done to
avoid errors when the 'intl' PHP extension is not available and the application
is forced to use the limited "intl polyfill", which only supports UTC and GMT #}
<!-- Page rendered on {{ 'now'|format_datetime('long', 'long', '', 'UTC') }} -->
</body>
</html>