@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-10">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="text-uppercase mb-0"> Categories</h6>
                                <a class="btn btn-success" href="/admin/category/add/">Add New
                                    Category</a>

                                <a class="btn btn-success" href="/admin/category/upload/">Import Category</a>
                                <a class="btn btn-success" href="/admin/category/exportcsv/">Export as CSV</a>
                            </div>
                            @if ($message = Session::get('status'))
                            <div class="alert alert-success">
                                {{ $message }}
                            </div>
                            @endif
                            <div class="card-body">
                                <table class="table table-striped table-hover card-text" id="rapidDataTable2">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Category Name</th>
                                            <th>Category ID</th>
                                            <th>Parent ID</th>
                                            <th>SubCategory Name</th>
                                            <th>Sort Order</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($categories as $i => $category)
                                        <tr>
                                            <th scope="row">{{$categories->firstItem()+$i}}</th>
                                            <td>{{ $category->parent_id==''?$category->name:'' }}</td>
                                            <td>{{ $category->id }}</td>
                                            <td>{{ $category->parent_id!=0?$category->parent_id:"" }}</td>
                                            <td>{{ $category->parent_id!=''?$category->name:'' }}</td>
                                            <td>{{ $category->sort_order }}</td>
                                            <td><a href="/admin/category/edit/{{$category->id}}">Edit</a>

                                        </tr>
                                        @endforeach


                                    </tbody>
                                </table>
                                <div class="viewing">Showing <strong>{{ $categories->firstItem() }}</strong> to
                                    <strong>{{ $categories->lastItem() }}</strong>
                                    of total <strong>{{$categories->total()}}</strong> entries
                                </div>
                                <div class="pagenumber">{{ $categories->links() }}</div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

        </div>


        @include('admin.common.footer')

        <script>
            $(".removeCategory").click(function() {
                category = $(this).attr("data-id");
                if (confirm("Are you sure to delete this category?")) {

                    window.location.href = "{{$site_url}}/admin/category/remove/" + category;


                }
            });
        </script>