@extends('layouts.admin')
@section('title','FAQs')
@section('css')
<style>
  .disable {
    display: none;
  }
</style>
@endsection
@section('breadcrumb', 'FAQs')
@section('content')
<!--Action boxes-->
<div class="container-fluid">

  <div class="row-fluid">
    <div class="span12">

      <div class="widget-box">
        <div class="widget-title"> <span class="icon"><i class="icon-ok"></i></span>
          <h5>
            All FAQs
            <span for="name" generated="true" class="help-inline wqmessage" style="color: green;"></span>
          </h5>
        </div>
        <div class="widget-content">
          <table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>Question (EN)</th>
                <th>Question (FR)</th>
                <th>Answer (EN)</th>
                <th>Answer (FR)</th>
                <th colspan="2">Action</th>
              </tr>
            </thead>
            <tbody>
              <tr class="odd gradeX">
                @foreach($faqs as $faq)

                <td>{{$faq->question}}</td>
                <td>{{$faq->fr_question}}</td>
                <td>{{$faq->answer}}</td>
                <td>{{$faq->fr_answer}}</td>

                <td class="center"><a href="{{route('faq.edit', ['id'=>$faq->id])}}"><i class="icon-edit"></i></a></td>
                <td class="center"><a href="{{route('faq.destroy', ['id'=>$faq->id])}}" class="delete"><i class="icon-trash"></i></a></td>
              </tr>
              @endforeach
            </tbody>
          </table>


        </div>
      </div>





    </div>


  </div>
</div>
</div>
<!--end-main-container-part-->
@endsection
@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<script>
  $(".delete").click(function(e) {
    e.preventDefault();
    $(".wqmessage").text("");
    c = confirm("Are you sure want to delete this FAQ ?");
    if (c == false)
      return false;
    ele = $(this).closest("tr");
    url = $(this).attr("href");
    axios.delete(url)
      .then(function(response) {
        ele.remove();
        $(".wqmessage").text("FAQ has deleted successfully");
      })
      .catch(function(error) {
        ele.remove();
        $(".wqmessage").text("FAQ has deleted successfully");
      });
  });
</script>
@endsection