@extends('admin.layout.main')

@section('content')
	
	@component('components.show-page-content')
		@slot('heading')
			Sessions
		@endslot
		@slot('modalId')
			store-session-modal
		@endslot
		@slot('modalButtonCaption')
			Add Session
		@endslot
		@slot('tableHeading')
			<th>Name</th>
			<th>Start Date</th>
			<th>End Date</th>
			<th>Status</th>
			<th>Admission Closed</th>
			<th>Action</th>
		@endslot
		@slot('tableBody')
			@foreach($admissionSessions as $session)
				<tr>
					<td>{{$session->session_name}}</td>
					<td>{{$session->start_date->format('d-m-Y') }}</td>
					<td>{{$session->end_date->format('d-m-Y')}}</td>
					<td>{{$session->active ? 'Active': 'De-Active'}}</td>
					<td>{{$session->is_admission_closed ? 'Yes': 'No'}}</td>
					<td><a href = "{{ url("admin/session/edit/$session->id") }}" class = "btn btn-xs btn-info" data-toggle = "tooltip"
					       data-placement = "top" title = "Edit this session"><i class = "fa fa-edit"></i></a></td>
				</tr>
			@endforeach
		@endslot
	@endcomponent
	
	@component('components.modal')
		@slot('id')
			store-session-modal
		@endslot
		@slot('method')
			post
		@endslot
		@slot('url')
			admin/session/store
		@endslot
		@slot('title')
			Add Session
		@endslot
		@slot('formFields')
			@include('admin.session.session-form')
		@endslot
	@endcomponent

@endsection

@section('script')
	<script src = "{{ asset('js/sessions.js') }}"></script>
@endsection