@extends('admin.app_main')

@section('content')
    <div class="col-sm-9">
        <div class="panel panel-default">
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
            <div class="panel-heading">Leave Applications</div>

            <div class="panel-body">
					<table width="100%" style="text-align:left; border: 1px solid #d3e0e9;">
						<tr>
							<td style="padding:3px; border: 1px solid #d3e0e9;">Application Date</td>
							<td style="padding:3px; border: 1px solid #d3e0e9;">Leave Type</td>
							<td style="padding:3px; border: 1px solid #d3e0e9;">Date Start</td>
							<td style="padding:3px; border: 1px solid #d3e0e9;">Date End</td>
							<td style="padding:3px; border: 1px solid #d3e0e9;">Status</td>
							<td style="padding:3px; border: 1px solid #d3e0e9;">Details</td>
						</tr>

						@foreach($current  as $application)
							<tr>
								<td style="padding:3px; border: 1px solid #d3e0e9;">{{$application->created_at}}</td>
								<td style="padding:3px; border: 1px solid #d3e0e9;">{{$application->type}}</td>
								<td style="padding:3px; border: 1px solid #d3e0e9;">{{$application->date_from}}</td>
								<td style="padding:3px; border: 1px solid #d3e0e9;">{{$application->date_to}}</td>
								<td style="padding:3px; border: 1px solid #d3e0e9;">
								@if($application->status == 1)	
									Review
								@elseif($application->status == 2)
									Approved
								@elseif($application->status == 3)
									Declined
								@else
									Canceled
								@endif
								</td>		
								<td style="padding:3px; border: 1px solid #d3e0e9;">
								@if($application->status <3 )
									<a href="/admin/leave/detail/{{$application->id}}">View</a>
								@endif

								</td>
							</tr>					
						@endforeach
					</table>
				</div>
            </div>
        </div>
    </div>
@endsection
@section('javascript')
     $('.date').datepicker({  
       dateFormat: 'yy-mm-dd'
     });  
     $('.input-group-addon-calendar').on('click',function(){
     	$(".date", $(this).closest(".input-group")).focus();
     });
@endsection