@extends('layouts.admin')
@section('title','Questions')
@section('css')
<style>
    .disable{
        display: none;
    }

</style>
@endsection
@section('breadcrumb', 'Questions')
@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 Questions</h5>
            <div class="buttons">

            

             

            </div>

          </div>
          <div class="widget-content">
<table class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th>Question For</th>
                  <th>Service (EN)</th>
                  <th>Service (FR)</th>
                  <th>Questions (EN)</th>
                  <th>Questions (FR)</th>
                  <th colspan="2">Action</th>

                </tr>
              </thead>
              <tbody>
                <tr class="odd gradeX">
                  @foreach($question as $data)
                  <td>{{$data->questionfor}}</td>
                  <td>{{$data->service->serviceName ?? '-----'}}</td>
                  <td>{{$data->service->fr_serviceName ?? '-----'}}</td>
                  <td>{{$data->question}}</td>
                  <td>{{ $data->fr_question != '' ? $data->fr_question:"-----" }}</td>
                  <td class="center"><a href="{{route('question.edit', ['id'=>$data->id])}}" ><i class="icon-edit"></i></a></td>

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


                      </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();
              c = confirm("Are You sure");
              if(c == false)
              return false;
              ele = $(this).closest("tr");
              url = $(this).attr("href");
              axios.delete(url)
  .then(function (response) {
    ele.remove();
  })
  .catch(function (error) {

    ele.remove();
  });

            });

            </script>
              @endsection