<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>" class="scroll-smooth">
<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', $settings->company_name ?? config('app.name', 'Cargo Service')); ?> - Best Cargo Service</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=Inter:wght@300;400;500;600;700&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap" rel="stylesheet">
    
    <!-- Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Scripts -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>

    <style>
        [x-cloak] { display: none !important; }
        body { font-family: 'Inter', sans-serif; }
        .urdu-font { font-family: 'Noto Nastaliq Urdu', serif; }
        .hero-pattern {
            background-color: #4f46e5;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23999999' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
    </style>
</head>
<body class="font-sans text-gray-900 antialiased bg-gray-50 flex flex-col min-h-screen">

    <!-- Navigation -->
    <nav class="bg-white shadow-sm sticky top-0 z-50" x-data="{ open: false }">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex">
                    <div class="flex-shrink-0 flex items-center">
                        <a href="<?php echo e(route('home')); ?>" class="flex items-center">
                            <?php if(!empty($settings->company_logo)): ?>
                                <img src="<?php echo e(asset('uploads/' . $settings->company_logo)); ?>" alt="<?php echo e($settings->company_name); ?>" class="h-12 w-auto">
                            <?php else: ?>
                                <i class="fas fa-shipping-fast text-4xl text-indigo-600"></i>
                            <?php endif; ?>
                        </a>
                    </div>
                </div>
                
                <!-- Desktop Menu -->
                <div class="hidden sm:flex sm:items-center sm:space-x-8">
                    <a href="<?php echo e(route('home')); ?>" class="text-gray-600 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium transition-colors">Home</a>
                    <a href="<?php echo e(route('home')); ?>#services" class="text-gray-600 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium transition-colors">Services</a>
                    <a href="<?php echo e(route('home')); ?>#calculator" class="text-gray-600 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium transition-colors">Get Quote</a>
                    <a href="<?php echo e(route('frontend.about')); ?>" class="text-gray-600 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium transition-colors">About Us</a>
                    <a href="<?php echo e(route('home')); ?>#contact" class="text-gray-600 hover:text-indigo-600 px-3 py-2 rounded-md text-sm font-medium transition-colors">Contact</a>
                    
                    <?php if(Route::has('login')): ?>
                        <?php if(auth()->guard()->check()): ?>
                            <a href="<?php echo e(url('/dashboard')); ?>" class="bg-indigo-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-indigo-700 transition-colors shadow-sm">
                                <i class="fas fa-tachometer-alt mr-1"></i> Dashboard
                            </a>
                        <?php else: ?>
                            <a href="<?php echo e(route('login')); ?>" class="text-indigo-600 border border-indigo-600 px-4 py-2 rounded-lg text-sm font-medium hover:bg-indigo-50 transition-colors">
                                <i class="fas fa-sign-in-alt mr-1"></i> Staff Login
                            </a>
                        <?php endif; ?>
                    <?php endif; ?>
                </div>

                <!-- Mobile menu button -->
                <div class="-mr-2 flex items-center sm:hidden">
                    <button @click="open = !open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
                        <i class="fas fa-bars text-xl"></i>
                    </button>
                </div>
            </div>
        </div>

        <!-- Mobile Menu -->
        <div x-show="open" class="sm:hidden bg-white border-t border-gray-200" style="display: none;">
            <div class="pt-2 pb-3 space-y-1">
                <a href="<?php echo e(route('home')); ?>" class="block pl-3 pr-4 py-2 border-l-4 border-indigo-500 text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out">Home</a>
                <a href="<?php echo e(route('home')); ?>#services" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out">Services</a>
                <a href="<?php echo e(route('home')); ?>#calculator" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out">Get Quote</a>
                <a href="<?php echo e(route('frontend.about')); ?>" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out">About Us</a>
                <a href="<?php echo e(route('home')); ?>#contact" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out">Contact</a>
            </div>
            <div class="pt-4 pb-4 border-t border-gray-200">
                <div class="flex items-center px-4">
                    <?php if(Route::has('login')): ?>
                        <?php if(auth()->guard()->check()): ?>
                            <a href="<?php echo e(url('/dashboard')); ?>" class="block w-full text-center px-4 py-2 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 shadow-sm">
                                Go to Dashboard
                            </a>
                        <?php else: ?>
                            <a href="<?php echo e(route('login')); ?>" class="block w-full text-center px-4 py-2 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-100 hover:bg-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 shadow-sm">
                                Staff Login
                            </a>
                        <?php endif; ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </nav>

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

    <!-- Footer -->
    <footer class="bg-gray-800 text-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div class="col-span-1 md:col-span-2">
                    <div class="flex items-center mb-4">
                        <?php if(!empty($settings->company_logo)): ?>
                            <img src="<?php echo e(asset('uploads/' . $settings->company_logo)); ?>" alt="<?php echo e($settings->company_name); ?>" class="h-8 w-auto mr-2">
                        <?php else: ?>
                            <i class="fas fa-shipping-fast text-2xl text-indigo-400 mr-2"></i>
                        <?php endif; ?>
                        <span class="font-bold text-xl tracking-tight"><?php echo e($settings->company_name ?? 'CargoFlow'); ?></span>
                    </div>
                    <p class="text-gray-400 text-sm leading-relaxed mb-4 max-w-sm">
                        Providing reliable, fast, and secure cargo services across the country. We treat your packages with the utmost care and ensure timely delivery.
                    </p>
                    <div class="flex space-x-4">
                        <a href="<?php echo e($settings->company_website ?? '#'); ?>" class="text-gray-400 hover:text-white transition-colors"><i class="fas fa-globe"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors"><i class="fab fa-instagram"></i></a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors"><i class="fab fa-whatsapp"></i></a>
                    </div>
                </div>
                
                <div>
                    <h3 class="text-sm font-semibold text-gray-200 tracking-wider uppercase mb-4">Quick Links</h3>
                    <ul class="space-y-2">
                        <li><a href="<?php echo e(route('home')); ?>" class="text-gray-400 hover:text-white transition-colors text-sm">Home</a></li>
                        <li><a href="<?php echo e(route('home')); ?>#services" class="text-gray-400 hover:text-white transition-colors text-sm">Services</a></li>
                        <li><a href="<?php echo e(route('home')); ?>#calculator" class="text-gray-400 hover:text-white transition-colors text-sm">Get Quote</a></li>
                        <li><a href="<?php echo e(route('frontend.track')); ?>" class="text-gray-400 hover:text-white transition-colors text-sm">Track Shipment</a></li>
                        <li><a href="<?php echo e(route('login')); ?>" class="text-gray-400 hover:text-white transition-colors text-sm">Staff Login</a></li>
                    </ul>
                </div>

                <div>
                    <h3 class="text-sm font-semibold text-gray-200 tracking-wider uppercase mb-4">Contact Info</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i class="fas fa-map-marker-alt mt-1 mr-2 text-indigo-400"></i>
                            <span class="text-gray-400 text-sm"><?php echo e($settings->company_address); ?></span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-phone mt-1 mr-2 text-indigo-400"></i>
                            <span class="text-gray-400 text-sm"><?php echo e($settings->company_phone); ?></span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-envelope mt-1 mr-2 text-indigo-400"></i>
                            <span class="text-gray-400 text-sm"><?php echo e($settings->company_email); ?></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="border-t border-gray-700 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
                <p class="text-gray-400 text-sm">&copy; <?php echo e(date('Y')); ?> <?php echo e($settings->company_name ?? 'CargoFlow'); ?>. All rights reserved. | Developed by <a href="https://wa.me/923080832632" target="_blank" class="text-indigo-400 hover:text-indigo-300">Al-wasi soft tech</a></p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a href="#" class="text-gray-400 hover:text-white text-xs">Privacy Policy</a>
                    <a href="#" class="text-gray-400 hover:text-white text-xs">Terms of Service</a>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
<?php /**PATH C:\Users\al-wasi\Downloads\cargomanagement-system\cargo-management-system\resources\views/layouts/frontend.blade.php ENDPATH**/ ?>