@extends('layouts.app')
<script type="text/javascript">
    localStorage.setItem('modulename', '');
    localStorage.setItem('pagename', 'leftmenu_category');
</script>

@section('content')
    <div class="content-header row">
        <div class="content-header-left col-12 mb-2 mt-1">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h5 class="content-header-title float-left pr-1 mb-0">{{trans('app.category')}}</h5>
                    <div class="breadcrumb-wrapper col-12 p-0">
                        <ol class="breadcrumb p-0 mb-0 float-left">
                            <li class="breadcrumb-item"><a href="{{route('category.index')}}">
                                    <i class="bx bx-home-alt"></i></a>
                            </li>
                            <li class="breadcrumb-item active">{{trans('app.list')}}</li>
                        </ol>
                        <a href="{{route('category.add')}}" class="btn btn-outline-primary float-right"><i
                                class="bx bx-plus"></i>{{trans('app.add')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-striped mb-0 " id="category-table"
                                       style="width:100%">
                                    <thead>
                                    <tr>
                                        <th class="hidden"></th>
                                        <th class="">{{trans('category.title')}}</th>
                                        <th class="">{{trans('category.image')}}</th>
                                        <th class="">{{trans('app.created_at')}}</th>
                                        <th class="">{{trans('app.action')}}</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('pagestyle')
    @include('stacks.css.datatables')
@endpush
@push('pagescript')
    @include('stacks.js.datatables')
    @include('stacks.js.modules.category.index')
@endpush