@extends('layouts.app')
@section('title', $leave_policy->name)
@section('content')
<div class="container page-content">
    <div class="row page-col align-items-center">
        <div class="col-6">
            <h1 class="font-weight-bold typography-4 mb-0">{{ $leave_policy->name }}</h1>
        </div>
        <div class="col-6 text-end">
            <a class="btn btn-secondary btn-custom" href="{{ route('leave-policy-index') }}" role="button">
                Back
            </a>
        </div>
    </div>
    <div class="row justify-content-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-12 col-md-6 text-start">
                            <input class="form-control" id="search_bar_input" type="text" placeholder="Search..">
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if( $user_leaves->isEmpty() )
                        <h4 class="typography-2 font-weight-semibold text-grey text-center mb-0">- N/A -</h4>
                    @else
                        <div class="table-responsive">
                            <table class="table valign-child-middle sortable">
                                <thead class="table-light">
                                    <tr>
                                        <th>Name</th>
                                        <th>Year</th>
                                        <th>Expired date</th>
                                        <th>Total Leave</th>
                                        <th>Total Used</th>
                                        <th>Balance</th>
                                        <th>Carriend Forward</th>
                                        <th>Total Burned</th>
                                    </tr>
                                </thead>
                                <tbody id="search_table">
                                    @foreach ($user_leaves as $index => $user_leave)
                                    <tr>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->user->getName() }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->year }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ !$user_leave->expired_date ? '-' : \Carbon\Carbon::parse($user_leave->expired_date)->format('d M Y') }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->total_leave }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->total_used }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->balance }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->carried_forward ? $user_leave->carried_forward : '0.0' }}</td>
                                        <td scope="row" class="{{ $user_leave->year == \Carbon\Carbon::now()->year ? 'font-weight-bold' : '' }}">{{ $user_leave->total_burned ? $user_leave->total_burned : '0.0' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>    
@endsection