Files
MyX/resources/views/layouts/app.blade.php
2024-08-11 16:14:28 +02:00

200 lines
6.3 KiB
PHP

<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="{{url('/')}}/assets/css/style.css">
</head>
<body>
<!-- loader -->
<div id="loader">
<div class="spinner-border text-primary" role="status"></div>
</div>
<!-- * loader -->
<!-- App Header -->
<div class="appHeader">
<div class="left">
<a href="#" class="headerButton" data-bs-toggle="offcanvas" data-bs-target="#sidebarPanel">
<ion-icon name="menu-outline"></ion-icon>
</a>
</div>
<div class="pageTitle">
<img src="assets/img/logo.png" alt="logo" class="logo">
</div>
<div class="right">
<a href="#" class="headerButton toggle-searchbox">
<ion-icon name="search-circle-outline"></ion-icon>
</a>
</div>
</div>
<!-- * App Header -->
<!-- Search Component -->
<div id="search" class="appHeader">
<form class="search-form">
<div class="form-group searchbox">
<input type="text" class="form-control" placeholder="Search...">
<i class="input-icon">
<ion-icon name="search-outline"></ion-icon>
</i>
<a href="#" class="ms-1 close toggle-searchbox">
<ion-icon name="close-circle"></ion-icon>
</a>
</div>
</form>
</div>
<!-- * Search Component -->
<!-- App Capsule -->
<div id="appCapsule">
@yield('content')
<!-- app footer -->
<div class="appFooter mt-5">
<img src="assets/img/logo.png" alt="icon" class="footer-logo mb-2">
<div class="footer-title">
Copyright © MyX <span class="yearNow"></span>. All Rights Reserved.
</div>
<div>Créé avec ❤️ pour gagner tous les lots</div>
</div>
<!-- * app footer -->
</div>
<!-- * App Capsule -->
<!-- App Bottom Menu -->
<div class="appBottomMenu bg-primary text-light">
<a href="/" class="item">
<div class="col">
<ion-icon name="home-outline"></ion-icon>
</div>
</a>
<a href="/search" class="item">
<div class="col">
<ion-icon name="search-outline"></ion-icon>
</div>
</a>
<a href="/accounts" class="item">
<div class="col">
<ion-icon name="people-outline"></ion-icon>
</div>
</a>
<a href="#sidebarPanel" class="item" data-bs-toggle="offcanvas">
<div class="col">
<ion-icon name="menu-outline"></ion-icon>
</div>
</a>
</div>
<!-- * App Bottom Menu -->
<!-- App Sidebar -->
<div class="offcanvas offcanvas-start" tabindex="-1" id="sidebarPanel">
<div class="offcanvas-body">
<!-- profile box -->
<div class="profileBox">
<div class="image-wrapper">
<img src="assets/img/sample/avatar/avatar1.jpg" alt="image" class="imaged rounded">
</div>
<div class="in">
<strong>{{ Auth::user()->name }}</strong>
<div class="text-muted">
<ion-icon name="location"></ion-icon>
France
</div>
</div>
<a href="#" class="close-sidebar-button" data-bs-dismiss="offcanvas">
<ion-icon name="close"></ion-icon>
</a>
</div>
<!-- * profile box -->
<ul class="listview flush transparent no-line image-listview mt-2">
<li>
<a href="/" class="item">
<div class="icon-box bg-primary">
<ion-icon name="home-outline"></ion-icon>
</div>
<div class="in">
Home
</div>
</a>
</li>
<li>
<a href="/new" class="item">
<div class="icon-box bg-primary">
<ion-icon name="home-outline"></ion-icon>
</div>
<div class="in">
Nouveaux
</div>
</a>
</li>
<li>
<a href="/last-minutes" class="item">
<div class="icon-box bg-primary">
<ion-icon name="home-outline"></ion-icon>
</div>
<div class="in">
Dernières minutes
</div>
</a>
</li>
<li>
<a href="/organizers" class="item">
<div class="icon-box bg-primary">
<ion-icon name="home-outline"></ion-icon>
</div>
<div class="in">
Organisateurs
</div>
</a>
</li>
</ul>
</div>
<!-- sidebar buttons -->
<div class="sidebar-buttons">
<a href="/profile" class="button">
<ion-icon name="person-outline"></ion-icon>
</a>
<a href="#" class="button">
<ion-icon name="archive-outline"></ion-icon>
</a>
<a href="#" class="button">
<ion-icon name="settings-outline"></ion-icon>
</a>
<a href="#" class="button" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
<ion-icon name="log-out-outline"></ion-icon>
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
<!-- * sidebar buttons -->
</div>
<!-- * App Sidebar -->
<!-- ============== Js Files ============== -->
<!-- Bootstrap -->
<script src="{{url('/')}}/assets/js/lib/bootstrap.min.js"></script>
<!-- Ionicons -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<!-- Splide -->
<script src="{{url('/')}}/assets/js/plugins/splide/splide.min.js"></script>
<!-- ProgressBar js -->
<script src="{{url('/')}}/assets/js/plugins/progressbar-js/progressbar.min.js"></script>
<!-- Base Js File -->
<script src="{{url('/')}}/assets/js/base.js"></script>
</body>
</html>