@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">
                                    {{--                                        this is not dont right code--}}
                                    {{--                                        <table class="table table-striped dataex-html5-selectors">--}}
                                    {{--                                            <thead>--}}
                                    {{--                                            <tr>--}}
                                    {{--                                                <th>id</th>--}}
                                    {{--                                                <th>Name</th>--}}
                                    {{--                                                <th>MobileNo</th>--}}
                                    {{--                                                <th>Email</th>--}}
                                    {{--                                            </tr>--}}
                                    {{--                                            </thead>--}}
                                    {{--                                            <tbody>--}}
                                    {{--                                            @foreach($documents as $document)--}}
                                    {{--                                                <tr>--}}
                                    {{--                                                    <td>{{$document->id() }}</td>--}}
                                    {{--                                                    <td>{{$document->data()['FullName']}}</td>--}}
                                    {{--                                                    <td>{{$document->data()['MobileNo']}}</td>--}}
                                    {{--                                                    <td>{{$document->data()['Email']}}</td>--}}

                                    {{--                                                </tr>--}}
                                    {{--                                            @endforeach--}}
                                    {{--                                            </tbody>--}}
                                    {{--                                        </table>--}}


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

                                    @endif

                                    <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.offers')</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>