@extends('dashboard.layouts.main')

@section('title', getSiteName() . ' - Dashboard - Product Categories')

@section('content')
    <div class="pc-content">
        <!-- [ Main Content ] start -->
        <div class="row pt-0">
            <div class="page-header-title">
                <h2 class="mb-4">{{ __('Product Categories') }}</h2>
            </div>
        </div>
        <!-- [ Main Content ] end -->
        <div class="row">
            <!-- Both borders table start -->
            <div class="col-12">
                <div class="action-button mb-3">
					@can('add articles')
                    <a href="{{ route('shop-categories-add') }}" type="submit" class="btn btn-primary me-2 w-auto">{{ __('Add New Category') }}</a>
					@endcan
                </div>
                <div class="card">
                    <div class="card-body table-border-style">
                        <div class="table-responsive">
							@if($categories->isNotEmpty())
							<table class="table table-bordered nowrap dataTable">
                                <thead>
                                <tr>
                                    <th class="sorting @if(request()->sort == 'title') sorting_{{request()->order}} @endif" data-sort="title">{{ __('Title') }}</th>
									<th width="20" class="sorting @if(request()->sort == 'sort_order') sorting_{{request()->order}} @endif" data-sort="sort_order">{{ __('Sort Order') }}</th>
									@can('delete articles')
									<th width="20">{{ __('Delete') }}</th>
									@endcan
                                </tr>
                                </thead>
                                <tbody>
									@foreach($categories as $category)
                                    <tr>
                                        <td><a href="{{ route('shop-categories-edit', $category->id) }}" title="Edit {{ $category->getInfo()->title }}">{{ $category->getInfo()->title }}</a></td>
										<td>{{ $category->sort_order }}</td>
										@can('delete articles')
										<td style="text-align: center;"><a class="delete" href="{{ route('shop-categories-delete', $category->id) }}"><i class="fa fa-trash"></i></a></td>
										@endcan
									</tr>
									@endforeach
                                </tbody>
                            </table>
							<div class="datatable-bottom @if(!$categories->hasPages()) d-flex justify-content-start @endif">
                                <div class="datatable-info">Showing <strong>{{ $categories->count() }}</strong> of <strong>{{ $categories->total() }}</strong> categories</div>
                                @if($categories->hasPages())
                                    {{ $categories->onEachSide(0, 2)->links('dashboard.partials.pagination') }}
                                @endif
                            </div>
							@else
								<p>{{ __('Categories not found.') }}</p>
							@endif
                        </div>
                    </div>
                </div>
            </div>
            <!-- Both borders table end -->
        </div>
    </div>
@endsection
@section('footer-scripts')
	<script src="{{ asset('assets/js/plugins/flatpickr.min.js') }}"></script>
    <script>
        $('.delete').on('click', function(){
            if (confirm("Do you really want to delete this category?")) {
                return true;
            }
            return false;
        });
		(function () {
			$('.flatpickr-input').flatpickr({
				enableTime: false,
				noCalendar: false,
				time_24hr: true
			});
		})();
		$('.openFilter').on('click', function(){
			$('.filterBox').toggleClass('d-none');
		});
    </script>
@endsection