<style>
    #mira-application-update{
        border: 2px solid #dddddd;
    }
    #mira-application-update > thead > tr > th,
    #mira-application-update > tbody > tr > th,
    #mira-application-update > tfoot > tr > th,
    #mira-application-update > thead > tr > td,
    #mira-application-update > tbody > tr > td,
    #mira-application-update > tfoot > tr > td {
        border: 2px solid #dddddd;

    }
    #mira-application-update{
        width: 100%;
        overflow-x: scroll;
    } 
</style>
<div class="panel"> 
    <div class="panel-body">

        <table id="mira-application-update" class="table table-bordred table-striped">
            <thead>
                <tr>
                    <th colspan="6"><h4 class="text-center"> <strong>Mapped Application List</strong></h4></th>
            </tr>
            <tr>
                <th class="text-center">Application Name</th>
                <th class="text-center">Admin Name</th>

                <th class="text-center">Mapped Date</th>
                <th class="text-center">Current Status</th>
                <th class="text-center">Activate Date</th>
                <th class="text-center">Expire Date</th>


            </tr>
            </thead>
            <tbody>
                <?php for ($i = 0; $i < count($mapped_app_list); $i++) { ?>
                    <?php if ($mapped_app_list[$i]['activate_status']) { ?>
                        <tr class="text-success">
                            <td class="text-center"><?= $mapped_app_list[$i]['app_name'] ?></td>
                            <td class="text-center"><?= $mapped_app_list[$i]['admin_name'] ?></td>
                            <td class="text-center"><?= date('d-m-Y', strtotime($mapped_app_list[$i]['mapping_date'])); ?></td>
                            <td class="text-center"><span class="label label-success">Running state.</span></td>
                            <td class="text-center"><span><?= date('d-m-Y', strtotime($mapped_app_list[$i]['activate_date'])); ?></span></td>
                            <td class="text-center"><span ><?= date('d-m-Y', strtotime($mapped_app_list[$i]['expire_date'])); ?></span></td>
                        </tr>
                    <?php } else { ?>

                        <tr class="text-info">
                            <td class="text-center"><?= $mapped_app_list[$i]['app_name'] ?></td>
                            <td class="text-center"><?= $mapped_app_list[$i]['admin_name'] ?></td>
                            <td class="text-center"><?= date('d-m-Y', strtotime($mapped_app_list[$i]['mapping_date'])); ?></td>
                            <td class="text-center"><span class="label label-info">Activation Pending..</span></td>
                            <td class="text-center">-----------</td>
                            <td class="text-center">-----------</td>
                        </tr>

                    <?php }
                }
                ?>

            </tbody>
        </table>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {


    });
</script>

