<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Component 4 - Training Tracker | SSWSEEP</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo e(asset('css/custom.css')); ?>">
    <style>
        body { background: #f8f9fa; }
        .sidebar { background: #006400; min-height: 100vh; }
        .sidebar .nav-link { color: #c8e6c9; border-radius: 8px; margin: 5px 15px; }
        .sidebar .nav-link:hover, .sidebar .nav-link.active { background: #087f23; color: white; }
        .stat-card { background: #e8f5e9; border-left: 5px solid #006400; }
        .header-logo { height: 60px; }
    </style>
</head>
<body>
    <div class="d-flex">
        <!-- Sidebar -->
        <?php echo $__env->make('component4.partials.sidebar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

        <!-- Main Content -->
        <div class="flex-grow-1">
            <!-- Header -->
            <header class="bg-white shadow-sm p-3 d-flex justify-content-between align-items-center">
                <div class="d-flex align-items-center gap-4">
                    <img src="<?php echo e(asset('images/ministry-logo.png')); ?>" class="header-logo" alt="Ministry">
                    <h4 class="mb-0 text-success fw-bold">Institutional Strengthening and Project Management</h4>
                </div>
                
                <div class="d-flex align-items-center">
                    <span class="navbar-text me-3">Hello, <?php echo e(Auth::user()->name); ?></span>                    
                    <form method="POST" action="<?php echo e(route('logout')); ?>" class="m-0">
                        <?php echo csrf_field(); ?>
                        <button type="submit" class="btn-sswseep-green">Logout</button>
                    </form>
                </div>
            </header>

            <!-- Page Content -->
            <main class="p-4">
                <?php if(session('success')): ?>
                    <div class="alert alert-success alert-dismissible fade show">
                        <?php echo e(session('success')); ?>

                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                <?php endif; ?>

                <?php echo $__env->yieldContent('content'); ?>
            </main>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html><?php /**PATH /home/kulzweru/sswseepdatabase.blockchaintech.co.ke/resources/views/component4/layouts/app.blade.php ENDPATH**/ ?>