@extends('layouts.master')
@section('content')

<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">
            <div class="page-title-icon">
                <i class="pe-7s-medal icon-gradient bg-tempting-azure"></i>
            </div>
            <div>
                {{ $title }}
                <div class="page-title-subheading">List of Employee Earning and Deduction Definitions </div>
            </div>


        </div>

        @include('layouts.payrollsubmenu')
    </div>
    @if(isset($error) || session('error'))
    <div class="alert alert-danger">
        {{ $error ?? session('error') }}
    </div>
    @endif
</div>

<div class="main-card mb-3 card">
    <div class="card-body">


        <div class="row">
            <div class="col-md-12">
                <a href="{{ route('pam-emps.index',$pamEmp->payroll_id) }}"> <i class="fa fa-arrow-left"></i></a>
                <div class="card-title text-center">{{ $pamEmp->pamPayroll->short_description }} Payroll</div>

            </div>
        </div>



        <div class="row">

            <div class="col-md-12">

                <div class="row">

                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="national_id">National ID : {{ $pamEmp->national_id }}</label>
                        </div>
                        <div class="form-group">
                            <label for="first_name">First Name : {{ $pamEmp->first_name }}</label>
                        </div>
                        <div class="form-group">
                            <label for="middle_name">Middle Name : {{ $pamEmp->middle_name }}</label>
                        </div>
                        <div class="form-group">
                            <label for="last_name">Last Name :{{ $pamEmp->last_name }} </label>
                        </div>
                        <div class="form-group">
                            <label for="gender">Gender : {{ $pamEmp->gender }}</label>
                        </div>
                        <div class="form-group">
                            <label for="date_of_birth">Date of Birth : {{ $pamEmp->date_of_birth }}</label>
                        </div>
                        <div class="form-group">
                            <label for="date_of_birth">Contact no. : </label>
                        </div>
                    </div>

                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="man_number">Man Number : {{ $pamEmp->man_number }}</label>
                        </div>
                        <div class="form-group">
                            <label for="national_id">Department : </label>
                        </div>

                        <div class="form-group">
                            <label for="national_id">Job Title : </label>
                        </div>
                        <div class="form-group">
                            <label for="basic_pay">Salary Scale : </label>
                        </div>

                        <div class="form-group">
                            <label for="date_of_employement">Date of Employement : {{ $pamEmp->date_of_birth }}</label>
                        </div>

                        <div class="form-group">
                            <label for="basic_pay">Basic Pay : {{ $pamEmp->basic_pay }} </label>
                        </div>
                        <div class="form-group">
                            <label for="leave_days">Leave Days : </label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <a href="{{ route('pam-payslips.payslip-detail', [$pamEmp->id,$pamEmp->pamPayroll->current_pay_run_id]) }}"
                            class="btn btn-primary btn-color pull-right">View Payslip Detail</a>

                    </div>

                </div>
            </div>
        </div>
        <div class="main-card mb-3 card">
    <div class="card-body">

        <div class="row">
    
            <div class="col-md-6">
            <div class="card-title text-left">{{ $earningTitle }}

                @canany('Manage payroll earning definitions')
                <a href="{{ route('pam-emps.createEarn',$pamEmp->id) }}"
                    class="btn btn-success btn-color pull-right"> <i class="fa fa-plus"></i></a>
      
                @endcanany
                </div>
                <br>
                <table id="dataTableEarn" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Name</th>

                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($pamEarningDefinitions as $earningDefinition)
                        <tr>
                            <td>{{ $earningDefinition->short_description }}</td>

                            <td style="text-align: right;width:10%">
                                @if($earningDefinition->pamEarnDef->pamEarnType->code !== 'BASIC')
                                @canany(['Manage payroll earning definitions'])
                                <a href="{{ route('pam-emps.destroyEarn', ['id' => $earningDefinition->id, 'emp_id'=>$pamEmp->id]) }}"
                                    class="btn cur-p btn-success btn-color">Del</i></a>
                                @endcanany
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
 
            <div class="col-md-6">
            <div class="card-title text-left">{{ $deductionTitle }}

                    @canany('Manage payroll deduction definitions')
                <a href="{{ route('pam-emps.createDedu',$pamEmp->id) }}"
                    class="btn btn-success btn-color pull-right"> <i class="fa fa-plus"></i></a>
               
                @endcanany
                </div>
                <br>
                <table id="dataTableDedu" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Name</th>

                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($pamDeductionDefinitions as $item)
                        <tr>
                            <td>{{ $item->short_description }}</td>

                            <td style="text-align: right; width:10%">

                            @if($item->pamDeduDef->pamDeduType->code !== 'INCTAX' &&
                                        $item->pamDeduDef->pamDeduType->code !== 'SOCIALSECURITY' &&
                                        $item->pamDeduDef->code !== 'NAPSA')
                                @canany(['Manage payroll deduction definitions'])
                                <a href="{{ route('pam-emps.destroyDedu', ['id' => $item->id, 'emp_id'=>$pamEmp->id]) }}"
                                    class="btn cur-p btn-danger btn-color">Del</i></a>

                                @endcanany
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

    </div></div>
        </div>
    </div>
</div>
</div>
</div>

@endsection
@section('scripts')

<script>
$(document).ready(function() {

    $('#dataTableEarn').DataTable();
    $('#dataTableDedu').DataTable();
});
</script>

@endsection