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

</style>
@endsection
@section('breadcrumb', 'Services')
@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 Services</h5>
          </div>
          <div class="widget-content">
<table class="table table-bordered table-striped">
              <thead>
                <tr>        
                  <th>Service (EN)</th>
                  <th>Service (FR)</th>
                  <th>Category</th>
                  <th>Sub category</th>
                 
                  <th colspan="3">Action</th>

                </tr>
              </thead>
              <tbody>
                <tr class="odd gradeX">
                  @foreach($services as $data)

                  <td>{{$data->serviceName}}</td>
                  <td>{{ $data->fr_serviceName != '' ? $data->fr_serviceName:"-----" }}</td>
                  <td>{{$data->category->categoryName ?? ''}}</td>
                  <td>{{$data->subcategory->subcategoryName ?? ''}}</td>
                  <td class="center"> <div class="buttons"><a class="btn btn-inverse btn-mini" href="{{route('questionset',['id'=>$data->id])}}"><i class="icon-eye-open"></i> Questions</a></div></td>
                  <td class="center"><a href="{{route('services.edit', ['id'=>$data->id])}}" ><i class="icon-edit"></i></a></td>
                  <td class="center"><a href="{{route('services.destroy', ['id'=>$data->id])}}" class="delete"><i class="icon-trash"></i></a></td>
                </tr>
                @endforeach
              </tbody>
            </table>
            {{ $services->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