first
This commit is contained in:
118
resources/views/layouts/app.blade.php
Normal file
118
resources/views/layouts/app.blade.php
Normal file
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ms">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>@yield('title', 'Speech2Text') — MBIP</title>
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||||
|
||||
<style>
|
||||
body { background-color: #f8f9fa; }
|
||||
.navbar-brand { font-weight: 700; letter-spacing: 0.5px; }
|
||||
.sidebar { min-height: calc(100vh - 56px); background: #fff; border-right: 1px solid #dee2e6; }
|
||||
.sidebar .nav-link { color: #495057; border-radius: 6px; margin-bottom: 2px; }
|
||||
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: #e9ecef; color: #0d6efd; }
|
||||
.sidebar .nav-link i { width: 20px; }
|
||||
.main-content { min-height: calc(100vh - 56px); }
|
||||
.badge-status-pending { background-color: #6c757d; }
|
||||
.badge-status-processing { background-color: #fd7e14; }
|
||||
.badge-status-completed { background-color: #198754; }
|
||||
.badge-status-failed { background-color: #dc3545; }
|
||||
</style>
|
||||
|
||||
@stack('styles')
|
||||
</head>
|
||||
<body>
|
||||
{{-- Navbar --}}
|
||||
<nav class="navbar navbar-expand-md navbar-dark bg-primary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="{{ route('user.dashboard') }}">
|
||||
<i class="bi bi-mic-fill me-2"></i>Speech2Text MBIP
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarContent">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
|
||||
<i class="bi bi-person-circle me-1"></i>
|
||||
{{ auth()->user()->name }}
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><span class="dropdown-item-text text-muted small">{{ auth()->user()->email }}</span></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li>
|
||||
<form method="POST" action="{{ route('logout') }}">
|
||||
@csrf
|
||||
<button class="dropdown-item text-danger" type="submit">
|
||||
<i class="bi bi-box-arrow-right me-2"></i>Log Keluar
|
||||
</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
{{-- Sidebar --}}
|
||||
<div class="col-md-2 sidebar p-3">
|
||||
<nav class="nav flex-column">
|
||||
<a class="nav-link {{ request()->routeIs('user.dashboard') ? 'active' : '' }}"
|
||||
href="{{ route('user.dashboard') }}">
|
||||
<i class="bi bi-house me-2"></i>Dashboard
|
||||
</a>
|
||||
<a class="nav-link {{ request()->routeIs('user.projects.*') ? 'active' : '' }}"
|
||||
href="{{ route('user.dashboard') }}">
|
||||
<i class="bi bi-folder2 me-2"></i>Projek Saya
|
||||
</a>
|
||||
<a class="nav-link {{ request()->routeIs('user.projects.create') ? 'active' : '' }}"
|
||||
href="{{ route('user.projects.create') }}">
|
||||
<i class="bi bi-plus-circle me-2"></i>Projek Baru
|
||||
</a>
|
||||
|
||||
@if(auth()->user()->isAdmin())
|
||||
<hr class="border-secondary my-2">
|
||||
<a class="nav-link text-warning" href="{{ route('admin.dashboard') }}">
|
||||
<i class="bi bi-shield-lock me-2"></i>Portal Admin
|
||||
</a>
|
||||
@endif
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
{{-- Main Content --}}
|
||||
<div class="col-md-10 main-content p-4">
|
||||
@if(session('success'))
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-check-circle me-2"></i>{{ session('success') }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if(session('error'))
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-exclamation-triangle me-2"></i>{{ session('error') }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
|
||||
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user