@extends('layouts.app')

@section('title', 'leave')

@section('content')

<!-- Page Content -->
                <div class="content container-fluid">
				
					<!-- Page Header -->
					<div class="page-header">
						<div class="row align-items-center">
							<div class="col">
								<h3 class="page-title">Leaves</h3>								
							</div>
							<div class="col-auto float-right ml-auto">
								<a href="{{ route('requestLeave') }}" class="btn btn-info btn-sm" ><i class="fa fa-plus"></i> Request Leave</a>
							</div>
						</div>
					</div>
					<!-- /Page Header -->
					
					<!-- Leave Statistics -->
					<div class="row">
						<div class="col-md-3">
							<div class="stats-info">
								<h6 class="text-info">Annual Leave</h6>
								<h4 class="text-info">12</h4>
							</div>
						</div>
						<div class="col-md-3">
							<div class="stats-info">
								<h6>Available Leave <small class="text-purple">(Till {{date('M, Y')}})</small></h6>
								<h4>@if(date('M') =='Apr') 4 @endif</h4>
							</div>
						</div>
						<div class="col-md-3">
							<div class="stats-info">
								<h6 class="text-danger">Taken Leave</h6>
								<h4 class="text-danger">{{$takenLeave}}</h4>
							</div>
						</div>
						
						<div class="col-md-3">
							<div class="stats-info">
								<h6 class="text-success">Remaining Leave</h6>
								<h4 class="text-success">0</h4>
							</div>
						</div>
					</div>
					<!-- /Leave Statistics -->
					
					<div class="row">
						<div class="col-md-12">
							<div class="table-responsive">
								<table class="table table-striped custom-table mb-0 ">
									<thead>
										<tr>											
											<th>From</th>
											<th>To</th>
											<th>No of Days</th>
											<th>Reason</th>
											<th class="text-center">Status</th>
											<th>Created at</th>
											<th>Approved by</th>
											<th class="text-right">Actions</th>
										</tr>
									</thead>
									<tbody>
										@if(count($result) > 0 )
										@foreach($result as $item)
										<tr>											
											<td>{{date('d M Y',strtotime($item->from_date))}}</td>
											<td>{{date('d M Y',strtotime($item->to_date))}}</td>
											<td>{{$item->total_days}} days</td>
											<td>{{$item->subject}}</td>
											<td class="text-center">
												@if($item->status == 'pending')
												<div class="action-label">
													<a class="btn btn-white btn-sm btn-rounded" href="javascript:void(0);">
														<i class="fa fa-dot-circle-o text-warning"></i> Pending
													</a>
												</div>
												@endif
												@if($item->status == 'rejected')
												<div class="action-label">
													<a class="btn btn-white btn-sm btn-rounded" href="javascript:void(0);">
														<i class="fa fa-dot-circle-o text-danger"></i> Rejected
													</a>
												</div>
												@endif
												@if($item->status == 'approved')
												<div class="action-label">
													<a class="btn btn-white btn-sm btn-rounded" href="javascript:void(0);">
														<i class="fa fa-dot-circle-o text-success"></i> Approved
													</a>
												</div>
												@endif
											</td>
											<td>{{ date('d M Y h:i A',strtotime($item->created_at))}}</td>
											<td>
												{{ Techsaga::leaveActionBy($item->id)}}								
											</td>
											<td class="text-right">
												<div class="dropdown dropdown-action">
													<a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="material-icons">more_vert</i></a>
													<div class="dropdown-menu dropdown-menu-right">
														<a class="dropdown-item" href="#" data-toggle="modal" data-target="#edit_leave"><i class="fa fa-pencil m-r-5"></i> Edit</a>
														<a class="dropdown-item" href="#" data-toggle="modal" data-target="#delete_approve"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
													</div>
												</div>
											</td>
										</tr>
									@endforeach
									@else
									<tr>
									<td class="" colspan="7">
										<h3 class="text-center text-success">Wow, awesome things, you have not taken a leave yet. </h3>	
									</td>
									</tr>
									@endif
										
									</tbody>
								</table>
							</div>
						</div>
					</div>
                </div>
				<!-- /Page Content -->


@endsection