@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">A list of earnings for reporting.</div>
            </div>

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


    </div>
</div>
<div class="main-card mb-3 card">
    <div class="card-body">
        <a href="{{ route('pam-history.index') }}"><i class="fa fa-arrow-left"></i></a>

        <div class="card-title text-center">{{ $title }}</div>
        <table style="width: 100%;" id="example1" class="table table-hover table-striped table-bordered">
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Mode of Calculation</th>
                    <th>%</th>
                    <th>Amount</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($data as $item)
                <tr>
                    <td>{{$item->earn_def_id?  $item->pamEarnDef->code : '' }} </td>
                    <td>{{ $item->short_description }}</td>

                    <td>
                        {{$item->mode_of_calculation }}
                    </td>
                    <td>
                        {{$item->percentage }}
                    </td>
                    <td>
                        {{$item->fixed_amount }}
                    </td>
                    <td style="text-align: right;">
                        @canany(['Run payrool','View reports'])
                        <a href="{{ route('pam-history.earning-details', $item->id) }}"
                            class="btn cur-p btn-primary btn-color">View Employees</a>
                        @endcanany
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection