@extends('layouts.master')
@section('title'){{$user->first_name}} {{$user->last_name}}-{{translate('payroll')}}
@endsection
@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{$user->first_name}} {{$user->last_name}}-{{translate('payroll')}}</h6>

            <div class="heading-elements">

            </div>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table id="view-repayments"
                       class="table table-striped table-condensed table-hover dataTable no-footer">
                    <thead>
                    <tr role="row">
                        <th>{{translate('pay date')}}</th>
                        <th>
                            {{translate('gross amount')}}
                        </th>
                        <th>
                            {{translate('total deduction')}}
                        </th>
                        <th>
                            {{translate('net amount')}}
                        </th>
                        <th>
                            {{translate('paid amount')}}
                        </th>
                        <th>{{translate('recurring')}}</th>
                        <th>
                            {{translate('payslip')}}
                        </th>
                        <th>
                            {{translate('action')}}
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($user->payroll as $key)
                        <tr>
                            <td>
                                {{$key->date}}
                            </td>
                            <td>
                                {{\App\Helpers\GeneralHelper::single_payroll_total_pay($key->id)}}
                            </td>
                            <td>
                                {{\App\Helpers\GeneralHelper::single_payroll_total_deductions($key->id)}}
                            </td>
                            <td>
                                {{\App\Helpers\GeneralHelper::single_payroll_total_pay($key->id)-\App\Helpers\GeneralHelper::single_payroll_total_deductions($key->id)}}
                            </td>
                            <td>{{$key->paid_amount}}</td>
                            <td>
                                @if($key->recurring==1)
                                    {{translate('yes')}}
                                @else
                                    {{translate('no')}}
                                @endif
                            </td>
                            <td>
                                <div class="btn-group-horizontal">
                                    <a type="button" class="btn-xs bg-blue"
                                       href="{{url('payroll/'.$key->id.'/payslip')}}"
                                       target="_blank">{{translate('generate_payslip')}}</a>
                                </div>
                            </td>
                            <td>
                                <div class="btn-group-horizontal">
                                    @if(Sentinel::hasAccess('payroll.delete'))
                                        <a type="button" class="btn-xs bg-purple"
                                           href="{{url('payroll/'.$key->id.'/edit')}}">{{translate('view_modify')}}</a><a
                                                type="button" class="btn-xs bg-navy margin delete"
                                                href="{{url('payroll/'.$key->id.'/delete')}}">{{translate('delete')}}</a>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')
    <script>
        $(document).ready(function () {
            $('.deletePayroll').on('click', function (e) {
                e.preventDefault();
                var href = $(this).attr('href');
                swal({
                    title: 'Are you sure?',
                    text: '',
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Ok',
                    cancelButtonText: 'Cancel'
                }).then(function () {
                    window.location = href;
                })
            });
        });
    </script>
    <script>

        $('#view-repayments').DataTable({
            "order": [[0, "asc"]],
            "columnDefs": [
                {"orderable": false, "targets": [6, 7]}
            ],
            "language": {
                "lengthMenu": "{{ translate('lengthMenu') }}",
                "zeroRecords": "{{ translate('zeroRecords') }}",
                "info": "{{ translate('info') }}",
                "infoEmpty": "{{ translate('infoEmpty') }}",
                "search": "{{ translate('search') }}",
                "infoFiltered": "{{ translate('infoFiltered') }}",
                "paginate": {
                    "first": "{{ translate('first') }}",
                    "last": "{{ translate('last') }}",
                    "next": "{{ translate('next') }}",
                    "previous": "{{ translate('previous') }}"
                }
            },
            responsive: false
        });
    </script>
@endsection