@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.pagetitle')
    </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">
               
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="tree-container">
                    <h2>{{ $employee->first_name }} - Earnings and Deductions</h2>

                    @if ($employee->earningsAndDeductions()->count() > 0)
                    <ul class="tree">
                        @foreach ($employee->earningsAndDeductions() as $item)
                        @include('pam-emps.tree_item', ['item' => $item])
                        @endforeach
                    </ul>
                    @else
                    <p>No earnings or deductions found for this employee.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection