@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
<div class="page-wrapper">
   <!-- [ breadcrumb ] start -->
   <div class="breadcrumb-header justify-content-between">
        <div class="left-content">
            <span class="main-content-title mg-b-0 mg-b-lg-1">Import Questions</span>
        </div>
        <div class="justify-content-center mt-2">
               <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="{{ route_client_master('master.exams.question-bank.index') }}"><i class="feather icon-home"></i></a></li>
                  <li class="breadcrumb-item active">Import Questions</li>
               </ol>
            </div>
         </div>
    
   <!-- [ breadcrumb ] end -->
   <!-- [ 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.question-bank.index') }}" class="btn btn-info float-right">List</a>
            </div>
            <div class="card-body" id="app">
                @include('common.alert')
               <div class="panel">
					<div class="panel-body packages">
                        <ul class="nav nav-tabs add-studentlist-tabs">
                            <li class="active"><a data-toggle="tab" href="#success">Success <span class="badge badge-success">{{count($success_list)}}</span></a>
                            </li>
                            <li><a data-toggle="tab" href="#failed">Failed<span class="badge badge-error">{{count($failed_list)}}</span></a></li>
                        </ul>
                        <div class="tab-content">
                            <div id="success" class="tab-pane fade in active">
                                <h3>Success</h3>
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered datatable" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>Question Type</th>
                                                <th>Question</th>
                                                <th>Total Answers</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                    </tbody>
                                    </table>
                                </div>
                            </div>
                            <div id="failed" class="tab-pane fade">
                                <h3>Failed</h3>
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered datatable" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>Question Type</th>
                                                <th>Question</th>
                                                <th>Total Answers</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
            </div>
         </div>
      </div>
   </div>
   <!-- [ Main Content ] end -->
</div>
@endsection


@push('script')

@endpush