---
// Sponsor Dashboard Component
---

<div class="card bg-base-100 shadow-xl">
    <div class="card-body">
        <h2 class="card-title text-2xl mb-4">Sponsor Dashboard</h2>
        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
            <!-- Sponsorship Status -->
            <div class="card bg-base-200">
                <div class="card-body">
                    <h3 class="card-title text-lg">Sponsorship Status</h3>
                    <p class="text-primary font-semibold">Active</p>
                    <p class="text-sm opacity-70">Valid until: Dec 31, 2024</p>
                </div>
            </div>

            <!-- Partnership Level -->
            <div class="card bg-base-200">
                <div class="card-body">
                    <h3 class="card-title text-lg">Partnership Level</h3>
                    <p class="text-primary font-semibold">Platinum</p>
                    <p class="text-sm opacity-70">All benefits included</p>
                </div>
            </div>

            <!-- Quick Actions -->
            <div class="card bg-base-200">
                <div class="card-body">
                    <h3 class="card-title text-lg">Quick Actions</h3>
                    <div class="flex gap-2 mt-2">
                        <button class="btn btn-primary btn-sm"
                            >Contact Us</button
                        >
                        <button class="btn btn-outline btn-sm"
                            >View Contract</button
                        >
                    </div>
                </div>
            </div>
        </div>

        <!-- Recent Activity -->
        <div class="mt-6">
            <h3 class="text-xl font-semibold mb-4">Recent Activity</h3>
            <div class="overflow-x-auto">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Activity</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>2024-01-15</td>
                            <td>Resume Book Access</td>
                            <td
                                ><span class="badge badge-success"
                                    >Completed</span
                                ></td
                            >
                        </tr>
                        <tr>
                            <td>2024-01-10</td>
                            <td>Workshop Scheduling</td>
                            <td
                                ><span class="badge badge-warning">Pending</span
                                ></td
                            >
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
