<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo e($title ?? 'Print Cards'); ?></title>
    <meta name="description" content="Upload ABHA, PAN, Aadhaar, and other customer-owned card files for printing, lamination, and courier delivery.">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        :root {
            --pc-navy: #123055;
            --pc-cyan: #1b6b7a;
            --pc-gold: #f4ae2b;
            --pc-cream: #f8f4eb;
            --pc-ink: #183247;
        }
        body {
            background:
                radial-gradient(circle at top right, rgba(244, 174, 43, 0.16), transparent 20rem),
                linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
            color: var(--pc-ink);
            min-height: 100vh;
        }
        .hero-card {
            background: linear-gradient(135deg, var(--pc-navy), var(--pc-cyan));
            color: #fff;
            border: 0;
            overflow: hidden;
        }
        .hero-card::after {
            content: "";
            position: absolute;
            inset: auto -4rem -5rem auto;
            width: 14rem;
            height: 14rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.1);
        }
        .card-soft {
            border: 0;
            border-radius: 1.25rem;
            box-shadow: 0 18px 48px rgba(18, 48, 85, 0.09);
        }
        .metric-number {
            font-size: 2rem;
            font-weight: 700;
            color: var(--pc-navy);
        }
        .navbar-brand {
            font-weight: 800;
            letter-spacing: 0.04em;
        }
        .navbar {
            backdrop-filter: blur(12px);
        }
        .disclaimer {
            border-left: 4px solid var(--pc-gold);
        }
        .bg-grid {
            background-image:
                linear-gradient(rgba(18, 48, 85, 0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(18, 48, 85, 0.04) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .status-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.35rem 0.75rem;
            border-radius: 999px;
            background: #edf3f8;
            font-size: 0.82rem;
            font-weight: 600;
            color: var(--pc-navy);
        }
        .timeline-item {
            position: relative;
            padding-left: 1.5rem;
        }
        .timeline-item::before {
            content: "";
            position: absolute;
            left: 0.3rem;
            top: 0.5rem;
            width: 0.6rem;
            height: 0.6rem;
            border-radius: 999px;
            background: var(--pc-gold);
            box-shadow: 0 0 0 6px rgba(244, 174, 43, 0.16);
        }
        .timeline-item::after {
            content: "";
            position: absolute;
            left: 0.57rem;
            top: 1.3rem;
            bottom: -1.3rem;
            width: 1px;
            background: rgba(18, 48, 85, 0.15);
        }
        .timeline-item:last-child::after {
            display: none;
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-expand-lg bg-white bg-opacity-75 border-bottom sticky-top">
        <div class="container">
            <a class="navbar-brand" href="<?php echo e(route('home')); ?>">Print Cards</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="mainNav">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item"><a class="nav-link" href="<?php echo e(route('home')); ?>">Home</a></li>
                    <?php if(auth()->guard()->check()): ?>
                        <li class="nav-item"><a class="nav-link" href="<?php echo e(route('dashboard')); ?>">Dashboard</a></li>
                        <li class="nav-item"><a class="nav-link" href="<?php echo e(route('documents.index')); ?>">Documents</a></li>
                        <li class="nav-item"><a class="nav-link" href="<?php echo e(route('orders.index')); ?>">Orders</a></li>
                        <li class="nav-item"><a class="nav-link" href="<?php echo e(route('orders.create')); ?>">Place Order</a></li>
                        <?php if(auth()->user()->isAdmin()): ?>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(route('admin.dashboard')); ?>">Admin</a></li>
                            <li class="nav-item"><a class="nav-link" href="<?php echo e(route('admin.reports.index')); ?>">Reports</a></li>
                        <?php endif; ?>
                    <?php endif; ?>
                </ul>
                <div class="d-flex gap-2 align-items-center">
                    <?php if(auth()->guard()->check()): ?>
                        <span class="text-muted small"><?php echo e(auth()->user()->name); ?></span>
                        <form method="POST" action="<?php echo e(route('logout')); ?>">
                            <?php echo csrf_field(); ?>
                            <button class="btn btn-outline-danger btn-sm" type="submit">Logout</button>
                        </form>
                    <?php else: ?>
                        <a href="<?php echo e(route('login')); ?>" class="btn btn-outline-primary btn-sm">Login</a>
                        <a href="<?php echo e(route('register')); ?>" class="btn btn-primary btn-sm">Register</a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </nav>

    <main class="py-4">
        <div class="container">
            <?php if(session('status')): ?>
                <div class="alert alert-success"><?php echo e(session('status')); ?></div>
            <?php endif; ?>

            <?php if($errors->any()): ?>
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <li><?php echo e($error); ?></li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </div>
            <?php endif; ?>

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

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <?php echo $__env->yieldContent('scripts'); ?>
</body>
</html>
<?php /**PATH C:\Users\dell\Documents\codex projects\Print Card 2\resources\views/layouts/app.blade.php ENDPATH**/ ?>