<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title><?php echo $__env->yieldContent('title', 'Lindsay\'s Leather'); ?></title>

    <!-- 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=Lato:wght@400;700&family=Montserrat:wght@400;500&display=swap" rel="stylesheet">

    <!-- Scripts -->
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    
    <!-- Additional head content -->
    <?php echo $__env->yieldContent('head'); ?>
    
    <!-- Page specific styles -->
    <?php echo $__env->yieldContent('styles'); ?>
    
    <style>
        .lindsay-btn-back {
            font-family: 'Lato', sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #B5702F;
            background: white;
            border: 2px solid #B5702F;
            border-radius: 8px;
            padding: 8px 12px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            min-height: 40px;
            min-width: 40px;
        }
        
        .lindsay-btn-back:hover {
            background: #B5702F;
            color: white;
            transform: translateX(-2px);
        }
        
        .lindsay-btn-back svg {
            width: 16px;
            height: 16px;
            transition: transform 0.3s ease;
        }
        
        .lindsay-btn-back:hover svg {
            transform: translateX(-2px);
        }
        
        @media (max-width: 768px) {
            .lindsay-btn-back {
                min-height: 48px;
                padding: 12px 18px;
                font-size: 15px;
            }
        }



        .my-logo{
            border: 6px solid white;
            border-radius: 100px;
            background-color: white;
            position: relative;
            top: 10px;
        }
    </style>
</head>
<body class="font-sans antialiased bg-gray-50">
    <div class="min-h-screen">
        <!-- Header -->
        <header class="leather-gradient text-white shadow-lg" style="height: 80px;">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="flex justify-center items-center py-4 relative">
                    <!-- Centered Logo -->
                     <div class="my-logo">
                         <img src="<?php echo e(asset('images/logo.svg')); ?>" alt="Lindsay Leather Logo" class=""  style="width:80px!important;">
                     </div>
                    
                    <!-- Right side user info (if logged in) -->
                    <?php if(auth()->check()): ?>
                        <div class="absolute right-0 flex items-center space-x-4">
                            <span class="body-text">Welcome, <?php echo e(auth()->user()->name); ?></span>
                            <form method="POST" action="<?php echo e(route('logout')); ?>" class="inline">
                                <?php echo csrf_field(); ?>
                                <button type="submit" class="body-text text-white hover:text-accent-brown transition-colors">
                                    Logout
                                </button>
                            </form>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </header>

        <!-- Main Content -->
        <main class="py-6">
            <?php echo $__env->yieldContent('content'); ?>
        </main>

        <!-- Footer -->
        <footer class="bg-primary-brown text-white py-8">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
                <p class="body-text">&copy; <?php echo e(date('Y')); ?> Lindsay Leather. All rights reserved.</p>
            </div>
        </footer>
    </div>

    <!-- Scripts -->
    <?php echo $__env->yieldContent('scripts'); ?>
</body>
</html>
<?php /**PATH /home/tqxferau/lindsay-boswell.com/resources/views/layouts/student.blade.php ENDPATH**/ ?>