উন্নত ওয়েব সার্ভার ম্যানেজার

✏️ Editing: admin.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ config('app.name') }} - Admin Panel</title>
    
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    
    
    <link href="https://fonts.googleapis.com/css2?family=Segoe+UI:wght@300;400;600&display=swap" rel="stylesheet">

body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f4f6f9;
            overflow-x: hidden;
        }

/* Sidebar Styling (Gradient Design) */
        #sidebar-wrapper {
            min-height: 100vh;
            margin-left: calc(-1 * var(--sidebar-width));
            transition: margin .25s ease-out;
            /* The requested Gradient Background */
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: #fff;
            width: var(--sidebar-width);
            position: fixed;
            z-index: 1000;
        }

#sidebar-wrapper .sidebar-heading {
            padding: 1.5rem 1.25rem;
            font-size: 1.3rem;
            font-weight: bold;
            color: white;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            text-align: center;
        }

#sidebar-wrapper .list-group {
            width: var(--sidebar-width);
            padding-top: 20px;
        }

/* Menu Items Styling */
        #sidebar-wrapper .list-group-item {
            background-color: transparent; /* Transparent to show gradient */
            color: rgba(255, 255, 255, 0.85);
            border: none;
            padding: 1rem 1.5rem;
            font-size: 1rem;
            transition: all 0.3s;
            display: flex;
            align-items: center;
        }

#sidebar-wrapper .list-group-item:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: #fff;
            transform: translateX(5px);
        }

#sidebar-wrapper .list-group-item.active {
            background-color: rgba(255, 255, 255, 0.2);
            color: #fff;
            font-weight: 600;
            border-left: 4px solid #fff; /* White border instead of blue bg */
        }
        
        /* Sub-headers (Management/Events) */
        .sidebar-subheading {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: rgba(255, 255, 255, 0.5);
            padding: 1.5rem 1.5rem 0.5rem;
            font-weight: bold;
        }

/* Page Content Wrapper */
        #page-content-wrapper {
            width: 100%;
            transition: margin .25s ease-out;
            margin-left: 0;
        }

/* Toggled State Logic */
        @media (min-width: 768px) {
            #sidebar-wrapper {
                margin-left: 0;
            }
            #page-content-wrapper {
                margin-left: var(--sidebar-width);
            }
            body.sb-sidenav-toggled #sidebar-wrapper {
                margin-left: calc(-1 * var(--sidebar-width));
            }
            body.sb-sidenav-toggled #page-content-wrapper {
                margin-left: 0;
            }
        }
        
        @media (max-width: 767.98px) {
            body.sb-sidenav-toggled #sidebar-wrapper {
                margin-left: 0;
            }
        }

/* Navbar Styling */
        .navbar {
            box-shadow: 0 2px 4px rgba(0,0,0,.08);
            background: #fff;
            padding: 1rem 1.5rem;
        }
        
        /* Card Styling */
        .card {
            border: none;
            box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.1);
            border-radius: 0.8rem;
        }

.card-header {
            background-color: #fff;
            border-bottom: 1px solid #f0f0f0;
            font-weight: 600;
            padding: 1.2rem 1.5rem;
            border-radius: 0.8rem 0.8rem 0 0 !important;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
        }
    </style>
</head>
<body>

<div class="d-flex" id="wrapper">
        
        
        <div id="sidebar-wrapper">
            <div class="sidebar-heading">
                <i class="bi bi-rocket-takeoff-fill me-2"></i> Events App
            </div>
            
            <div class="list-group list-group-flush">
                
                <a href="{{ auth()->user()->role === 'super_admin' ? route('dashboard') : route('admin.dashboard') }}" 
                   class="list-group-item list-group-item-action {{ request()->routeIs('*.dashboard') ? 'active' : '' }}">
                   <i class="bi bi-speedometer2 me-2"></i> Dashboard
                </a>

@if(auth()->user()->role === 'super_admin')
                    <div class="sidebar-subheading">Management</div>
                    
                    <a href="{{ route('admins.index') }}" 
                       class="list-group-item list-group-item-action {{ request()->routeIs('admins.*') ? 'active' : '' }}">
                       <i class="bi bi-people-fill me-2"></i> Admins
                    </a>
                @endif

@if(auth()->user()->role === 'admin')
                    <div class="sidebar-subheading">Events</div>
                    
                    <a href="{{ route('events.index') }}" 
                       class="list-group-item list-group-item-action {{ request()->routeIs('admin.events.*') ? 'active' : '' }}">
                       <i class="bi bi-calendar-event-fill me-2"></i> All Events
                    </a>
                    
                    
                    
                    <a href="{{ route('admin.event-registrations.index') }}" 
                       class="list-group-item list-group-item-action {{ request()->routeIs('admin.event-registrations.*') ? 'active' : '' }}">
                       <i class="bi bi-clipboard-check me-2"></i> Event Registrations
                    </a>
                @endif

<form method="POST" action="{{ route('logout') }}" class="mt-4 border-top border-white-50 pt-2 mx-3">
                    @csrf
                    <button type="submit" class="btn text-white w-100 text-start ps-0">
                        <i class="bi bi-box-arrow-right me-2"></i> Logout
                    </button>
                </form>
            </div>
        </div>

<div id="page-content-wrapper">
            
            
            <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
                <button class="btn btn-light" id="sidebarToggle">
                    <i class="bi bi-list fs-5"></i>
                </button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ms-auto mt-2 mt-lg-0 align-items-center">
                        <li class="nav-item me-3">
                            <span class="nav-link text-secondary fw-medium">{{ today()->format('l, d M Y') }}</span>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle d-flex align-items-center" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown">
                                <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-2 shadow-sm" style="width: 38px; height: 38px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;">
                                    {{ substr(auth()->user()->name, 0, 1) }}
                                </div>
                                <span class="fw-semibold text-dark">{{ auth()->user()->name }}</span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-end shadow border-0 mt-2" aria-labelledby="navbarDropdown">
                                
                                
                                <li>
                                    <form method="POST" action="{{ route('logout') }}">
                                        @csrf
                                        <button class="dropdown-item text-danger py-2">Logout</button>
                                    </form>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>

<div class="container-fluid px-4 py-4">
                @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show shadow-sm border-0" role="alert">
                        <i class="bi bi-check-circle-fill me-2"></i> {{ session('success') }}
                        <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.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Sidebar Toggle Script
        window.addEventListener('DOMContentLoaded', event => {
            const sidebarToggle = document.body.querySelector('#sidebarToggle');
            if (sidebarToggle) {
                sidebarToggle.addEventListener('click', event => {
                    event.preventDefault();
                    document.body.classList.toggle('sb-sidenav-toggled');
                });
            }
        });
    </script>
    @stack('scripts')
</body>
</html>

🚀 Advanced Web Server Manager

Welcome Back