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

                    </div>
                </div>
                <div class="panel-body">
                    <table class="table table-responsive table-hover">
                        <tr>
                            <td>{{ translate('gender') }}</td>
                            <td>{{ $user->gender }}</td>
                        </tr>
                        <tr>
                            <td>{{ translate('email') }}</td>
                            <td>{{ $user->email }}</td>
                        </tr>
                        <tr>
                            <td>{{ translate('phone') }}</td>
                            <td>{{ $user->phone }}</td>
                        </tr>
                        <tr>
                            <td>{{ translate('address') }}</td>
                            <td>{!!   $user->address !!}</td>
                        </tr>
                        <tr>
                            <td>{{ translate('created_at') }}</td>
                            <td>{{ $user->created_at }}</td>
                        </tr>
                        <tr>
                            <td>{{ translate('updated_at') }}</td>
                            <td>{{ $user->updated_at }}</td>
                        </tr>
                        <tr>
                            <td>{{ translate('last_login') }}</td>
                            <td>{{ $user->last_login }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h3 class="panel-title">{{ translate('note') }}</h3>
                    <div class="heading-elements">

                    </div>
                </div>
                <div class="panel-body">
                    {!!   $user->notes !!}
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h6 class="panel-title">{{ translate('payroll') }}</h6>
                    <div class="heading-elements">

                    </div>
                </div>
                <div class="panel-body 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">
                                        <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>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('footer-scripts')
    <script>
        $('.data-table').DataTable({
            "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') }}"
                },
                "columnDefs": [
                    {"orderable": false, "targets": 0}
                ]
            },
            responsive: true,
        });
    </script>
@endsection