<link href="<?php echo THEME_PATH; ?>css/style.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo THEME_PATH; ?>css/style-responsive.css" rel="stylesheet">


<script>

    // to remove many digits after the period
    $(function () {
        $(".ValSpan").each(function () {
            $(this).html(AddCommas(parseFloat($.trim($(this).text())).toFixed(2))).animate({opacity: 1})
        })
    })
</script>
<style>
    .table thead tr >th{
        background-color: #4c0870 ;
        color:#fff;
    }
    .table thead tr th[class*='sorting_'] {
        color: #FFFFFF;
    }
    .bg-master-lighter {
        border:none;
        background-color:#fff;
        border-top:1px solid #ddd; 

    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
        color:#fff !important;
        border-radius: 50%;
        background: #4c0870 !important;
        border-color: #4c0870
    }

</style>

<div class="container-fluid container-fixed-lg bg-white">
    <div class="panel panel-transparent">
        <div class="panel-heading">
            <div class="panel-title"> <?php print CommonLanguage::getMessage('absence_paid_details'); ?></div>
            <div class="clearfix"></div>
        </div>
        <div class="panel-body">
            <table class="table table-bordered table-hover demo-table-search" id="AbsenceDetails" >
                <thead>
                    <tr>
                        <th class="text-center"><?php print CommonLanguage::getMessage('employee_name'); ?></th>
                        <th class="text-center"><?php print CommonLanguage::getMessage('department'); ?></th>
                        <th class="text-center"><?php print CommonLanguage::getMessage('position'); ?></th>
                        <th class="text-center"><?php print CommonLanguage::getMessage('amount'); ?></th>

                    </tr>
                </thead>
                <tbody>
                    <?php
                    for ($x = 0; $x < count($Total_Details); $x++) {
                        $CurItem = $Total_Details[$x];
                        ?>
                        <tr>
                            <td class="text-center"><?php echo $CurItem['Employee_Name'] ?></td>
                            <td class="text-center"><?php echo $CurItem['Branch_Name'] ?></td>
                            <td class="text-center"><?php echo $CurItem['Job_Name'] ?></td>
                            <td class="text-center"><span class=""><?php echo $CurItem['Paid_Amount'] ?></span> <?php echo $CurItem['Currency_Symbol'] ?></td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>

            <br/>
            <br/>


            <div class="row no-print">
                <div class="col-md-12">
                    <div class="pull-right">
                        <a class="btn btn-danger" onclick="javascript:window.print();"><i class="fa fa-print"></i> <?php print CommonLanguage::getMessage('print'); ?></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {


        $('#AbsenceDetails').dataTable();


    })



</script>
