@extends($layout)
 
@section('header_scripts')
<link href="{{CSS}}multiselect.css" rel="stylesheet">
@stop

@section('custom_div')
<div ng-controller="courseSubjectsController" ng-init="ingAngData({{$items}})">
@stop

@section('content')

<div id="page-wrapper">
			<div class="container-fluid">
				<!-- Page Heading -->
				<div class="row">
					<div class="col-lg-12">
						<ol class="breadcrumb">
							<li><a href="{{PREFIX}}"><i class="mdi mdi-home"></i></a> </li>
							<li><a  href="{{URL_COURSES_DASHBOARD}}">{{ getPhrase('master_setup_dashboard')}}</a></li>
							<li><a href="{{URL_MASTERSETTINGS_COURSE_SUBJECTS_ADD}}">{{ getPhrase('add_subject_to_course')}}</a> </li>
							<li>{{ $title }}</li>
						</ol>
					</div>
				</div>
							

				<!-- /.row -->
					{!! Form::open(array('url' => URL_MASTERSETTINGS_COURSESECTION_SUBJECTS_ADD, 'method' => 'POST', 'name'=>'formQuiz ', 'novalidate'=>'')) !!}
					<input type="hidden" name="branch_id" value="{{$branch_id}}">
					<input type="hidden" name="academic_id" value="{{$academic_id}}">
					<input type="hidden" name="course_id" value="{{$course_id}}"> 

					<div class="panel panel-custom" >
					<div class="panel-heading">						
						<div class="pull-right messages-buttons ">							  
							<button type="submit" class="btn  btn-success button helper_step3" >{{ getPhrase('update')}}</button>
							<a href="{{URL_MASTERSETTINGS_COURSE_SUBJECTS}}staff" class="btn  btn-primary button helper_step1" >{{ getPhrase('Allocate Staff To Courses')}}</a>							 
						</div>
						<h1>{{ $title }}</h1>
					</div>
					<div class="panel-body">
						<table class="table" style="border-collapse: collapse;">
						    <thead>
								<tr style="background-color: #3A526A; color: #fff; font-size:15px;">						    	
						        <th>{{getPhrase('Subject')}}</th>						        
						        <th>{{getPhrase('Staff')}}</th> 						        
						        <th>{{getPhrase('Section')}}</th> 
						    	</tr>
						    </thead>
						    <tbody>
						    	@foreach($items as $key => $value)
						    		<tr>
						    			<td>{{ $value->subject_title }}
										<input type="hidden" name="subject[{{$value->coursesubjecttostaff_id}}]" value="{{ $value->id}}" >
						    			</td>
						    			<td>{{ $value->username }}
						    			<input type="hidden" name="staff[{{$value->coursesubjecttostaff_id}}]" value="{{ $value->staff_id}}" ></td>
						    			<td style="width:300px;">  
						    				@if($value->username)
						    				{{Form::select('section_id['.$value->coursesubjecttostaff_id.'][]', $section, $sectionData, [
												'class'=>'form-control',
												'id'=>'section_id['.$value->coursesubjecttostaff_id.']',
												'ng-model'=>'section_id['.$value->coursesubjecttostaff_id.']',
												'required'=> 'true', 
												'multiple'=>'multiple', 
											])}} 
											@endif
								        </td>
						    		</tr>
						    	@endforeach
						   </tbody>
						</table> 	
					</div>
					</div>
				</div> 
		</div>
@stop
@section('footer_scripts')  
<script src="{{JS}}multiselect.min.js"></script> 
 <script type="text/javascript">
 	$('select[multiple]').multiselect();
 </script>
@stop