@extends('backend.school_admin.layout_app')
@section('page_cs')
 <link rel="stylesheet" href="{{ asset('/public/adminlte') }}/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
@endsection
@section('content')
	<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Welcome
        <small>Setting</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">School Shift</li>
      </ol>
    </section>
	 <!-- Main content -->
    <section class="content">
		<div class="row">
			<div class="col-md-12">
				<!-- BEGIN EXAMPLE TABLE PORTLET-->
				<div class="box">
					<div class="box-header">
    					<h3 class="box-title">Shift List</h3>
    					<a href="{{ url('/') }}/schoolAdmin/schoolSetting/createShift">
                            <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;">
                                <i class="fa fa-plus"></i>  Add New Shift 
                            </button>
                        </a>
    				</div>
					<div class="box-body">	
						<table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
							<thead>
	                        <tr>
	                            <th width="20%">Shift Title</th>
	                            <th width="20%">Shift Start From</th>
	                            <th width="20%">Shift End To</th>
	                            <th width="20%">Academic Session</th>
								<th width="20%">Action</th>
	                        </tr>
	                        </thead>
	                        <tbody>
	                        @foreach($shifts_list as $row)
	                            <tr>
	                                <td>{{ $row->shift_title }}</td>
	                                <td>{{ date('h:i a', strtotime($row->shift_start_from)) }}</td>
	                                <td>{{ date('h:i a', strtotime($row->shift_end_to)) }}</td>
	                                <td>{{ $row->academic_session_title}}</td>                              
	                                <td>
										<a class="Edit" href="{{ url('/')}}/schoolAdmin/schoolSetting/editShift/{{ $row->shift_row_id }}"> Edit </a>  |   
										<a class="delete" href="javascript:void(0)" onclick="deleteItem('{{ url('/')}}/schoolAdmin/schoolSetting/deleteShift/{{ $row->shift_row_id }}')"> Delete </a>									
									</td>
	                            </tr>
	                        @endforeach
	                        </tbody>
						</table>
					</div>
				</div>
				<!-- END EXAMPLE TABLE PORTLET-->
			</div>
		</div>
	</section>
@endsection
@section('page_js')
<!-- DataTables -->
<script src="{{ asset('/public/adminlte') }}/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="{{ asset('/public/adminlte') }}/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
@endsection