@extends('admin/layouts.master')
@section('title', 'Mock Questions- Admin')
@section('body')

@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif
<section class="content">
  @include('admin.message')
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">   
      <!-- general form elements -->
      @php
        $quesionnumber=App\MockQuestions::where('topic_id', $topic->id)->where('subcategory', $topic->subcategory)->where('child_category', $subject)->get();
        $wordCount = $quesionnumber->count();
        $questionnum = $quesionnumber->count();
        $topicname=App\MockTestTopic::where('id', $topic->id)->first();
        $subname=App\ChildCategory::where('id', $subject)->first();
      @endphp
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title" style="font-weight:800;"> {{$topicname->title}} - {{$subname->title}}-<span></span><span style="color:red;">Add - Question No. {{++$wordCount}}</span></h3>
        </div>         
          <div class="box-body">
            <div class="form-group">
              <form id="demo-form2" method="POST" action="{{url('admin/mock-questions-store')}}" >
                                {{ csrf_field() }}
                        <input type="hidden" name="topic_id" value="{{$topic->id}}"  />
                        <input type="hidden" name="sub_category" value="{{$topic->subcategory}}"  />
                        <input type="hidden" name="child_cat" value="{{$subject}}"  />
                         <input type="hidden" name="type" value="0" id="type">
                         <input type="hidden" name="que_num" value="{{++$questionnum}}" >

                @php
                    $lastdirection=App\MockQuestions::where('topic_id', $topic->id)->where('child_category', $subject)->orderBy('id', 'DESC')->first();
                @endphp
                                <div class="row"> 
                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">Direction</label>
                                    <textarea name="direction" id="direction"   class="form-control" >@if(isset($lastdirection)){{$lastdirection->direction}}@endif @if(!isset($lastdirection)) 0 @endif </textarea>
                                    <br>
                                                   
                                  </div>


                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">{{ __('adminstaticword.Question') }}</label>
                                    <textarea name="question" id="details"  rows="8" class="form-control" placeholder="Enter Your Question" ></textarea>
                                    <br>
                                                   
                                  </div>
                              </div>
                                </div>
                             
                             
                             <div class="row">
         
                                       <input  type="button" value="Ojective" style="float: right;" class="btn btn-primary" id="button" onclick="showhide()">  

                             </div>
 
                         
                                <br>

                                
                                  
                              <div class="row" id="objective"> 

                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">OPTION A</label>
                                    <textarea name="a" id="details1"  rows="4" class="form-control" placeholder="Enter Your Question" ></textarea>
                                    <br>
                                                   
                                  </div>


                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">OPTION B</label>
                                    <textarea name="b" id="details2"  rows="4" class="form-control" placeholder="Enter Your Question" ></textarea>
                                    <br>
                                                   
                                  </div>
                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">OPTION C</label>
                                    <textarea name="c" id="details3"  rows="4" class="form-control" placeholder="Enter Your Question" ></textarea>
                                    <br>
                                                   
                                  </div>


                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">OPTION D</label>
                                    <textarea name="d" id="details4"  rows="4" class="form-control" placeholder="Enter Your Question" ></textarea>
                                    <br>
                                  </div>
                                  
                                   <div class="col-md-6">
                                          <label for="exampleInputDetails">{{ __('adminstaticword.Answer') }}:<sup class="redstar">*</sup></label>
                                            <select style="width: 100%" name="answer" class="form-control js-example-basic-single" id="answerobj">
                                              <option  value="A">{{ __('adminstaticword.A') }}</option>
                                              <option  value="B">{{ __('adminstaticword.B') }}</option>
                                              <option value="C">{{ __('adminstaticword.C') }}</option>
                                              <option  value="D">{{ __('adminstaticword.D') }}</option>
                                            </select>
                                    </div>
                            </div>
                                <br>

                                 <div class="row" id="tita" style="display: none;">  
                                   <div class="col-md-6">
                                          <label for="exampleInputDetails">{{ __('adminstaticword.Answer') }}:<sup class="redstar">*</sup></label>
                                           <input type="text" name="answer" id="answertita"  class="form-control" placeholder="Enter Answer">
                                    </div>
                              </div>

                              <br>
                              
                              
                              <div class="col-md-12">
                                    <label for="exampleInputTit1e">Solutions</label>
                                    <textarea name="solution" id="details5"  rows="8" class="form-control" placeholder="Enter Your Question" ></textarea>
                                    <br>
                                  </div>
                              
                               <input type="hidden" name="answer" id="finalans">
                               
                              
                                <div class="box-footer">
                                  <button type="submit" class="btn btn-md col-md-3 btn-primary">{{ __('adminstaticword.Submit') }}</button>
                                </div>
                              </form>
       
          </div>
          <!-- /.box -->
      </div>
      <!-- /.box -->
    </div>
    <!--/.col (right) -->
  </div>
  <!-- /.row -->
</section> 
@endsection

@section('scripts')
 
<script>
    tinymce.init({
      selector: '#details, #details1, #details2, #details3, #details4, #details5', 
              images_upload_url: 'postAcceptor.php',
              remove_linebreaks : true,
              apply_source_formatting : true,
      automatic_uploads: false,
      plugins: ' bullist table lists media image fullscreen',
   
      toolbar: 'undo redo | bold | italic | underline | equation | strikethrough | superscript | subscript | table | image | fontselect fontsizeselect formatselect  | alignleft aligncenter alignjustify | numlist bullist checklist | forecolor backcolor casechange permanentpen formatpainter removeformat | pagebreak |  insertfile image media  template link anchor codesample |  pageembed fullscreen',
      toolbar_mode: 'floating',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name'
      
     
    });

    tinymce.init({
      selector: '#direction, #details',
              images_upload_url: 'postAcceptor.php',
      automatic_uploads: false,
      plugins: ' bullist table lists media image fullscreen',
   
      toolbar: 'undo redo | bold | italic | underline | equation | strikethrough | superscript | subscript | table | image | fontselect fontsizeselect formatselect  | alignleft aligncenter alignjustify | numlist bullist checklist | forecolor backcolor casechange permanentpen formatpainter removeformat | pagebreak |  insertfile image media  template link anchor codesample |  pageembed fullscreen',
      toolbar_mode: 'floating',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name'
      
     
    });
  </script>
  <script>  
        function showhide() 
        {  
            var div = document.getElementById("objective");
            var tita = document.getElementById("tita");   
            if (div.style.display !== "none") {  
                div.style.display = "none";
                tita.style.display = "block"; 
                document.getElementById("button").value = "Tita";
                document.getElementById("type").value = "1";
            }  
            else {  
                div.style.display = "block";
                tita.style.display = "none";  
                document.getElementById("button").value = "Ojective";
                document.getElementById("type").value = "0";
            }  
        }



    $(function() {
            
    $('#answerobj').change(function() 
        {
          var cat_id = $(this).val();
      document.getElementById("finalans").value = cat_id;   
      
        });
    });

    $(function() {
            
    $('#answertita').blur(function() 
        {
          var cat_id = $(this).val();
      document.getElementById("finalans").value = cat_id;   
      
        });
    });

    </script> 
@endsection