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

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

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

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