<!DOCTYPE html>
<html lang="en">
<style>
    .small-button {
        padding: 5px 10px;
        font-size: 12px;
    }

    /* Custom CSS to adjust padding, width, and height of the table */
    .custom-table {
        padding: -50px;
        /* Adjust the padding as needed */
        width: 60%;
        /* Adjust the width as needed */
        margin: auto;
        /* Center the table */
    }

    .custom-table thead th {
        height: 10px;
        /* Adjust the height of the table header */
    }

    .custom-table tbody td {
        height: 30px;
        /* Adjust the height of the table cells */
    }
</style>

<head>

    <link>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <?php
    if ($this->session->flashdata('alert_success')) {
    ?>
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
            <strong>Success!</strong> <?php echo $this->session->flashdata('alert_success'); ?>
        </div>
    <?php
    }

    if ($this->session->flashdata('alert_danger')) {
    ?>
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
            <strong>Success!</strong> <?php echo $this->session->flashdata('alert_danger'); ?>
        </div>
    <?php
    }

    if ($this->session->flashdata('alert_warning')) {
    ?>
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
            <strong>Success!</strong> <?php echo $this->session->flashdata('alert_warning'); ?>
        </div>
    <?php
    }
    if (validation_errors()) {
    ?>
        <!-- <div class="alert alert-danger alert-dismissible fade show" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<?php echo validation_errors(); ?>
</div> -->
    <?php
    }
    ?>



<!-- <h3>APPLICATIONS</h3><br> -->
    <div class="row" id="current_day_count">

        <div class="col-xl-4 col-md-4 ml-5">
            <div class="card">
                <div class="card-block">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h4 class="text-c-red" style="text-align: center;"><?php echo $drafted; ?></h4>
                            <h6 class="text-muted m-b-0"></h6>
                        </div>
                        <div class="col-4 text-right">

                        </div>
                    </div>
                </div>
                <div class="card-footer bg-c-red">
                    <div class="row align-items-center">
                        <div class="col-9">
                            <p class="text-white m-b-0" style="text-align: center;"> DRAFTED</p>
                        </div>
                        <div class="col-3 text-right">
                        </div>
                    </div>
                </div>
            </div>
        </div>




        <div class="col-xl-4 col-md-4 ml-5">
            <div class="card">
                <div class="card-block">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h4 class="text-c-purple" style="text-align: center;"><?php echo $pending; ?></h4>
                            <h6 class="text-muted m-b-0"></h6>
                        </div>
                        <div class="col-4 text-right">

                        </div>
                    </div>
                </div>
                <div class="card-footer bg-c-purple">
                    <div class="row align-items-center">
                        <div class="col-9">
                            <p class="text-white m-b-0" style="text-align: center;"> PENDING</p>
                        </div>
                        <div class="col-3 text-right">

                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
    <br>
   
    <div class="row">

        <div class="col-xl-4 col-md-4 ml-5">
            <div class="card">
                <div class="card-block">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h4 class="text-c-red" style="text-align: center;"><?php echo $completed; ?></h4>
                            <h6 class="text-muted m-b-0"></h6>
                        </div>
                        <div class="col-4 text-right">

                        </div>
                    </div>
                </div>
                <div class="card-footer bg-c-green">
                    <div class="row align-items-center">
                        <div class="col-9">
                            <p class="text-white m-b-0" style="text-align: center;">COMPLETED</p>
                        </div>
                        <div class="col-3 text-right">
                        </div>
                    </div>
                </div>


            </div>

        </div>
        <div>


        </div>


    </div>






</body>