@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
@push('script')
<script>  
    document.getElementById("dra-6").classList.add("active");
</script>
@endpush
<div class="page-wrapper">
	<!-- [ breadcrumb ] start -->
	<div class="breadcrumb-header justify-content-between align-items-center">
	<h4 class="text-primary font-weight-bold py-3 mb-0">
QUESTION <span class="text-secondary">BANKS</span>
</h4>
		<div class="justify-content-center mt-2">
			<ol class="breadcrumb breadcrumb-style3">
				<li class="breadcrumb-item tx-15"><a href="{{ route_client_master('master.exams.question-bank.index') }}"><i class="feather icon-home"></i></a></li>
				<li class="breadcrumb-item active">Manage Question Bank</a></li>
			</ol>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->
	<!-- Button trigger modal -->


	<!-- Modal -->
	<!-- <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Export Questions</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Export</button>
      </div>
    </div>
  </div>
</div> -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header">
					<a href="{{ route_client_master('master.exams.subject-master.create') }}" class="btn btn-warning float-right">Add Subject</a>
					<a href="{{ route_client_master('master.exams.question-bank.import') }}" class="btn btn-warning float-right">Import Questions</a>
					<!-- <button type="button" class="btn btn-info float-right" data-toggle="modal" data-target="#exampleModal">Export Questions</button> -->
				</div>
				<div class="card-body">
					<div class="table-responsive">
						<div id="dt-ajax-array_wrapper" class="dataTables_wrapper dt-bootstrap4">
							@include('common.alert')
							<div class="row">
								<div class="col-sm-12">
									<table id="dt-ajax-array" class="table table-bordered table-striped mg-b-0 text-md-nowrap" role="grid" aria-describedby="dt-ajax-array_info">
										<thead>
											<tr role="row">
												<th>Subject</th>
												<th>Code</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody>
											@foreach ($data as $value)
											<tr>
												<td>
													<a href="{{ route_client_master('master.exams.question-bank.getQuestions', $value->slug) }}">
														{{ $value->subject_title }}
													</a>
												</td>
												<td>{{ $value->subject_code }}</td>
												<td>
													<a href="{{ route_client_master('master.exams.question-bank.getQuestions', $value->slug) }}" class="btn btn-primary">View Questions</a>
													<a href="{{ route_client_master('master.exams.question-bank.create', ['slug' => $value->slug]) }}" class="btn btn-outline-secondary">Add Question - Default</a>
													@if ($value->hasEssayQuestion())
													<a href="{{ route_client_master('master.exams.question-bank.create-essay', ['slug' => $value->slug]) }}" class="btn btn-outline-primary">Add Question - Essay</a>
													@endif
													<a href="{{ route_client_master('master.exams.question.fullPreview', ['slug' => $value->slug]) }}" class="btn btn-success">Preview Question</a>
												</td>
											</tr>
											@endforeach
										</tbody>
									</table>
								</div>
							</div>
							<br>
							{{-- Pagination --}}
							<div class="row">
								<div class="col-sm-12 col-md-12">
									<div class="pagination custom-pagination justify-content-end mb-0" id="dt-ajax-array_paginate">
										{!! $data->links() !!}
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection