@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page"><a href="javascript:void(0)">Package Management</a></li>
							<li class="breadcrumb-item" aria-current="page"><a href="{{route('admin.practice_set.chapter.list', base64_encode($chapterDetails->practice_set_id))}}">Practice Set Chapter</a></li>
							<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Question</a></li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
            <h1>Question</h1>

            <!-- Table -->
            <div class="card">
              <div class="steps-wrap">
                
                <div class="card-header">
                  <h2>Import From XLS</h2>
                  <div class="filter-group">
                    <a href="{{route('admin.practice_set.chapter.question.download_sample_xls', base64_encode($chapterDetails->id))}}"><button type="button" class="btn btn-primary btn-pill btn-streach font-book mt-7 fs-14 download_sample_xls"> Download sample file </button></a>
                  </div>
                </div>
                <div class="card-body">
                  
                 <!-- CHANGE THE ACTION TO THE PHP SCRIPT THAT WILL PROCESS THE FILE VIA AJAX -->
                  <form id="excel_import_frm" action="">
                    <div class="file-upload-form">
                    <input id="file-upload" type="file" name="fileUpload" class="file_upload" />
                    <label for="file-upload" id="file-drag">
                      <img src="{{asset('admin/images/file-upload.svg')}}" alt="">
                     <h2>Drop a Excel File Here</h2>
                      <p>Note: At a time you can upload a file of 100 question </p> 
                     
                      <button type="button" id="file-upload-btn" class="btn btn-primary btn-streach font-book fs-14  ">Select file</button> 
                    </label>
                    </div>                  
                  
                  </form>

                  <!-- Accordian -->
                    <div class="panel-group1 mt-6" id="accordion2">
                      <div class="panel panel-default mb-4 panel2">
                        <div class="panel-heading1 ">
                          <h4 class="panel-title1">
                            <a class="accordion-toggle collapsed imported_file" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour" aria-expanded="false">
                              Uploaded file history<span> <svg class="delete delete_history" data-id="3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="24" height="24" fill="none"/><path d="M11,22A11,11,0,1,1,22,11,11.012,11.012,0,0,1,11,22ZM9.115,8.555a.962.962,0,0,0-.943.979v4.888a.962.962,0,0,0,.943.978h3.771a.962.962,0,0,0,.943-.978V9.534a.962.962,0,0,0-.943-.979ZM8.172,7.088a.489.489,0,0,0,0,.978h5.656a.489.489,0,0,0,0-.978H12.65l-.334-.346a.468.468,0,0,0-.33-.142H10.014a.468.468,0,0,0-.33.142l-.334.346Z" transform="translate(1 1)" fill=""/></svg></span>
                            </a>
                          </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                          <div class="panel-body">
                            <div class="table-responsive">
                              <table class="table card-table table-vcenter text-nowrap outline-border tbl-gr-acrdn">
                                <thead>
                                  <tr>
                                    <th>Upload File</th>
                                    <th>Uploaded By</th>
                                    <th>Ip Address</th>                                    
                                    <th>Date & Time</th>                                    
                                    <th>Result</th>                                    
                                    <th>Action</th>                                    
                                  </tr>
                                </thead>
                                <tbody id="upload_file_data">  
                                  @if(count($importHistory)>0)
                                    @foreach($importHistory as $history)
                                      <tr>
                                        <th>{{$history->filename}}</th>
                                        <th>{{$history->import_by}}</th>
                                        <th>{{$history->ip_address}}</th>                                    
                                        <th>{{date('d-m-Y H:i:s', strtotime($history->created_at))}}</th>                                    
                                        <th>{{$history->details}}</th>                                    
                                        <th><a href="javascript:void(0)" class="action-btn reverse delete_single_history" data-id="{{base64_encode($history->id)}}"><img src="{{asset('admin/images/bin.svg')}}" alt="" /></a></th>                                    
                                      </tr>
                                    @endforeach
                                  @else
                                    <tr >
                                      <td colspan="6">No data found...</td>
                                    </tr>
                                  @endif                           
                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>                    
                    </div>
                    
                    <div class="test-footer">
                    <a href="{{route('admin.practice_set.chapter.question.list', base64_encode($chapterDetails->id))}}"><button class="btn btn-outline-primary btn-pill btn-streach font-book mt-7 fs-14"> Back </button></a>
                    <button class="btn btn-primary btn-streach font-book mt-7 fs-14  ml-3 upload_import" data-toggle="modal" data-target="#uploadData">
                      Upload &amp; Next
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<link href="{{asset('admin/plugins/drag-drop-upload/drag-drop-upload.css?v='.time())}}" rel="stylesheet" />
<script type="text/javascript">
	var practice_set_question_import = "{{route('admin.practice_set.chapter.question.import', base64_encode($chapterDetails->id))}}"; 
  var practice_set_question_import_save = "{{route('admin.practice_set.chapter.question.import_save', base64_encode($chapterDetails->id))}}"; 
  var ps_chapter_question_data = "{{route('admin.practice_set.chapter.question.list', base64_encode($chapterDetails->id))}}"; 
</script>
<script type="text/javascript" src="{{asset('js/practice_set_chapter_question.js?v='.time())}}"></script>
<!-- <script src="{{asset('admin/plugins/drag-drop-upload/drag-drop-upload.js')}}"></script>-->
@endsection