

<?php $__env->startSection('title', 'Analytics - Admin'); ?>
<?php $__env->startSection('page-title', 'Platform Analytics'); ?>
<?php $__env->startSection('page-description', 'Advanced insights and metrics'); ?>

<?php $__env->startSection('content'); ?>
<div class="space-y-6">
    <!-- Date Range -->
    <div class="glass-card rounded-2xl p-6 border border-white/10" data-aos="fade-up">
        <div class="flex flex-wrap gap-4 justify-between items-center">
            <div class="flex gap-3"><button class="px-4 py-2 bg-purple-600 rounded-lg text-sm">7 Days</button><button class="px-4 py-2 bg-white/10 rounded-lg text-sm">30 Days</button><button class="px-4 py-2 bg-white/10 rounded-lg text-sm">3 Months</button><button class="px-4 py-2 bg-white/10 rounded-lg text-sm">Year</button></div>
            <div class="flex gap-2"><input type="date" class="px-3 py-2 bg-white/10 rounded-lg text-white text-sm"><span class="text-white">to</span><input type="date" class="px-3 py-2 bg-white/10 rounded-lg text-white text-sm"><button class="px-4 py-2 bg-purple-600 rounded-lg text-sm">Apply</button></div>
        </div>
    </div>

    <!-- KPI Cards -->
    <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
        <div class="glass-card rounded-2xl p-6 border border-white/10"><div class="flex justify-between"><div><p class="text-gray-400">Growth Rate</p><h3 class="text-2xl font-bold text-green-400">+23.5%</h3></div><i class="fas fa-chart-line text-2xl text-green-400"></i></div></div>
        <div class="glass-card rounded-2xl p-6 border border-white/10"><div class="flex justify-between"><div><p class="text-gray-400">Conversion Rate</p><h3 class="text-2xl font-bold text-blue-400">68.2%</h3></div><i class="fas fa-percent text-2xl text-blue-400"></i></div></div>
        <div class="glass-card rounded-2xl p-6 border border-white/10"><div class="flex justify-between"><div><p class="text-gray-400">Avg. Guests/Wedding</p><h3 class="text-2xl font-bold text-purple-400">124</h3></div><i class="fas fa-users text-2xl text-purple-400"></i></div></div>
        <div class="glass-card rounded-2xl p-6 border border-white/10"><div class="flex justify-between"><div><p class="text-gray-400">Churn Rate</p><h3 class="text-2xl font-bold text-orange-400">4.2%</h3></div><i class="fas fa-chart-line text-2xl text-orange-400"></i></div></div>
    </div>

    <!-- Charts -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <div class="glass-card rounded-2xl p-6 border border-white/10"><h3 class="text-xl font-bold text-white mb-4">User Growth</h3><canvas id="growthChart" height="250"></canvas></div>
        <div class="glass-card rounded-2xl p-6 border border-white/10"><h3 class="text-xl font-bold text-white mb-4">Revenue Trends</h3><canvas id="revenueChart" height="250"></canvas></div>
    </div>

    <!-- Top Metrics -->
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="glass-card rounded-2xl p-6 border border-white/10"><h3 class="text-xl font-bold text-white mb-4">Top Performing Weddings</h3>
            <div class="space-y-3"><div class="flex justify-between"><span class="text-white">Emma & James</span><span class="text-purple-400">156 guests</span></div><div class="flex justify-between"><span class="text-white">Sarah & Michael</span><span class="text-purple-400">142 guests</span></div><div class="flex justify-between"><span class="text-white">Rachel & David</span><span class="text-purple-400">128 guests</span></div></div>
        </div>
        <div class="glass-card rounded-2xl p-6 border border-white/10"><h3 class="text-xl font-bold text-white mb-4">Popular Features</h3>
            <div class="space-y-3"><div><div class="flex justify-between"><span class="text-white">Booking Management</span><span class="text-green-400">92%</span></div><div class="w-full h-2 bg-white/10 rounded-full mt-1"><div class="h-full w-[92%] bg-purple-400 rounded-full"></div></div></div>
            <div><div class="flex justify-between"><span class="text-white">RSVP Tracking</span><span class="text-green-400">88%</span></div><div class="w-full h-2 bg-white/10 rounded-full mt-1"><div class="h-full w-[88%] bg-purple-400 rounded-full"></div></div></div>
        </div>
    </div>
</div>

<?php $__env->startPush('scripts'); ?>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
    new Chart(document.getElementById('growthChart'), {type:'line',data:{labels:['Jan','Feb','Mar','Apr','May','Jun'],datasets:[{label:'New Users',data:[45,62,78,94,112,145],borderColor:'#8B5CF6',tension:0.4,fill:true,backgroundColor:'rgba(139,92,246,0.1)'}]},options:{responsive:true,plugins:{legend:{labels:{color:'#fff'}}}}});
    new Chart(document.getElementById('revenueChart'), {type:'bar',data:{labels:['Jan','Feb','Mar','Apr','May','Jun'],datasets:[{label:'Revenue (£)',data:[4200,5100,6800,7200,8100,8492],backgroundColor:'#8B5CF6'}]},options:{responsive:true,plugins:{legend:{labels:{color:'#fff'}}}}});
</script>
<?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\skietagency\wedding\code\resources\views/admin/analytics.blade.php ENDPATH**/ ?>