@extends('admin.layout.main')

@section('content')
	
	@component('components.show-page-content')
		@slot('actionWidget')
			@component('components.widget-panel')
				@slot('title') Action @endslot
				@slot('footer') true @endslot
				@slot('method') post @endslot
				@slot('url') /admin/seat-allocation/search @endslot
				<div class = "row" >
					@include('partials.seat-allocation-list-items')
					<div class = 'col-md-4' >
						<div class = "form-group" >
							<label for = "status" >Status</label >
							<input type = "checkbox" name = "is-active" >
						</div >
					</div >
				</div >
			@endcomponent
		@endslot
		@slot('heading')
			Seat Allocations
		@endslot
		@slot('modalId')
			store-seat-allocation-modal
		@endslot
		@slot('modalButtonCaption')
			Add Seat Allocation
		@endslot
		
		@slot('tableHeading')
			<th >ID</th >
			<th >Session</th >
			<th >Application Type</th >
			<th >Degree</th >
			<th >Institute</th >
			<th >Total</th >
			<th >Filled</th >
			<th >Status</th >
			<th title = "Level-10 Rule" >L-10 Rule</th >
			<th title = "Level-10 Minimum %age" >L-10 Min %age</th >
			<th title = "Level-12 Rule" >L-12 Rule</th >
			<th title = "Level-12 Minimum %age" >L-12 Min %age</th >
			<th title = "Level-14 Rule" >L-14 Rule</th >
			<th title = "Level-14 Minimum %age" >L-14 Min %age</th >
			<th title = "Level-16 Rule" >L-16 Rule</th >
			<th title = "Level-16 Minimum %age" >L-16 Min %age</th >
			<th title = "Required Degree Level Rule" >Required D.L Rule</th >
			<th >Required Degree %age</th >
			<th >Action</th >
		@endslot
		@slot('tableBody')
			@foreach($seatAllocations as $current)
				<tr >
					<td >{{$current->id}}</td >
					<td >{{$current->admissionSession->session_name}}</td >
					<td title = "{{$current->applicationType->full_name}}" >{{$current->applicationType->short_code}}</td >
					<td title = "{{$current->degree->full_name}}" >{{$current->degree->full_name}}</td >
					<td title = "{{$current->institution->full_name}}" >{{$current->institution->full_name}}</td >
					<td >{{$current->total_seats}}</td >
					<td >{{$current->filled_seats}}</td >
					<td >{{$current->active ? 'Active': 'De-Active'}}</td >
					<td >
						@foreach($current->present()->tenYearDegreesRule as $ten)
							{{$ten->degree_title}}{{$loop->last ? '' : ', '}}
						@endforeach
					</td >
					<td >{{$current->ten_year_min_percentage_rule}}</td >
					<td >
						@foreach($current->present()->twelveYearDegreesRule as $ten)
							{{$ten->degree_title}}{{$loop->last ? '' : ', '}}
						@endforeach
					</td >
					<td >{{$current->twelve_year_min_percentage_rule}}</td >
					<td >
						@foreach($current->present()->fourteenYearDegreesRule as $ten)
							{{$ten->degree_title}}{{$loop->last ? '' : ', '}}
						@endforeach
					</td >
					<td >{{$current->fourteen_year_min_percentage_rule}}</td >
					<td >
						@foreach($current->present()->sixteenYearDegreesRule as $ten)
							{{$ten->degree_title}}{{$loop->last ? '' : ', '}}
						@endforeach
					</td >
					<td >{{$current->sixteen_year_min_percentage_rule}}</td >
					<td >
						{{implode(",", $current->required_degree_ids_rule) }}
					</td >
					<td >
						{{implode(",", $current->required_degrees_percentage_rule) }}
					</td >
					<td ><a href = "{{ url("admin/seat-allocation/edit/$current->id") }}" class = "btn btn-xs btn-info" data-toggle = "tooltip"
					        data-placement = "top" title = "Edit this seat allocation" ><i class = "fa fa-edit" ></i ></a ></td >
				</tr >
			@endforeach
		@endslot
	@endcomponent
	
	@component('components.modal')
		@slot('id')
			store-seat-allocation-modal
		@endslot
		@slot('size')
			modal-lg
		@endslot
		@slot('method')
			post
		@endslot
		@slot('url')
			admin/seat-allocation/store
		@endslot
		@slot('title')
			Add Seat Allocation
		@endslot
		@slot('formFields')
			@include('admin.seat-allocation.seat-allocation-form')
		@endslot
	@endcomponent

@endsection


@section('script')
	<script >
        $ ( '#update-seat-allocation-button' ).click ( function (e) {
            $ ( 'input[name=status]' ).val ( 'update' );
        } );
        $ ( '#search-seat-allocation-button' ).click ( function (e) {
            $ ( 'input[name=status]' ).val ( 'search' );
        } );
	</script >
@endsection