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

@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<section class="content">
  @include('admin.message')
  <div class="row">
    <!-- left column -->
    <div class="col-md-12"> 
    @php
        $quesionnumber=App\TopicQuestion::where('topic_id', $topic->id)->where('sub_category', $topic->subcategory)->where('child_cat', $topic->child_category)->get();
        $wordCount = $quesionnumber->count();
        $topicname=App\TopicviseTest::where('id', $topic->id)->first();
        $subname=App\ChildCategory::where('id', $topic->child_category)->first();
      @endphp
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title" style="font-weight:800;"> {{$topicname->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/topic-questions-store')}}" >
                                {{ csrf_field() }}

                        <input type="text" name="topic_id" value="{{$topic->id}}"  />
                        <input type="hidden" name="difficulty_level" value="{{$subject}}"  />
                        <input type="text" name="sub_category" value="{{$topic->subcategory}}"  />
                        <input type="text" name="child_cat" value="{{$topic->child_category}}"  />
                        <input type="text" name="subcild_cat" value="{{$topic->subchild_category}}"  />
                        <input type="text" name="type" id="type" value="0"  />

                                 @php
                                    $lastdirection=App\TopicQuestion::where('topic_id', $topic->id)->where('sub_category', $topic->subcategory)->where('child_cat', $topic->child_category)->orderBy('id', 'DESC')->first();
                                @endphp
                                 <div class="row"> 
                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">Direction</label>
                                    <textarea name="direction" id="direction"  rows="6" class="form-control" placeholder="Enter Your Question" >
                                        
                                        @if(isset($lastdirection))
                                         {{$lastdirection->direction}}
                                        @endif
                                    </textarea>
                                    <br>
                                                   
                                  </div>


                                  <div class="col-md-6">
                                    <label for="exampleInputTit1e">{{ __('adminstaticword.Question') }}</label>
                                    <textarea name="question" id="details5"  rows="6" 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="6" 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="6" 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="6" 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="6" 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>

                              
                               <input type="hidden" name="answer" id="finalans">
                               
                               
                                <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>
                              
                                <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>
                                                    (function($) {
                                                      "use strict";
                                                        tinymce.init({selector:'#details'});
                                                    })(jQuery);
                                                    </script>
<script>
    tinymce.init({
      selector: '#details, #details1, #details2, #details3, #details4, #details5', 
              images_upload_url: 'postAcceptor.php',
              remove_linebreaks : false,
              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