@{
    ViewData["Title"] = "Settings";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
<div class="col-6 col-md-6 col-lg-3">
    <div class="card card-hover">
        <a asp-area="OTcalculate" asp-controller="HrDashboard" asp-action="Rate">
            <div class="box bg-success text-center">
                <h1 class="font-light text-white">
                    <i class="mdi mdi-currency-usd"></i>
                </h1>
                <h6 class="text-white">Rate</h6>
            </div>
        </a>
    </div>
</div>

<div class="col-6 col-md-6 col-lg-3">
    <div class="card card-hover">
        <a asp-area="OTcalculate" asp-controller="HrDashboard" asp-action="Calendar">
            <div class="box bg-purple text-center">
                <h1 class="font-light text-white">
                    <i class="mdi mdi-calendar"></i>
                </h1>
                <h6 class="text-white">Calendar</h6>
            </div>
        </a>
    </div>
</div>

<div class="row">
    <div id="dateUpdate" class="card m-1">
        <div class="row" v-if="addSection == true">
            <form v-on:submit.prevent="updateDate" data-aos="fade-right">
                <div class="container updateDate" data-aos="fade-right">
                    <div class="row" data-aos="fade-right">
                        <div class="col-md-12">
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                    <div class="card-header" style="background-color: white;">
                                        <h3 class="date-heading text-center">UPDATE DATE</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="card-header" style="background-color: white;">
                                <lable class="date-heading text-center">Rate Latest Update:</lable>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="card-header" style="background-color: white;">
                                <lable class="date-heading text-center">Calendar Latest Update:</lable>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>