/*@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}

<style>
    .homepage-report-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 20px;
    }

    .homepage-report-box {
        flex: 1 1 200px;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        min-width: 200px;
    }

    .homepage-report-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .homepage-income {
        background-color: #e8f5e9;
        border: 1px solid #66bb6a;
    }

    .homepage-inprogress {
        background-color: #fff3e0;
        border: 1px solid #ffa726;
    }

    .homepage-followup {
        background-color: #e3f2fd;
        border: 1px solid #42a5f5;
    }

    .homepage-profile {
        background-color: #ede7f6;
        border: 1px solid #7e57c2;
    }

    .homepage-report-value {
        font-size: 2rem;
        font-weight: bold;
        margin: 0;
    }

    .homepage-report-label {
        font-size: 1rem;
        color: #555;
        margin-top: 10px;
    }

    h3 {
        width: 100%;
        font-size: 1.5rem;
        color: #333;
        margin-top: 40px;
    }
</style>*/

/*<div class="homepage-report-container">

    <!-- Total Cases Box -->
    <div class="homepage-report-box homepage-income">
        <p class="homepage-report-value">@ViewBag.totalcases</p>
        <p class="homepage-report-label">Total cases This Month</p>
    </div>

    <h3>My Profile</h3>

    <!-- My Profile Box -->
    <div class="homepage-report-box homepage-profile" onclick="location.href='@Url.Action("Profile", "Doctors")'">
        <p class="homepage-report-value">View/Edit</p>
        <p class="homepage-report-label">My Profile</p>
    </div>

    @* Uncomment these sections if needed in the future *@
    @*
    <!-- In Progress Box -->
    <div class="homepage-report-box homepage-inprogress" onclick="location.href='@Url.Action("noofpendingrecords", "Doctors")'">
        <p class="homepage-report-value">@ViewBag.pendingrecordscount</p>
        <p class="homepage-report-label">Pending Records</p>
    </div>

    <!-- Follow Up Box -->
    <div class="homepage-report-box homepage-followup" onclick="location.href='@Url.Action("pendingappointments", "Doctors")'">
        <p class="homepage-report-value">@ViewBag.pendingappointments</p>
        <p class="homepage-report-label">Pending Appointments</p>
    </div>

    <!-- Balance Box -->
    <div class="homepage-report-box homepage-followup" onclick="location.href='@Url.Action("pendingfollowup", "Doctors")'">
        <p class="homepage-report-value">@ViewBag.Pendingfollowup</p>
        <p class="homepage-report-label">Pending Follow Ups</p>
    </div>

    <div class="homepage-report-box homepage-income" onclick="location.href='@Url.Action("pendingtreatments", "Doctors")'">
        <p class="homepage-report-value">@ViewBag.pendingtreatments</p>
        <p class="homepage-report-label">Num of Pending Treatments</p>
    </div>

    <div class="homepage-report-box homepage-inprogress" onclick="location.href='@Url.Action("todaysappointments", "Doctors")'">
        <p class="homepage-report-value">@ViewBag.pendingtodaysappointments</p>
        <p class="homepage-report-label">Todays Appointments</p>
    </div>
    *@

</div>
*/