<?php $__env->startSection('head'); ?>

    
    <?php echo HTML::style("assets/global/css/plugins.css"); ?>

    <?php echo HTML::style("assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css"); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('mainarea'); ?>
    <div class="col-md-9">
        <!--Profile Body-->
        <div class="profile-body">
            <div class="row margin-bottom-20">
                <!--Profile Post-->
                <div class="col-sm-12">


                    <div class="panel ">
                        <div class="panel-heading service-block-u">
                            <h3 class="panel-title"><i class="fa fa-tasks"></i> <?php echo e(trans('core.mySalarySlip')); ?></h3>
                        </div>
                        <div class="panel-body">

                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="payroll">
                                    <thead>
                                    <tr>
                                        <th> <?php echo e(trans('core.id')); ?> </th>

                                        <th> <?php echo e(trans('core.month')); ?> </th>
                                        <th> <?php echo e(trans('core.year')); ?> </th>
                                        <th> <?php echo e(trans('core.netSalary')); ?> <?php echo e($setting->currency_symbol); ?> </th>
                                        <th> <?php echo e(trans('core.createdOn')); ?> </th>
                                        <th class="text-center"> <?php echo e(trans('core.action')); ?> </th>
                                    </tr>
                                    </thead>
                                    <tbody>


                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td> </td>
                                    </tr>


                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>


                    <!--End Profile Post-->


                </div><!--/end row-->

                <hr>


            </div>
            <!--End Profile Body-->
        </div>

    </div>


    


    <div class="modal fade show_notice" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                    <h4 id="myLargeModalLabel" class="modal-title">
                        Salary Slip
                    </h4>
                </div>
                <div class="modal-body" id="modal-data">
                    
                </div>
            </div>
        </div>
    </div>


    

<?php $__env->stopSection(); ?>

<?php $__env->startSection('footerjs'); ?>

    <?php echo HTML::script("assets/global/plugins/datatables/datatables.min.js"); ?>

    <?php echo HTML::script("assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js"); ?>


    <script>

        var table = $('#payroll').dataTable({
            processing: true,
            serverSide: true,
            <?php echo $datatabble_lang; ?>

            "ajax": "<?php echo e(URL::route("front.ajax_payrolls")); ?>",

            "columns": [
                {data: 'id', name: 'payrolls.id'},
                {data: 'month', name: 'month', searchable: true},
                {data: 'year', name: 'payrolls.year'},
                {data: 'net_salary', name: 'payrolls.net_salary'},
                {data: 'created_at', name: 'payrolls.created_at'},
                {data: 'actions', name: 'actions'}
            ],
            "lengthMenu": [
                [5, 15, 20, -1],
                [5, 15, 20, "All"] // change per page values here
            ],
            "sPaginationType": "full_numbers",
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var oSettings = this.fnSettings();
                $("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
                return nRow;
            }

        });


        function show_salary_slip(id) {
            $('#modal-data').html('<div class="text-center"><?php echo HTML::image('front_assets/img/loader.gif'); ?></div>');
            $.ajax({
                type: "GET",
                url: "<?php echo URL::to('panel/salary_slip/"+id+"'); ?>"

            }).done(function (response) {
                $('#modal-data').html(response);
//
            });
        }


    </script>


<?php $__env->stopSection(); ?>

<?php echo $__env->make('front.layouts.frontlayout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/dmwachinga/projects/hr/KodiHRM/resources/views/front/salary.blade.php ENDPATH**/ ?>