@extends('backend.layout.master')

@section('title','Categories-page')



@section('content')

<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Categories</h1>

<!-- Basic Card Example -->
<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
        <h6 class="m-0 font-weight-bold text-primary">Categories</h6>
        <button class="btn float-right btn-primary" data-toggle="modal" data-target="#addcategoryModal">Add category</button>

    </div>
    <!-- <div class="card-body">    The styling for this basic card example is created by using default Bootstrap    </div> -->

      <!-- DataTales Example -->
  <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <!-- <h6 class="m-0 font-weight-bold text-primary">DataTables Example</h6> -->
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>

                                 

                                        <tr>
                                            <th>S.No</th>
                                            <th>Category Name</th>
                                            <th>Slug</th>
                                            <th>Create at</th>
                                            <th>Updated at</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                        <th>S.No</th>
                                            <th>Category Name</th>
                                            <th>Slug</th>
                                            <th>Create at</th>
                                            <th>Updated at</th>
                                            <th>Actions</th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                                                                @foreach($getcatelist as $list)
                                                
                                        <tr>
                                            <td>{{$num++}}</td>
                                            <td>{{$list->name}}</td>
                                            <td>{{$list->slug}}</td>
                                            <td>{{$list->created_at}}</td>
                                            <td>{{$list->updated_at}}</td>
                                            <td><button class="btn btn-sm btn-primary editcategory" id="{{ $list->id }}">Edit</button> <button class="btn btn-sm btn-danger deleteCategory" id="{{$list->id}}">Delete</button></td>
                                        </tr>

                                        @endforeach
                                        
                                     
                                      
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>



    
</div>

@endsection

@include('backend.partials.categoriesModel')

@section('script')

<script type="text/javascript" src="{{asset('backend/partials/category.js')}}"></script>

@endsection