<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; 
    }

</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('overtime_details');?></div>

            <div class="clearfix"></div>
        </div>
        <div class="panel-body">
            <table class="table table-bordered table-hover demo-table-search" id="tableWithSearch" >
                <thead>
                    <tr>
                        <th class="text-center"><?php print CommonLanguage::getMessage('Date');?></th>
                        <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>
             
            </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>
   var title = <?php echo json_encode(CommonLanguage::getMessage('overtime_details')); ?>,
          OverTime_Date = <?php echo json_encode($Date);?>; 
            ;
    $(function () {
        RebuildDataTable(title,[0],'HRMAjax/TotalOverTimeDeatilsRequest',{OverTime_Date:OverTime_Date});

    })
</script>
