@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">Academic Sessions</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
    	<div class="row">
			<div class="col-xs-12">
    			<div class="box">
    				<div class="box-header">
    					<h3 class="box-title">Academic Sessions List</h3>
    					<a href="{{ url('/') }}/schoolAdmin/schoolSetting/createAcademicSession">
                            <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;">
                                <i class="fa fa-plus"></i>  Add New Academic Session 
                            </button>
                        </a>
    				</div>
    				<div class="box-body">
    					<div id="example2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
    						<div class="row">
    							<div class="col-sm-6"></div>
    							<div class="col-sm-6"></div>
    						</div>
    						<div class="row">
    							<div class="col-sm-12">
    								<table id="example1" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info">
    									<thead>
    										<tr role="row">
    											<th class="sorting_asc">Title</th>
    											<th class="sorting">Year</th>
    											<th class="sorting">Active Status</th>
    											<th class="no-sorting">Action</th>
    										</tr>
                						</thead>
                						<tbody>
                							@foreach($academic_sessions_list as $row)
                            					<tr role="row" class="odd">
                                					<td>{{ $row->academic_session_title }}</td>
                                					<td>{{ $row->academic_session_year}}</td>
                                					<td>{{ $row->is_active ? 'Active' : ''}}</td>
                                					<td>
                                						<div class="btn-group btn-group-xs btn-group-solid">
                                							<a href="{{ url('/')}}/schoolAdmin/schoolSetting/editAcademicSession/{{ $row->academic_session_row_id }}" class="btn green-meadow">Edit</a>
                                							<a class="btn red deleteBtn" href="#commonmodal" 	academic_session_row_id="{{ $row->academic_session_row_id }}" data-toggle="modal">Delete</a>
                                							@if($row->is_active)
                                							<a href="#commonmodal" class="btn red btn_active_inactive" academic_session_row_id="{{ $row->academic_session_row_id }}" action="0" data-toggle="modal">Inactivate</a>
                                							@else
                                							<a style="margin:0px;" href="#commonmodal" class="btn yellow btn_active_inactive" academic_session_row_id="{{ $row->academic_session_row_id }}" action="1" data-toggle="modal">Activate</a>
                                							@endif
                            							</div>
													</td>
                            					</tr>
                        					@endforeach
                						</tbody>
    								</table>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- /.content -->
@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>


	<div class="modal fade" id="commonmodal" tabindex="-1" role="basic" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title"></h4>
				</div>
				<div class="modal-body"></div>
				<div class="modal-footer">
					<a class="btn dark btn-outline" data-dismiss="modal">Close</a>
					<a class="btn green confirmrequest">Confirm</a>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		$(document).ready(function() {
			$(".deleteBtn").click(function() {
				$('#commonmodal .modal-title').empty();
				$('#commonmodal .modal-body').empty();
				var academic_session_row_id = $(this).attr('academic_session_row_id');
				$('#commonmodal .modal-title').append('Delete Academic Session');
				$('#commonmodal .modal-body').append('Do you really want to delete this Academic Session?');
				$('#commonmodal .modal-footer .confirmrequest').attr("href", "{{ url('/')}}/schoolAdmin/schoolSetting/deleteAcademicSession/" + academic_session_row_id);			
			});

			$('.btn_active_inactive').click(function(e) {
			$('#commonmodal .modal-title').empty();
			$('#commonmodal .modal-body').empty();
			var academic_session_row_id = $(this).attr('academic_session_row_id');
			var to_status = $(this).attr('action');
			if(to_status == 0) {
				$('#commonmodal .modal-title').append('Inactivate Academic Session');
				$('#commonmodal .modal-body').append('Do you really want to inactivate this Academic Session?');
				$('#commonmodal .modal-footer .confirmrequest') . attr("href", "{{ url('/') }}/schoolAdmin/schoolSetting/statusChangeAdemicSession/" + academic_session_row_id + "/" + to_status);
			} else {
				$('#commonmodal .modal-title').append('Activate Academic Session');
				$('#commonmodal .modal-body').append('Do you really want to activate this Academic Session?');
				$('#commonmodal .modal-footer .confirmrequest').attr("href", "{{ url('/') }}/schoolAdmin/schoolSetting/statusChangeAdemicSession/" + academic_session_row_id + "/" + to_status);
			}
		});

		});
	</script>
@endsection