---
// Sponsor Analytics Component
---

<div class="card bg-base-100 shadow-xl">
    <div class="card-body">
        <h2 class="card-title text-2xl mb-4">Analytics Dashboard</h2>

        <!-- Metrics Overview -->
        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-4 mb-6">
            <div class="stat bg-base-200 rounded-box p-4">
                <div class="stat-title">Resume Downloads</div>
                <div class="stat-value text-primary">89</div>
                <div class="stat-desc">↗︎ 14 (30 days)</div>
            </div>

            <div class="stat bg-base-200 rounded-box p-4">
                <div class="stat-title">Event Attendance</div>
                <div class="stat-value">45</div>
                <div class="stat-desc">↘︎ 5 (30 days)</div>
            </div>

            <div class="stat bg-base-200 rounded-box p-4">
                <div class="stat-title">Student Interactions</div>
                <div class="stat-value text-secondary">124</div>
                <div class="stat-desc">↗︎ 32 (30 days)</div>
            </div>

            <div class="stat bg-base-200 rounded-box p-4">
                <div class="stat-title">Workshop Engagement</div>
                <div class="stat-value">92%</div>
                <div class="stat-desc">↗︎ 8% (30 days)</div>
            </div>
        </div>

        <!-- Detailed Analytics -->
        <div class="grid gap-6 md:grid-cols-2">
            <!-- Event Performance -->
            <div class="card bg-base-200">
                <div class="card-body">
                    <h3 class="card-title text-lg">Event Performance</h3>
                    <div class="overflow-x-auto">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Event</th>
                                    <th>Attendance</th>
                                    <th>Rating</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Tech Talk</td>
                                    <td>32</td>
                                    <td>4.8/5</td>
                                </tr>
                                <tr>
                                    <td>Workshop</td>
                                    <td>28</td>
                                    <td>4.6/5</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Resume Analytics -->
            <div class="card bg-base-200">
                <div class="card-body">
                    <h3 class="card-title text-lg">Resume Analytics</h3>
                    <div class="overflow-x-auto">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Major</th>
                                    <th>Downloads</th>
                                    <th>Trend</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Computer Science</td>
                                    <td>45</td>
                                    <td>↗︎</td>
                                </tr>
                                <tr>
                                    <td>Electrical Engineering</td>
                                    <td>32</td>
                                    <td>↗︎</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
