@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">
      <h4 class="text-primary font-weight-bold py-3 mb-0">IMPORT <span class="text-secondary">QUESTIONS</span></h4>
		</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-primary float-right">List</a>
            </div>
            <div class="card-body" id="app">
               <div class="row">
                  @include('common.alert')
					   <div class="col-md-12 text-center">
                        <a href="/downloads/excel-templates/questions_radio_template.xlsx" class="btn btn-secondary">Single Answer
                        </a>
                        <a href="/downloads/excel-templates/questions_checkbox_template.xlsx" class="btn btn-secondary">Multi Answer
                        </a>
                        {{-- <a href="/downloads/excel-templates/questions_blanks_template.xlsx" class="btn btn-secondary">Fill in the Blanks
                        </a> --}}
                        <a href="/downloads/excel-templates/questions_paragraph_template.xlsx" class="btn btn-secondary">Paragraph Questions
                        </a>
                    
                        {!! Form::open(array(
                            'url' => route_client_master('master.exams.question-bank.import'), 
                            'method' => 'POST', 
                            'novalidate'=>'',
                            'name'=>'formUsers ', 
                            'files'=>'true')) !!}
                                                <fieldset class='form-group margintop30'>
                            {{ Form::label('question_type', 'Question Type') }}
                            {{
                            Form::select('question_type',$question_types , null, [
                                'class'=>'form-control', 
                                "id"=>"question_type", 
                                "ng-model"=>"question_type" , 
                                'required'=> 'true'
                                ])
                            }}
                            {!! Form::open(
                                array(
                                'url' => route_client_master('master.exams.question-bank.import'),
                                'method' => 'POST', 
                                'novalidate'=>'',
                                'name'=>'formUsers ', 
                                'files'=>'true'
                                )) !!}
                        </fieldset>
                        <fieldset ng-if="question_type" class='form-group margintop30'>
                            {!! Form::file('excel', array(
                                'class'=>'form-control',
                                'id'=>'excel_input', 
                                'accept'=>'.xls,.xlsx'
                                )) !!}
                        </fieldset>
                        <div ng-if="question_type" class="buttons text-center">
                            <button class="btn btn-lg btn-success button" ng-disabled='!formUsers.$valid'>Upload</button>
                        </div>
                        {!! Form::close() !!}
                  </div>
                  <!-- <div class="col-md-12">
                     <h5>Note:</h5>
                     <ul class="list-group">
                        <li class="list-group-item">
                           Shortcode image <code>&lt;image&gt;PATH/IMAGE.JPG&lt;/image&gt;</code>
                           <br>
                           Example: https://files.stagingnaxeva.online/files/system/logo/naxeva.png
                           <br>
                           Enter: <code>&lt;image&gt;files/system/logo/naxeva.png&lt;/image&gt;</code>
                        </li>
                        <li class="list-group-item">Convert Math: <a href="{{route('tool.math')}}" target="_blank">Here</a></li>
                     </ul>
                  </div> -->
				   </div>
            </div>
         </div>
      </div>
   </div>
   <!-- [ Main Content ] end -->
</div>
@endsection


@push('script')
@include('common.validations')
<script>
    var file = document.getElementById('excel_input');
    file.onchange = function(e){
        var ext = this.value.match(/\.([^\.]+)$/)[1];
        switch(ext)
        {
            case 'xls':
            case 'xlsx':
                break;
            default:
                alert("File Type Not Allowed");
                this.value='';
        }
    };
</script>
@endpush