nhance/app/Views/bds_dash.php

<style>

body{
    margin-top:20px;
    background:#FAFAFA;
}
.order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}

.bg-c-red {
    background: linear-gradient(45deg,#FF4E50,#F9D423);
}

.bg-c-purple {
    background: linear-gradient(45deg,#9D50BB,#6E48AA);
}

.bg-c-orange {
    background: linear-gradient(45deg,#F2994A,#F2C94C);
}

.bg-c-teal {
    background: linear-gradient(45deg,#1ABC9C,#16A085);
}

.bg-c-cyan {
    background: linear-gradient(45deg,#00C9FF,#92FE9D);
}

.bg-c-lime {
    background: linear-gradient(45deg,#A8E063,#56AB2F);
}

.bg-c-indigo {
    background: linear-gradient(45deg,#3F51B5,#5A55AE);
}

.bg-c-Pelorous {
    background: linear-gradient(45deg, #00d6db, #00a8b5);
}

.bg-c-Pelorous2 {
    background: linear-gradient(45deg, #02a8b5, #017f8b);
}

.bg-c-Pelorous3 {
    background: linear-gradient(45deg, #098895, #046063);
}

.bg-c-Grenadier {
    background: linear-gradient(45deg, #ff9d37, #ff7a10);
}

.bg-c-Grenadier2 {
    background: linear-gradient(45deg, #ff8010, #ff4c00);
}

.bg-c-Grenadier3 {
    background: linear-gradient(45deg, #f06306, #cc4b05);
}

.bg-c-SilverChalice {
    background: linear-gradient(45deg, #a3a8a8, #8f9494);
}

.bg-c-SilverChalice2 {
    background: linear-gradient(45deg, #7e8484, #686e6e);
}

.bg-c-SilverChalice3 {
    background: linear-gradient(45deg, #5c6363, #434949);
}



.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.m-b-1{
    margin-top: 0;
    margin-bottom: 5px;
}

.modal-right{
    width: 100% !important;
    justify-content: normal !important;
}

.modal-body {
    max-height: 100vh;
    overflow-y: auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 10px !important;
    padding-bottom: 35% !important;
}

</style>

<div class="tab-pane fade" id="bds-dash-tab" style="padding-right: 35px;">
    <div class="row">
        <?php if (in_array(BUSINESS_TEAM_ID, user_team())) { ?>

            <div class="col-md-4 col-xl-3">
                <div data-toggle="modal" data-target="#right-modal" class="card bg-c-Pelorous order-card" onclick="linkRedirectForBDS(this, 'B')">
                    <div class="card-block">
                        <h6 class="m-b-20 font-15">Business Team Pending</h6>
                        <h2 class="text-right"><i class="mdi mdi-playlist-check f-left"></i><span><?= $businessTeamCount ?></span></h2>
                        <p class="m-b-1">&nbsp;<span class="f-right"></span></p>
                        <p class="m-b-1">&nbsp;<span class="f-right"></span></p>
                    </div>
                </div>
            </div>

        <?php } ?>

        <?php if (in_array(FINANCE_TEAM_ID, user_team())) { ?>

            <div class="col-md-4 col-xl-3">
                <div data-toggle="modal" data-target="#right-modal" class="card bg-c-Pelorous2 order-card" onclick="linkRedirectForBDS(this, 'F')">
                    <div class="card-block">
                        <h6 class="m-b-20 font-15">Finance Team Pending</h6>
                        <h2 class="text-right"><i class="mdi mdi-playlist-check f-left"></i><span><?= $financeTeamCount ?></span></h2>
                        <p class="m-b-1">&nbsp;<span class="f-right"></span></p>
                        <p class="m-b-1">&nbsp;<span class="f-right"></span></p>
                    </div>
                </div>
            </div>   

        <?php } ?>
	</div>
</div>

<script>

function linkRedirectForBDS(input, team)
{   
    var link = "";

    if(team == 'B'){
        link = '<?= base_url('/policy_tranction/report/report-business-list') ?>'
    }else if(team == 'F'){
        link = '<?= base_url('/policy_tranction/report/report-finance-list') ?>'
    }
    console.log(link);

    if(link){
        window.location.href = link;
    }
}

</script>