@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">

    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page">All Category</li>

                </ol>
            </nav>
        </div>

        <div class="ms-auto">
            @if (Auth::user()->can('category.add'))
            <div class="btn-group">
                <a href="{{ route('add.category') }}" class="btn btn-primary px-5">Add Category </a>  
            </div>
            @endif
        </div>
    </div>
    <!--end breadcrumb-->

 
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                {{--<table id="example" class="table table-striped table-bordered" style="width:100%"> --}}
                <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                   
                    <thead>
                        <tr>
                            <th>Sl</th>
                            <th>Category Image </th>
                            <th>Category Name</th> 
                            <th>Status  </th> 
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>

                        @foreach ($category as $key=> $item) 
                         
                        <tr>

                            <td>{{ $key+1 }}</td>
                            <td> <img src="{{ (!empty($item->image)) ? asset($item->image) : url('upload/no_image.jpg')}}" alt="" style="width: 70px; height:40px;"> </td>
                           
                            
                            <td>{{ $item->category_name }}</td> 

                            <td> 
                                @if($item->status == 1)
                                <span class="badge rounded-pill bg-success">Active</span>
                                @else
                                <span class="badge rounded-pill bg-danger"> Deactivated </span>
                                @endif
                            </td>


                            <td>
                                <a href="{{ route('edit.category',$item->id) }}" class="btn btn-info px-5">Edit </a>
                                
                                
                          
                                @if($item->status == 1)
                                  
                                  @if (Auth::user()->can('category.deactivate'))
                                     <a href="{{ route('category.inactive', $item->id) }}" class="btn btn-lg btn-secondary mx-1" title="Deactivate Category"> <i class="ri-thumb-down-line"> </i> </a> 
                                  @endif
                                
                                @else
                                   
                                   @if (Auth::user()->can('category.activate')) 
                                     <a href="{{ route('category.active', $item->id) }}" class="btn btn-lg btn-primary mx-1 " title="Activate Category"> <i class="ri-thumb-up-line"></i> </a>
                                   @endif
                                   
                                @endif
                        


                                @if (Auth::user()->can('category.delete'))
                                  <a href="{{ route('delete.category',$item->id) }}" class="btn btn-danger px-5" id="delete">Delete </a>                     
                                @endif


                            </td>

                        </tr>

                        @endforeach

                    </tbody>

                </table>
            </div>
        </div>
    </div>




</div>




@endsection