@extends('layouts.default')
@section('content')
<!-- page content -->
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>Vacation List</h3>
     	</div>
     	<div class="title_right">
          	<div class="text-right">
	            <a href="{!!url('createVacation')!!}" class="btn btn-primary btn-sm">Add Vacation</a>
         	</div>
	    </div>
	</div>
 	<div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_content">
	                <table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
                     	<thead>
	                        <tr>
	                          	<th>S.No</th>
	                          	<th>Vacation Stat Date</th>
	                          	<th>Vacation End Date</th>
	                        </tr>
           				</thead>
         				<tbody>
         					
	                  	 	@foreach($vacation as $k=>$vacation_list)
	                  	 	<tr>
	                          	<td>{{ $k+1 }}</td>
	                          	<td>{{ $vacation_list->vacation_start_date }}</td>
	                          	<td>{{ $vacation_list->vacation_end_date }}</td>
	                        </tr>
	                        @endforeach
         				</tbody>
        			</table>
          		</div>
            </div>
        </div>
 	</div>
</div>   
@stop