@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">Package Management</li>
							<li class="breadcrumb-item" ><a href="{{route('admin.quiz.list')}}">Quiz Management</a></li>
							<li class="breadcrumb-item active" aria-current="page">Add Quiz</li>
						</ol>
					</div>
            <h1>Add Quiz Details</h1>
            @if(Session::has('errors'))
      				<div class="alert alert-danger" style="background: none; border: none;">
      					<ul class="form_validation_error">
      			            @foreach ($errors->all() as $error)
      			                <li  style="color: #f00">{{ $error }}</li>
      			            @endforeach
      			        </ul>
      				</div>
			      @endif
            <!-- Add test Package -->
            <form action="{{route('admin.quiz.add')}}" method="post" id="quiz_add_frm">
            	{{csrf_field()}}
            <div class="card">
              <div class="card-body">
                <div class="row">
                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="packageName" class="form-label" >Quiz Name <span class="text-danger">*</span></label >
                      <input type="text" id="quiz_name" name="quiz_name" class="form-control form_input" placeholder="Enter Quiz Name" value="{{old('quiz_name')}}" 
                      />
                    </div>
                  </div>
                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="examType" class="form-label" >Exam Type<span class="text-danger">*</span><img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"data-placement="right" title="Specify a name for your exam. For E.g. SSC" alt="info"/></label >
                      <select class="form-control form_input" id="exam_type" name="exam_type" >
                      		<option value="" >Exam Type</option>
                        @if($examTypes)
	                    		@foreach($examTypes as $types)
	                    		    <option value="{{$types->id}}"  @if(request()->post('exam_type') == $types->id){{'selected'}}@endif>{{$types->exam_type}}</option>
	                    		@endforeach
		                    @endif
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="examType" class="form-label" >Internal Coaching<span class="text-danger">*</span><img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"data-placement="right"  alt="info"/></label >
                      <select class="form-control form_input" id="internal_coaching_id" name="internal_coaching" >
                          <option value="" >Internal Coaching</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                        <label for="examType" class="form-label">Subject <span class="text-danger">*</span></label>
                        <select name="subject[]" id="subject" class="js-ExamType form-control form_input" multiple="multiple">
                            <option value="">Select Subject</option>
                        </select>
                      </div>
                  </div>


                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="examType" class="form-label" >Difficulty Level<span class="text-danger">*</span><img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"data-placement="right" title="Assign Degree of difficulty for your test" alt="info"/></label>
                      <select class="form-control form_input" id="difficulty_level" name="difficulty_level">
                        	<option value="" >Difficulty Level</option>
		                    <option value="1"  @if(request()->post('difficulty_level') == 1){{'selected'}}@endif>Easy</option>
		                    <option value="2"  @if(request()->post('difficulty_level') == 2){{'selected'}}@endif>Medium</option>
		                    <option value="3" @if(request()->post('difficulty_level') == 3){{'selected'}}@endif >Hard</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="examType" class="form-label" >Faculty<img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"data-placement="right" title="Select desired faculty to give credits for building the test" alt="info"/></label >
                      <select class="form-control" id="faculty" name="faculty">
                        <option value="" >Faculty</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="packageName" class="form-label" >Quiz Duration  (in Mins)<span class="text-danger">*</span></label >
                      <input type="text" id="duration" name="duration" class="form-control form_input" placeholder="Quiz Duration" value="{{old('duration')}}" 
                      />
                    </div>
                  </div>

                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="examType" class="form-label" >Language<span class="text-danger">*</span></label >
                      <select class="form-control form_input" id="language" name="language">
                          <option value="" >Language</option>
                        <option value="1" >English</option>
                        <option value="2" >Hindi</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 col-lg-12">
                    <div class="form-group">
                      <label for="examType" class="form-label" >Randomized Order<span class="text-danger">*</span></label >
                      
                      <label class="custom-control custom-radio">
                              <input type="radio" class="custom-control-input" name="random_order" value="1" checked="checked">
                              <span class="custom-control-label">Auto</span>
                      </label>
                      <label class="custom-control custom-radio">
                              <input type="radio" class="custom-control-input" name="random_order" value="2" >
                              <span class="custom-control-label">Manual</span>
                      </label>
                    </div>
                  </div>


                  <div class="accordion-content col-lg-12">
                    <div class="panel-group1" id="accordion2">
                      <!-- panel 2 -->
                      <div class="panel panel-default mb-4">
                        <div class="panel-heading1 ">
                          <h4 class="panel-title1">
                            <a class="accordion-toggle collapsed"  data-toggle="collapse"
                              data-parent="#accordion2" href="#collapseFive" aria-expanded="false" >Seo Option</a>
                          </h4>
                        </div>
                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                          <div class="panel-body">
                            <div class="form-group">
                              <label for="" class="form-label">Seo Title <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"data-placement="right" title="Add a package title to rank higher on google search results. This title is SEO-Specific and should be similar to the package title." alt="info"/></label>
                              <input type="text" class="form-control" name="seo_title" placeholder="Package title will be selected as default if left blank."/>
                            </div>
                            <div class="form-group">
                              <label for="" class="form-label"
                                >Description</label
                              >
                              <textarea class="form-control" name="seo_desc"  id="" cols="" rows="5" placeholder="Add a description in less than 160 characters"
                              ></textarea>
                            </div>
                            
                            <div class="form-group">
                              <label for="" class="form-label">Keywords <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"data-placement="right" title="Anything searched on a search engine, whether a single word or a phrase, is considered a keyword." alt="info"/></label>
                              <input type="text" name="seo_keywords" class="form-control" placeholder="IBPS Test, RRB NTPC Mock Test, SBI PO Test Etc." />
                            </div>
                          
                        </div>
                      </div>
                      <!-- Panel 2 end -->
                    </div>
                  </div>
                </div>
               <div class="test-footer">
                <a href="{{route('admin.quiz.list')}}" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Cancel</a>
                <button class="btn btn-primary btn-streach font-book mt-6 fs-14 quiz_add_submit" id="">Create</button>
                
                </div>
              </div>
          	</form>
            </div>
            <!-- //Add test practice set -->
            <!--// MAIN BODY CONTENT -->
		</div>
	</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/quiz.js?v='.time())}}"></script>
@endsection