<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title><?php echo $__env->yieldContent('title','SoftSuite CMS'); ?></title>
    <!-- Premium Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css','resources/js/app.js']); ?>
</head>
<body class="bg-slate-50/60 text-slate-800 antialiased min-h-screen">
<div x-data="{open:false}" class="min-h-screen flex flex-col">
    <!-- Header -->
    <header class="sticky top-0 z-30 border-b border-slate-200/80 bg-white/80 backdrop-blur-md">
        <div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-3 sm:px-6">
            <div class="flex items-center gap-3">
                <button @click="open=!open" class="lg:hidden btn-soft btn !px-3 !py-2">
                    <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
                </button>
                <a href="<?php echo e(route('dashboard')); ?>" class="text-xl font-bold tracking-tight text-slate-800">
                    SoftSuite <span class="text-gradient font-black">CMS</span>
                </a>
            </div>
            <div class="flex items-center gap-4">
                <div class="hidden items-center gap-2 sm:flex">
                    <div class="h-2 w-2 rounded-full bg-emerald-500 animate-pulse"></div>
                    <span class="text-xs font-semibold uppercase tracking-wider text-slate-400">Portal Mode</span>
                    <span class="text-sm font-semibold text-slate-700 bg-slate-100 px-2.5 py-1 rounded-lg"><?php echo e(auth()->user()->name); ?></span>
                </div>
                <form method="POST" action="<?php echo e(route('logout')); ?>">
                    <?php echo csrf_field(); ?>
                    <button class="btn btn-soft !py-2 !px-4 text-xs font-semibold hover:border-red-200 hover:text-red-600 hover:bg-red-50/50">
                        Logout
                    </button>
                </form>
            </div>
        </div>
    </header>

    <div class="mx-auto w-full max-w-7xl flex-1 grid lg:grid-cols-[260px_1fr]">
        <!-- Sidebar Navigation -->
        <aside :class="open?'block':'hidden'" class="border-b lg:border-b-0 lg:border-r border-slate-200 bg-white/70 backdrop-blur p-5 lg:block lg:min-h-[calc(100vh-61px)]">
            <nav class="space-y-1.5 text-sm">
                <!-- Overview -->
                <a href="<?php echo e(route('dashboard')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('dashboard') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                    <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v4a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v4a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/></svg>
                    <span>Overview</span>
                </a>

                <?php if(auth()->user()->hasPermission('people.manage')): ?>
                    <div class="pt-2 pb-1 px-3.5 text-[10px] font-bold uppercase tracking-wider text-slate-400">Workforce</div>
                    <!-- Employees -->
                    <a href="<?php echo e(route('employees.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('employees.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                        <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
                        <span>Employees</span>
                    </a>
                    <!-- Interns -->
                    <a href="<?php echo e(route('interns.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('interns.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                        <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"/></svg>
                        <span>Interns</span>
                    </a>
                <?php endif; ?>

                <div class="pt-2 pb-1 px-3.5 text-[10px] font-bold uppercase tracking-wider text-slate-400">Self Service</div>
                <!-- Attendance -->
                <a href="<?php echo e(route('attendance.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('attendance.index') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                    <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                    <span>Attendance</span>
                </a>
                <!-- Leave -->
                <a href="<?php echo e(route('leave.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('leave.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                    <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                    <span>Leave</span>
                </a>

                <?php if(auth()->user()->hasPermission('projects.manage')): ?>
                    <div class="pt-2 pb-1 px-3.5 text-[10px] font-bold uppercase tracking-wider text-slate-400">Delivery</div>
                    <!-- Projects -->
                    <a href="<?php echo e(route('projects.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('projects.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                        <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/></svg>
                        <span>Projects</span>
                    </a>
                    <!-- Tasks -->
                    <a href="<?php echo e(route('tasks.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('tasks.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                        <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/></svg>
                        <span>Tasks</span>
                    </a>
                <?php endif; ?>

                <?php if(auth()->user()->hasPermission('payroll.manage') || auth()->user()->hasPermission('expenses.approve')): ?>
                    <div class="pt-2 pb-1 px-3.5 text-[10px] font-bold uppercase tracking-wider text-slate-400">Finance</div>
                    <?php if(auth()->user()->hasPermission('payroll.manage')): ?>
                        <!-- Payroll -->
                        <a href="<?php echo e(route('payroll.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('payroll.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                            <span>Payroll</span>
                        </a>
                        <!-- Intern Stipends -->
                        <a href="<?php echo e(route('stipends.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('stipends.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
                            <span>Intern Stipends</span>
                        </a>
                    <?php endif; ?>
                    <?php if(auth()->user()->hasPermission('expenses.approve')): ?>
                        <!-- Expenses -->
                        <a href="<?php echo e(route('expenses.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('expenses.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
                            <span>Expenses</span>
                        </a>
                    <?php endif; ?>
                <?php endif; ?>

                <?php if(auth()->user()->hasRole('employee') || auth()->user()->hasRole('intern')): ?>
                    <div class="pt-2 pb-1 px-3.5 text-[10px] font-bold uppercase tracking-wider text-slate-400">My Workspace</div>
                    <?php if(auth()->user()->hasRole('employee')): ?>
                        <a href="<?php echo e(route('employee.dashboard')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('employee.dashboard') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
                            <span>Employee Portal</span>
                        </a>
                    <?php endif; ?>
                    <?php if(auth()->user()->hasRole('intern')): ?>
                        <a href="<?php echo e(route('intern.dashboard')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('intern.dashboard') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"/></svg>
                            <span>Intern Portal</span>
                        </a>
                    <?php endif; ?>
                <?php endif; ?>

                <?php if(auth()->user()->hasPermission('attendance.review') || auth()->user()->hasPermission('performance.manage') || auth()->user()->hasPermission('reports.view') || auth()->user()->hasPermission('settings.manage')): ?>
                    <div class="pt-2 pb-1 px-3.5 text-[10px] font-bold uppercase tracking-wider text-slate-400">Admin</div>
                    <?php if(auth()->user()->hasPermission('attendance.review')): ?>
                        <!-- Attendance Admin -->
                        <a href="<?php echo e(route('attendance.admin')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('attendance.admin') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                            <span>Attendance Admin</span>
                        </a>
                    <?php endif; ?>
                    <?php if(auth()->user()->hasPermission('performance.manage')): ?>
                        <!-- Performance -->
                        <a href="<?php echo e(route('performance.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('performance.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg>
                            <span>Performance</span>
                        </a>
                    <?php endif; ?>
                    <?php if(auth()->user()->hasPermission('reports.view')): ?>
                        <!-- Reports -->
                        <a href="<?php echo e(route('reports.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('reports.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 002 2h2a2 2 0 002-2z"/></svg>
                            <span>Reports</span>
                        </a>
                    <?php endif; ?>
                    <?php if(auth()->user()->hasPermission('settings.manage')): ?>
                        <!-- Security & Roles -->
                        <a href="<?php echo e(route('security.index')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('security.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
                            <span>Security & Roles</span>
                        </a>
                        <!-- Settings -->
                        <a href="<?php echo e(route('admin.resources.index','offices')); ?>" class="flex items-center gap-3 rounded-xl px-3.5 py-2.5 transition-all duration-200 <?php echo e(request()->routeIs('admin.resources.*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-100/60 hover:text-slate-800'); ?>">
                            <svg class="h-4.5 w-4.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                            <span>Settings</span>
                        </a>
                    <?php endif; ?>
                <?php endif; ?>
            </nav>
        </aside>

        <!-- Main Content Area -->
        <main class="min-w-0 p-6 sm:p-8 lg:p-10">
            <?php if(session('success')): ?>
                <div class="mb-6 rounded-xl border border-emerald-100 bg-emerald-50/70 p-4 text-sm text-emerald-800 flex items-center gap-3">
                    <svg class="h-5 w-5 text-emerald-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                    <span><?php echo e(session('success')); ?></span>
                </div>
            <?php endif; ?>
            <?php if($errors->any()): ?>
                <div class="mb-6 rounded-xl border border-rose-100 bg-rose-50/70 p-4 text-sm text-rose-800 flex items-center gap-3">
                    <svg class="h-5 w-5 text-rose-600 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
                    <span><?php echo e($errors->first()); ?></span>
                </div>
            <?php endif; ?>
            
            <div class="animate-fade-in duration-300">
                <?php echo $__env->yieldContent('content'); ?>
            </div>
        </main>
    </div>
</div>
</body>
</html>
<?php /**PATH /Users/macbook/Desktop/crm/softsuite-cms/resources/views/layouts/app.blade.php ENDPATH**/ ?>