@extends('layouts.app-admin')
@section('content')

<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Category</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Categories</li>
            <li class="breadcrumb-item active">Category List</li>
        </ol>
    </div>

       <div class="card">
        <h6 class="card-header bg-dark text-white">Category List
        <a href="{{url('admin/category/create')}}" class="btn btn-success btn-sm  btn-round float-right" ><i class="feather icon-plus"></i> Add Category</a>
        </h6>
             
        <div class="card-datatable table-responsive">
            <table class="datatables-demo table table-striped table-bordered">
                <thead>
                    <tr>
                        <!-- <th>Sr. No.</th> -->
                        <th>Sorting</th>
                        <th>Img</th>
                        <th>Title</th>
                      
                        
                        <!-- <th>Parent Id</th> -->
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($getcategory as $key=>$row)
                    <tr class="">
                        <!-- <td>{{$key+1}}</td> -->
                        <td>{{$row->sort}}</td>
                        <td> @if($row->img)
                        <img src="{{url('media/category/'.@$row->img)}}" alt="" class="d-block ui-w-10 rounded-circle mb-3" style="width:60PX">
                        @else
                        <img src="{{url('adminAssets/assets/img/default.png')}}" alt="" class="d-block ui-w-10 rounded-circle mb-3"  style="width:60PX">
                        @endif
                        </td>
                        <td>{{$row->title}}</td>
                       
                        <!-- <td>{{@$row->parent->title}}</td> -->
                          <td>  @if($row->status=='active')
                          <a href="{{url('admin/category/status/'.$row->id.'/inactive')}}" >
                        <span class="badge badge-success">Active</span> </a>
                        @else
                        <a href="{{url('admin/category/status/'.$row->id.'/active')}}" >
                        <span class="badge badge-danger">In-Active</span> </a>
                        @endif
                        </td>
                        <td>
                            <a href="{{url('admin/category/'.$row->id.'/edit')}}" class="btn btn-info btn-xs"><i class="feather icon-edit"></i> </a> 
                            <a href="javaScript:void(0)" class="btn btn-danger btn-xs delete" id="{{$row->id}}"><i class="feather icon-trash"></i> </a>  
                        </td>
                    </tr>
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>

</div>
<!-- [ content ] End -->
@endsection


@section('script')

<script>

 $(document).on("click", ".delete", function () {
    var record_id = this.id;
    deletePopupMessageAjax(
            "Deleting Category",
            "Are you sure want to delete this Category?",
            record_id,
            "{{url('admin/category')}}/"+record_id
            );
    });


</script>
@endsection