@extends('admin.layout.master')
@push('css')
    <link href="//cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">

@endpush
@section('content')

    <div class="content-body">
        <!-- Column selectors with Export Options and print table -->
        <section id="column-selectors">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                        </div>
                        <div class="card-content">
                            <div class="card-body card-dashboard">

                                <div class="table-responsive">
                                    @if(auth()->user()->hasPermission('create_categories'))
                                        <a href="{{route('categories.create')}}" style="float: left" class="btn btn-info btn-sm">
                                            <i class="fa fa-plus"></i>
                                            @lang('admin.add_categories')
                                        </a>
                                    @else
                                        <button style="float: left" class="btn btn-info btn-sm disabled"> <i class="fa fa-plus"></i>@lang('admin.add_users')</button>

                                    @endif

                                    {{--                                    <table id="categories" class="table display table-striped table-bordered" style="width:100%">--}}
                                    {{--                                    </table>--}}

                                    <table id="table" class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th width="30px">#</th>
                                            <th>@lang('admin.id')</th>
                                            <th>@lang('admin.image')</th>
                                            <th>@lang('admin.name')</th>
                                            <th>@lang('admin.categories')</th>
                                            <th>@lang('admin.related_category')</th>
                                            <th>@lang('admin.status')</th>
                                            <th>@lang('admin.order')</th>
                                            <th>action</th>
                                        </tr>
                                        </thead>
                                        <tbody id="tablecontents">

                                        @foreach($data as $post)
                                            <tr class="row1" data-id="{{ $post->id }}">
                                                <td class="pl-3"><i class="fa fa-sort"></i></td>
                                                <td>{{$post->id }}</td>
                                                <td><img src="{{ $post->image_path }}" style="width: 100px"></td>
                                                <td>{{ $post->name }}</td>
                                                <td>