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

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

                  <th colspan="2">Action</th>

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

                  <td>{{$data->skillName}}</td>
                  <td>{{ $data->fr_skillName != '' ? $data->fr_skillName:"-----" }}</td>
                                      <td>N/A</td>
                  
                  <td class="center"><a href="{{route('skill.edit', ['id'=>$data->id])}}" ><i class="icon-edit"></i></a></td>
                  <td class="center"><a href="{{route('skill.destroy', ['id'=>$data->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();
              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