<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Applications | IMMIA FINANCE LIMITED</title>
    
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <style>
        :root {
            --primary: #1e40af;
            --primary-dark: #1e3a8a;
            --secondary: #0f172a;
            --accent: #06b6d4;
            --light: #f8fafc;
        }
        
        .sidebar {
            transition: all 0.3s ease;
        }
        
        @media (max-width: 768px) {
            .sidebar {
                transform: translateX(-100%);
            }
            
            .sidebar.active {
                transform: translateX(0);
            }
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .notification-dot {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }

        .text-truncate-safe {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 0;
        }

        .status-badge {
            transition: all 0.3s ease;
        }

        .application-card {
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
        }

        .application-card:hover {
            border-left-color: #3b82f6;
            background-color: #f8fafc;
        }
    </style>
</head>
<body class="bg-gray-50">
    <?php
        $customer = Auth::guard('customer')->user();
        $hasProfilePicture = $customer->docpath && Storage::disk('public')->exists($customer->docpath);
        $profilePictureUrl = $hasProfilePicture ? asset('storage/' . $customer->docpath) : 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=500&q=60';
        
        // Count applications by status
        $totalApplications = $applications->count();
        $pendingCount = $applications->where('status', 'submitted')->count();
        $underReviewCount = $applications->where('status', 'under_review')->count();
        $approvedCount = $applications->where('status', 'approved')->count();
        $rejectedCount = $applications->where('status', 'rejected')->count();
        $disbursedCount = $applications->where('status', 'disbursed')->count();
        $withdrawnCount = $applications->where('status', 'withdrawn')->count();
        $activeCount = $pendingCount + $underReviewCount + $approvedCount;
    ?>

    <!-- Mobile Menu Button -->
    <button id="mobile-menu-button" class="lg:hidden fixed top-4 left-4 z-50 bg-blue-600 text-white p-3 rounded-lg shadow-lg">
        <i class="fas fa-bars"></i>
    </button>

    <!-- Sidebar -->
    <div id="sidebar" class="sidebar fixed inset-y-0 left-0 z-40 w-64 bg-white shadow-lg">
        <!-- Logo -->
        <div class="p-6 border-b border-gray-200">
            <div class="flex items-center space-x-3">
                <div class="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center">
                    <i class="fas fa-hand-holding-usd text-white text-lg"></i>
                </div>
                <div>
                    <h1 class="text-xl font-bold text-blue-600">IMMIA FINANCE</h1>
                    <p class="text-gray-500 text-xs">Client Portal</p>
                </div>
            </div>
        </div>
        
        <!-- Navigation -->
        <nav class="p-4 space-y-2">
            <a href="<?php echo e(route('customer.dashboard')); ?>" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
                <i class="fas fa-tachometer-alt w-5"></i>
                <span>Dashboard</span>
            </a>
            <a href="<?php echo e(route('customer.applications.index')); ?>" class="flex items-center space-x-3 p-3 bg-blue-50 text-blue-600 rounded-lg font-medium">
                <i class="fas fa-file-invoice-dollar w-5"></i>
                <span>My Applications</span>
                <?php if($activeCount > 0): ?>
                <span class="ml-auto bg-blue-100 text-blue-600 text-xs px-2 py-1 rounded-full">
                    <?php echo e($activeCount); ?>

                </span>
                <?php endif; ?>
            </a>
            <a href="<?php echo e(route('customer.loan.application.show')); ?>" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
               <i class="fas fa-paper-plane w-5"></i>
               <span>Apply for Loan</span>
            </a>
            <a href="#" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
                <i class="fas fa-money-bill-wave w-5"></i>
                <span>Make Payment</span>
            </a>
          <a href="<?php echo e(route('customer.transactions.history')); ?>" 
        class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
        <i class="fas fa-history w-5"></i>
        <span>Transaction History</span>
           </a>
            <a href="#" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
                <i class="fas fa-file-alt w-5"></i>
                <span>Documents</span>
            </a>
            <a href="<?php echo e(route('customer.profile.show')); ?>" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
                <i class="fas fa-user-cog w-5"></i>
                <span>Profile Settings</span>
            </a>
            <a href="#" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium">
                <i class="fas fa-question-circle w-5"></i>
                <span>Help & Support</span>
            </a>
            <form method="POST" action="<?php echo e(route('customer.logout')); ?>" class="mt-8">
                <?php echo csrf_field(); ?>
                <button type="submit" class="flex items-center space-x-3 p-3 text-gray-700 hover:bg-gray-100 rounded-lg font-medium w-full">
                    <i class="fas fa-sign-out-alt w-5"></i>
                    <span>Logout</span>
                </button>
            </form>
        </nav>
    </div>

    <!-- Main Content -->
    <div class="lg:ml-64">
        <!-- Top Bar -->
        <header class="bg-white shadow-sm border-b border-gray-200">
            <div class="flex justify-between items-center px-4 sm:px-6 py-4">
                <div class="min-w-0 flex-1">
                    <h1 class="text-xl sm:text-2xl font-bold text-gray-900 text-truncate-safe">My Applications</h1>
                    <p class="text-gray-600 text-sm text-truncate-safe">View and manage your loan applications</p>
                </div>
                
                <div class="flex items-center space-x-2 sm:space-x-4">
                    <!-- Notifications -->
                    <div class="relative">
                        <button class="p-2 text-gray-600 hover:text-blue-600 relative">
                            <i class="fas fa-bell text-lg sm:text-xl"></i>
                            <span class="absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full notification-dot"></span>
                        </button>
                    </div>
                    
                    <!-- User Menu -->
                    <div class="relative">
                        <button class="flex items-center space-x-2 sm:space-x-3 p-2 rounded-lg hover:bg-gray-100">
                            <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center overflow-hidden">
                                <?php if($hasProfilePicture): ?>
                                    <img src="<?php echo e($profilePictureUrl); ?>" alt="Profile" class="w-full h-full object-cover">
                                <?php else: ?>
                                    <i class="fas fa-user text-blue-600 text-sm"></i>
                                <?php endif; ?>
                            </div>
                            <span class="text-gray-700 font-medium hidden sm:block"><?php echo e($customer->customer); ?></span>
                            <i class="fas fa-chevron-down text-gray-400 hidden sm:block"></i>
                        </button>
                    </div>
                </div>
            </div>
        </header>

        <!-- Main Content Area -->
        <main class="p-4 sm:p-6">
            <?php if(session('success')): ?>
                <div class="bg-green-50 border border-green-200 rounded-lg p-4 mb-6">
                    <div class="flex items-start space-x-3">
                        <i class="fas fa-check-circle text-green-600 mt-1"></i>
                        <div>
                            <h4 class="font-semibold text-green-800">Success!</h4>
                            <p class="text-green-700 text-sm mt-1"><?php echo e(session('success')); ?></p>
                        </div>
                    </div>
                </div>
            <?php endif; ?>

            <?php if(session('error')): ?>
                <div class="bg-red-50 border border-red-200 rounded-lg p-4 mb-6">
                    <div class="flex items-start space-x-3">
                        <i class="fas fa-exclamation-circle text-red-600 mt-1"></i>
                        <div>
                            <h4 class="font-semibold text-red-800">Error!</h4>
                            <p class="text-red-700 text-sm mt-1"><?php echo e(session('error')); ?></p>
                        </div>
                    </div>
                </div>
            <?php endif; ?>

            <!-- Application Statistics -->
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4 sm:gap-6 mb-6 sm:mb-8">
                <div class="bg-white rounded-xl p-4 sm:p-6 shadow-sm border card-hover">
                    <div class="flex items-center justify-between">
                        <div>
                            <p class="text-gray-600 text-sm">Total Applications</p>
                            <p class="text-xl sm:text-2xl font-bold text-blue-600"><?php echo e($totalApplications); ?></p>
                        </div>
                        <div class="w-10 h-10 sm:w-12 sm:h-12 bg-blue-100 rounded-lg flex items-center justify-center">
                            <i class="fas fa-layer-group text-blue-600 text-lg sm:text-xl"></i>
                        </div>
                    </div>
                </div>
                
                <div class="bg-white rounded-xl p-4 sm:p-6 shadow-sm border card-hover">
                    <div class="flex items-center justify-between">
                        <div>
                            <p class="text-gray-600 text-sm">Pending Review</p>
                            <p class="text-xl sm:text-2xl font-bold text-yellow-600"><?php echo e($pendingCount); ?></p>
                        </div>
                        <div class="w-10 h-10 sm:w-12 sm:h-12 bg-yellow-100 rounded-lg flex items-center justify-center">
                            <i class="fas fa-clock text-yellow-600 text-lg sm:text-xl"></i>
                        </div>
                    </div>
                </div>
                
                <div class="bg-white rounded-xl p-4 sm:p-6 shadow-sm border card-hover">
                    <div class="flex items-center justify-between">
                        <div>
                            <p class="text-gray-600 text-sm">Approved</p>
                            <p class="text-xl sm:text-2xl font-bold text-green-600"><?php echo e($approvedCount); ?></p>
                        </div>
                        <div class="w-10 h-10 sm:w-12 sm:h-12 bg-green-100 rounded-lg flex items-center justify-center">
                            <i class="fas fa-check-circle text-green-600 text-lg sm:text-xl"></i>
                        </div>
                    </div>
                </div>
                
                <div class="bg-white rounded-xl p-4 sm:p-6 shadow-sm border card-hover">
                    <div class="flex items-center justify-between">
                        <div>
                            <p class="text-gray-600 text-sm">Active</p>
                            <p class="text-xl sm:text-2xl font-bold text-purple-600"><?php echo e($activeCount); ?></p>
                        </div>
                        <div class="w-10 h-10 sm:w-12 sm:h-12 bg-purple-100 rounded-lg flex items-center justify-center">
                            <i class="fas fa-spinner text-purple-600 text-lg sm:text-xl"></i>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Applications List -->
            <div class="bg-white rounded-xl shadow-sm border">
                <div class="p-4 sm:p-6 border-b border-gray-200">
                    <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center space-y-3 sm:space-y-0">
                        <div>
                            <h2 class="text-lg sm:text-xl font-bold text-gray-900">All Applications</h2>
                            <p class="text-gray-600 text-sm">Your complete loan application history</p>
                        </div>
                        <div class="flex space-x-3">
                            <a href="<?php echo e(route('customer.loan.application.show')); ?>" class="bg-blue-600 text-white px-4 sm:px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors text-sm sm:text-base flex items-center">
                                <i class="fas fa-plus mr-2"></i>New Application
                            </a>
                        </div>
                    </div>
                </div>
                
                <div class="p-4 sm:p-6">
                    <?php if($applications->count() > 0): ?>
                        <div class="space-y-4">
                            <?php $__currentLoopData = $applications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $application): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php
                                    $statusConfig = match($application->status) {
                                        'submitted' => [
                                            'bg' => 'blue', 'text' => 'blue', 'icon' => 'clock',
                                            'label' => 'Submitted', 'color' => 'text-blue-600', 'bg_color' => 'bg-blue-50'
                                        ],
                                        'under_review' => [
                                            'bg' => 'yellow', 'text' => 'yellow', 'icon' => 'search',
                                            'label' => 'Under Review', 'color' => 'text-yellow-600', 'bg_color' => 'bg-yellow-50'
                                        ],
                                        'approved' => [
                                            'bg' => 'green', 'text' => 'green', 'icon' => 'check-circle',
                                            'label' => 'Approved', 'color' => 'text-green-600', 'bg_color' => 'bg-green-50'
                                        ],
                                        'rejected' => [
                                            'bg' => 'red', 'text' => 'red', 'icon' => 'times-circle',
                                            'label' => 'Rejected', 'color' => 'text-red-600', 'bg_color' => 'bg-red-50'
                                        ],
                                        'disbursed' => [
                                            'bg' => 'purple', 'text' => 'purple', 'icon' => 'money-bill-wave',
                                            'label' => 'Disbursed', 'color' => 'text-purple-600', 'bg_color' => 'bg-purple-50'
                                        ],
                                        'withdrawn' => [
                                            'bg' => 'gray', 'text' => 'gray', 'icon' => 'undo',
                                            'label' => 'Withdrawn', 'color' => 'text-gray-600', 'bg_color' => 'bg-gray-50'
                                        ],
                                        default => [
                                            'bg' => 'gray', 'text' => 'gray', 'icon' => 'file',
                                            'label' => 'Draft', 'color' => 'text-gray-600', 'bg_color' => 'bg-gray-50'
                                        ]
                                    };
                                ?>
                                
                                <div class="application-card bg-white border border-gray-200 rounded-lg p-4 sm:p-6 hover:shadow-md transition-all duration-300">
                                    <div class="flex flex-col lg:flex-row justify-between items-start lg:items-center space-y-4 lg:space-y-0">
                                        <!-- Left Section -->
                                        <div class="flex items-start space-x-4 flex-1">
                                            <div class="w-12 h-12 <?php echo e($statusConfig['bg_color']); ?> rounded-lg flex items-center justify-center flex-shrink-0">
                                                <i class="fas fa-<?php echo e($statusConfig['icon']); ?> <?php echo e($statusConfig['color']); ?> text-lg"></i>
                                            </div>
                                            <div class="flex-1 min-w-0">
                                                <div class="flex flex-col sm:flex-row sm:items-center sm:space-x-3 space-y-1 sm:space-y-0">
                                                    <h3 class="font-semibold text-gray-900 text-base sm:text-lg truncate">
                                                        <?php echo e($application->product->product ?? 'Loan Application'); ?>

                                                    </h3>
                                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <?php echo e($statusConfig['bg_color']); ?> <?php echo e($statusConfig['color']); ?> status-badge">
                                                        <?php echo e($statusConfig['label']); ?>

                                                    </span>
                                                </div>
                                                <div class="mt-2 flex flex-col sm:flex-row sm:items-center space-y-1 sm:space-y-0 sm:space-x-4 text-sm text-gray-600">
                                                    <span class="flex items-center">
                                                        <i class="fas fa-hashtag mr-1.5 text-gray-400"></i>
                                                        #<?php echo e($application->application_number); ?>

                                                    </span>
                                                    <span class="flex items-center">
                                                        <i class="fas fa-money-bill-wave mr-1.5 text-gray-400"></i>
                                                        ZMW <?php echo e(number_format($application->loan_amount, 2)); ?>

                                                    </span>
                                                    <span class="flex items-center">
                                                        <i class="fas fa-calendar-alt mr-1.5 text-gray-400"></i>
                                                        <?php echo e($application->loan_tenure); ?> months
                                                    </span>
                                                    <span class="flex items-center">
                                                        <i class="fas fa-clock mr-1.5 text-gray-400"></i>
                                                        <?php echo e(\Carbon\Carbon::parse($application->created_at)->format('M d, Y')); ?>

                                                    </span>
                                                </div>
                                                <?php if($application->loan_purpose): ?>
                                                    <p class="mt-2 text-sm text-gray-500 line-clamp-2">
                                                        <i class="fas fa-bullseye mr-1.5 text-gray-400"></i>
                                                        <?php echo e(Str::limit($application->loan_purpose, 120)); ?>

                                                    </p>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                        
                                        <!-- Right Section - Actions -->
                                        <div class="flex items-center space-x-3 w-full lg:w-auto justify-between lg:justify-end">
                                            <div class="flex items-center space-x-2">
                                                <!-- View Details Button -->
                                                <a href="<?php echo e(route('customer.applications.show', $application->id)); ?>" 
                                                   class="inline-flex items-center px-3 py-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition-colors text-sm font-medium"
                                                   title="View Application Details">
                                                    <i class="fas fa-eye mr-1.5"></i>
                                                    <span class="hidden sm:inline">View</span>
                                                </a>
                                                
                                                <!-- Withdraw Button (only for draft/submitted applications) -->
                                                <?php if(in_array($application->status, ['draft', 'submitted'])): ?>
                                                    <form action="<?php echo e(route('customer.applications.withdraw', $application->id)); ?>" method="POST" class="inline">
                                                        <?php echo csrf_field(); ?>
                                                        <button type="submit" 
                                                                class="inline-flex items-center px-3 py-2 bg-red-50 text-red-600 rounded-lg hover:bg-red-100 transition-colors text-sm font-medium"
                                                                title="Withdraw Application"
                                                                onclick="return confirm('Are you sure you want to withdraw this application? This action cannot be undone.')">
                                                            <i class="fas fa-times mr-1.5"></i>
                                                            <span class="hidden sm:inline">Withdraw</span>
                                                        </button>
                                                    </form>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- Progress Bar for Active Applications -->
                                    <?php if(in_array($application->status, ['submitted', 'under_review', 'approved'])): ?>
                                        <?php
                                            $progress = match($application->status) {
                                                'submitted' => 33,
                                                'under_review' => 66,
                                                'approved' => 90,
                                                default => 0
                                            };
                                        ?>
                                        <div class="mt-4">
                                            <div class="flex justify-between items-center mb-1">
                                                <span class="text-xs font-medium text-gray-500">Application Progress</span>
                                                <span class="text-xs font-bold text-blue-600"><?php echo e($progress); ?>%</span>
                                            </div>
                                            <div class="w-full bg-gray-200 rounded-full h-2">
                                                <div class="bg-blue-600 h-2 rounded-full transition-all duration-500" style="width: <?php echo e($progress); ?>%"></div>
                                            </div>
                                            <div class="flex justify-between text-xs text-gray-500 mt-1">
                                                <span class="<?php echo e($application->status === 'submitted' ? 'text-blue-600 font-semibold' : ''); ?>">Submitted</span>
                                                <span class="<?php echo e($application->status === 'under_review' ? 'text-blue-600 font-semibold' : ''); ?>">Under Review</span>
                                                <span class="<?php echo e($application->status === 'approved' ? 'text-blue-600 font-semibold' : ''); ?>">Approved</span>
                                                <span>Completed</span>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                        
                        <!-- Pagination -->
                        <?php if($applications->hasPages()): ?>
                            <div class="mt-8 flex justify-center">
                                <div class="flex items-center space-x-1">
                                    <?php echo e($applications->links()); ?>

                                </div>
                            </div>
                        <?php endif; ?>
                    <?php else: ?>
                        <!-- Empty State -->
                        <div class="text-center py-12">
                            <div class="mx-auto w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-6">
                                <i class="fas fa-file-invoice-dollar text-3xl text-gray-400"></i>
                            </div>
                            <h3 class="text-lg font-semibold text-gray-900 mb-2">No Applications Yet</h3>
                            <p class="text-gray-600 mb-8 max-w-md mx-auto">
                                You haven't submitted any loan applications yet. Start your journey by applying for your first loan.
                            </p>
                            <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4 justify-center">
                                <a href="<?php echo e(route('customer.loan.application.show')); ?>" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center justify-center">
                                    <i class="fas fa-paper-plane mr-2"></i>
                                    Apply for Your First Loan
                                </a>
                                <a href="<?php echo e(route('customer.dashboard')); ?>" class="bg-gray-100 hover:bg-gray-200 text-gray-700 px-6 py-3 rounded-lg font-semibold transition-colors inline-flex items-center justify-center">
                                    <i class="fas fa-arrow-left mr-2"></i>
                                    Back to Dashboard
                                </a>
                            </div>
                        </div>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Quick Stats Footer -->
            <?php if($applications->count() > 0): ?>
                <div class="mt-8 bg-blue-50 border border-blue-200 rounded-xl p-6">
                    <div class="flex flex-col sm:flex-row justify-between items-center space-y-4 sm:space-y-0">
                        <div class="text-center sm:text-left">
                            <h3 class="text-lg font-semibold text-blue-900">Need Help?</h3>
                            <p class="text-blue-700 text-sm">Contact our support team for assistance with your applications</p>
                        </div>
                        <div class="flex space-x-3">
                            <a href="tel:+260123456789" class="bg-white text-blue-600 px-4 py-2 rounded-lg hover:bg-blue-100 transition-colors text-sm font-medium flex items-center">
                                <i class="fas fa-phone mr-2"></i>
                                Call Support
                            </a>
                            <a href="mailto:support@immiafinance.com" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors text-sm font-medium flex items-center">
                                <i class="fas fa-envelope mr-2"></i>
                                Email Support
                            </a>
                        </div>
                    </div>
                </div>
            <?php endif; ?>
        </main>
    </div>

    <script>
        // Mobile menu toggle
        document.getElementById('mobile-menu-button').addEventListener('click', function() {
            document.getElementById('sidebar').classList.toggle('active');
        });

        // Close sidebar when clicking outside on mobile
        document.addEventListener('click', function(event) {
            const sidebar = document.getElementById('sidebar');
            const mobileButton = document.getElementById('mobile-menu-button');
            
            if (window.innerWidth < 1024 && 
                !sidebar.contains(event.target) && 
                !mobileButton.contains(event.target)) {
                sidebar.classList.remove('active');
            }
        });

        // Handle window resize
        window.addEventListener('resize', function() {
            if (window.innerWidth >= 1024) {
                document.getElementById('sidebar').classList.remove('active');
            }
        });

        // Simulate real-time updates
        setInterval(() => {
            // Update notification dot
            const dot = document.querySelector('.notification-dot');
            if (dot) {
                dot.style.animation = 'none';
                setTimeout(() => {
                    dot.style.animation = 'pulse 2s infinite';
                }, 10);
            }
        }, 5000);

        // Add hover effects to application cards
        document.addEventListener('DOMContentLoaded', function() {
            const cards = document.querySelectorAll('.application-card');
            cards.forEach(card => {
                card.addEventListener('mouseenter', function() {
                    this.style.transform = 'translateY(-2px)';
                    this.style.boxShadow = '0 10px 25px rgba(0, 0, 0, 0.1)';
                });
                
                card.addEventListener('mouseleave', function() {
                    this.style.transform = 'translateY(0)';
                    this.style.boxShadow = 'none';
                });
            });
        });
    </script>
</body>
</html><?php /**PATH /home/topacvbu/public_html/zedbankos.cloud/customer-portal/resources/views/customer/my-applications.blade.php ENDPATH**/ ?>