@extends('layouts.app')
@section('title', 'Leave Balance')
@section('content')
<div class="container page-content">
	<div class="row page-col">
	    <div class="col-12">
	        <h1 class="font-weight-bold typography-4 mb-0">Member's Leave Balance</h1>
	    </div>
	</div><!-- Header -->
	<div class="row justify-content-xl-center page-col">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
				    <div class="row justify-content-between align-items-center">
				        <div class="col text-start">
				            <h1 class="font-weight-semibold typography-2 mb-0">{{ __('Leave Entitlements') }}</h1>
				        </div>
				        <div class="col text-end">
				             <a class="btn btn-secondary btn-custom" href="{{ route('leave-application-index') }}" role="button">Back</a>
				        </div>
				    </div>
				</div>
				<div class="card-body">
				    @if (!$member_leaves)
				        <h4 class="typography-2 font-weight-semibold text-grey text-center mb-0">- N/A -</h4>
				    @else
				        <div class="table-responsive">
				            <table class="table table-hover valign-child-middle sortable">
				                <thead class="table-light">
				                    <tr>
				                    	<th width="5%">No</th>
				                        <th width="15%">Members</th>
				                        <th width="5%"></th>
				                        <th width="15%" class="text-center">Annual Leave/ <br>Probation Leave</th>
				                        <th width="15%" class="text-center">Carried Forward</th>
				                        <th width="15%" class="text-center">Replacement Leave</th>
				                        <th width="15%" class="text-center">Total Balance (Days)</th>
				                        <th width="15%" class="text-center">Total Emergency Leave /Year</th>
				                    </tr>
				                </thead>
				                <tbody>
				                    @foreach ($member_leaves as $index => $member_leave)
					                    <tr>
					                        <td>{{ $index + 1 }}</td>
				                            <td>{!! (Auth::user()->id == $member_leave['user_id']) ? '<span class="fw-bold">Me</span>' : $member_leave['nickname'] !!}</td>
				                            <td class="text-center" sorttable_customkey="{{ $member_leave['serving'] }}">
				                            	@if( $member_leave['employment_type'] == 'Full Time' )	
					                        		<i class="fas fa-check-circle text-success"></i>
					                        	@elseif( $member_leave['employment_type'] == 'Probation' )
					                        		{{ $member_leave['serving'] }}M
					                        	@else
					                        		-
					                        	@endif
					                        </td>
					                        <td class="fw-bold text-center {{ ( $member_leave['probation_leave'] || $member_leave['annual_leave'] ) > 0 ? 'text-success' : 'text-danger' }}">
					                        	{{ $member_leave['employment_type'] == 'Probation' ? $member_leave['probation_leave'] : ( $member_leave['employment_type'] == 'Full Time' ? $member_leave['annual_leave'] : "-" )  }}
					                        </td>
					                        <td class="fw-bold text-center {{ $member_leave['carried_forward'] > 0 ? 'text-success' : 'text-danger' }}">
					                        	{{ $member_leave['carried_forward'] }}
					                        </td>
					                        <td class="fw-bold text-center {{ $member_leave['replacement_leave'] > 0 ? 'text-success' : 'text-danger' }}">
					                        	{{ $member_leave['replacement_leave'] }}
					                        </td>
					                        <td class="fw-bold text-center {{ $member_leave['total'] > 0 ? 'text-success' : 'text-danger' }}">
					                        	{{ $member_leave['total'] }}
					                        </td>
					                        <td class="fw-bold text-center {{ $member_leave['total_emergency_leave'] > 3 ? 'text-danger' : '' }}">
					                        	{{ $member_leave['total_emergency_leave'] }}
					                        </td>
					                    </tr>
				                    @endforeach
				                </tbody>
				            </table>
				        </div>
				    @endif
				</div>
			</div>
		</div>
	</div>
</div>
@endsection