@extends('layouts.app_admin')

@section('content')

<!-- sidebar-wrapper  -->
<main class="page-content course_page">
   <div class="container-fluid">
      <div class="breadcrumb1">
         <ul>
            <li><a href="{{ url('/admin-dashboard') }}">Dashboard ></a></li>
            <li><a href="{{ url('faq-list') }}">Faq List ></a></li>
            <li>Add Faq</li>
         </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper add-field">
        @include('admin.session_message.error')
         <form id="add-tendor" action="" method="POST"   >
            @csrf

          <div class="row">
            <div class="col-md-4">
              <label for="pname">Faq Question<span class="maditory_star">*</span></label>
            </div>
            <div class="col-md-8">            
              <textarea type="text" data-rule-required="true" class="form-control editor1" id="faq_question" data-msg-required="Faq Question." placeholder="Faq Question" name="faq_question"></textarea>
            </div>
            <div class="col-md-4"></div>
            <div class="col-md-8">
              <span for="faq_question" class="error_validate"></span>
            </div>
        </div>

           <div class="row">
            <div class="col-md-4">
              <label for="faq_answer">Faq Answer<span class="maditory_star">*</span></label>
            </div>
            <div class="col-md-8">            
              <textarea  data-rule-required="true" class="form-control" id="faq_answer" data-msg-required="Enter Faq Answer." placeholder="Enter Faq Answer." name="faq_answer"></textarea>
            </div>

            <div class="col-md-4"></div>
            <div class="col-md-8">
            <span for="faq_answer_en" class="error_validate"></span>
            </div>
          </div>

            <div class="row">
                <div class="col-md-4">
                <label for="pstatus">Status<span class="maditory_star">*</span></label>
              </div>
              <div class="col-md-8">
                <div class="select-box">
                  <select class="select2" data-rule-required="true"  data-msg-required="Select Status."  id="status" name="status">
                    <option value="">Select Status</option>
                    <option value=0  >Active</option>
                    <option value=1 >Inative</option>
                  </select>
                  <span for="status" class="error_validate"></span>
                </div>
              </div>
            </div>
      
            <div class="row">
              <div class="col-md-8 offset-md-4">
                <div class="text-center form-btn">
                  <button class="common-btn active">Add</button>
                   <a href="{{ url('/faq-list') }}" class="common-btn">Cancel</a>
                 </div>
              </div>
            </div> 

         </form>
      </div>
   </div>
   <!-- container fluid -->
</main>
<!-- page-content" -->
</div>
<!-- page-wrapper -->
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>
<script src="https://cdn.ckeditor.com/4.11.3/standard/ckeditor.js"></script>

  <script type="text/javascript">
   $('#add-tendor').validate({
       ignore: [],
       onfocusout: function(element) {
       this.element(element);
       },
       errorClass: 'error_validate',
       errorElement:'span',
       highlight: function(element, errorClass) {
       $(element).removeClass(errorClass);

       },
       submitHandler:function(form)
       {
   
      $('#page_sub_btn').prop("disabled", true);
      form.submit();
       }
   });


$(function() {
      // turn the element to select2 select style
    CKEDITOR.replace( 'faq_question');
    CKEDITOR.replace( 'faq_answer');
    
    });




CKEDITOR.on('instanceReady', function () {
    $.each(CKEDITOR.instances, function (instance) {
        CKEDITOR.instances[instance].document.on("keyup", CK_jQ);
        CKEDITOR.instances[instance].document.on("paste", CK_jQ);
        CKEDITOR.instances[instance].document.on("keypress", CK_jQ);
        CKEDITOR.instances[instance].document.on("blur", CK_jQ);
        CKEDITOR.instances[instance].document.on("change", CK_jQ);
        CKEDITOR.instances[instance].document.on("click", CK_jQ);
    });
});

function CK_jQ() {
    for (instance in CKEDITOR.instances) {
        CKEDITOR.instances[instance].updateElement();
    }
}

  


</script>
@endsection
<!-- Footer -->