@extends('layouts.app',['dashBoardTitle'=>'Update FAQ'])
@php
use App\Master\Master_Emirates;
$details=Master_Emirates::get_emirates();
@endphp
@section('content')
<div class="container mt-4">
  @if(session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
  @endif

  @if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
  @endif

    <div class="card-body clr-al col-sm-8 offset-sm-2">
      <p><span style=color:red>Note:</span> All fields are mandatory</p>
      <form name="add-blog-post-form" id="add-blog-post-form" method="post" action="{{URL::to('page_help/update')}}">
       @csrf
        
        <div class="form-group">
          <label class="bold pad-al" for="slug">{{trans('Slug')}} </label>
          <input name="slug" class="form-control"  value="{{$faq[0]->slug}}" disabled>
          <input type="hidden" name="id" class="form-control"  value="{{$faq[0]->id}}">
        </div>
        
        <div class="form-group">
          <label class="bold pad-al" for="question">{{trans('Question')}} </label>
          <input name="question" class="form-control" required  value="{{$faq[0]->question}}">
        </div>
       
        <div class="form-group">
          <label class="bold pad-al" for="answer">{{trans('Answer')}} </label>
          <textarea id="faqId" name="answer" rows="6" class="form-control" required >{{$faq[0]->answer}}</textarea>
        </div>
      
        <div id="faq"></div>
        <br/>
       
       <br/>
        <div class="p-2">
        
        <button type="submit" class="btn btn-success float-right">{{trans('Submit')}}</button>
        </div>
      </form>
    </div>
  </div>
</div> 
</div>
<script src="https://cdn.tiny.cloud/1/uan1sqbk5wp4x9rfuu5n0798n26f1otkk7hn5csbywi6hywr/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
      $(document).ready(function () {
        let number = 2;
        $('#addmore').click(function(){

          var element = "<div id='id_"+number+"' class='mt-2'><hr/><div class='form-group'><label class='bold pad-al' >{{trans('Question')}} </label><input name='faq["+number+"][question]' class='form-control'  value=''></div><div class='form-group'><label class='bold pad-al' for='question'>{{trans('Answer')}} </label><textarea rows='6' name='faq["+number+"][answer]' class='form-control' required> </textarea></div><i class='deleteRow fa fa-trash-alt' data-id='"+number+"'></i></div>";
          number += 1;
          $('#faq').append(element);

        })

        $('body').delegate(".deleteRow", "click", function(){
          
          var element = $(this).data('id');
          $("#id_"+element).remove();
        })
      });

      tinymce.init({
      selector: '#faqId',
      plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ],
    });
  </script>
@endsection