@extends('layouts.adminLayouts')

@section('head')
    <!-- Select2 -->
    <link rel="stylesheet" href="{{url('/assets/admin/bower_components/select2/dist/css/select2.min.css')}}">
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content-header')
    <section class="content-header">
        <h1>
            صفحات
        </h1>

        {{ Breadcrumbs::render('pages.index') }}


    </section>
@stop

@section('content')

    <div class="margin" dir="ltr">

        <div class="btn-group">
            <button type="button" class="btn btn-danger delete-all"><i class="fa fa-trash"></i> حذف موارد انتخابی</button>
        </div>

        <div class="btn-group">
            <a href="/admin/pages/create" class="btn btn-primary"> <i class="fa fa-plus"></i> برگه جدید</a>
        </div>

    </div>

    <div class="row">
        <div class="col-md-12">
            <!-- Custom Tabs -->
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab_1" data-toggle="tab">همه</a></li>
                    <li><a href="#tab_2" data-toggle="tab">منتشر شده</a></li>
                    <li><a href="#tab_3" data-toggle="tab">پیش نویس ها</a></li>
                    <li><a href="#tab_4" data-toggle="tab">غیرفعال</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1">
                        <div class="box-body">
                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" id="check_all">
                                            <label></label>
                                        </div>
                                    </th>
                                    <th>عنوان</th>
                                    <th>نویسنده</th>
                                    <th> وضعیت</th>
                                    <th>تاریخ</th>
                                    <th> ویرایش</th>
                                    <th>آدرس صفحه</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($pages as $page)
                                    <tr id="tr_{{$page->id}}">
                                        <td>
                                            <div class="custom-checkbox">
                                                <input type="checkbox" class="checkbox" data-id="{{$page->id}}">
                                                <label for="{{$page->id}}"></label>
                                            </div>
                                        </td>
                                        <td>{{$page->title}}</td>
                                        <td>
                                            <a href="{{url('/admin/users/'.$page->user->id.'/edit')}}">{{(!isset($page->user->roles['name']) ? $page->user['lname'] : $page->user->roles['name'])}}</a>
                                        </td>
                                        <td>
                                            @if($page->status == 'active')
                                                <small class="label bg-green">منتشر شده</small>
                                            @elseif($page->status == 'draft')
                                                <small class="label bg-blue">پیش نویس</small>
                                            @else
                                                <small class="label bg-red">غیرفعال</small>
                                            @endif
                                        </td>
                                        @if($page->created_at == $page->updated_at)
                                            <td>{{\Morilog\Jalali\Jalalian::fromDateTime("{$page->created_at}")->format('%d / %m / %y')}}</td>
                                        @else
                                            <td> آخرین ویرایش
                                                در {{\Morilog\Jalali\Jalalian::fromDateTime("{$page->updated_at}")->format('%d / %m / %y')}}</td>
                                        @endif
                                        <td>
                                            <a href="{{url('/admin/pages/'.$page->id.'/edit')}}"
                                               class="btn btn-primary btn-xs">ویرایش</a>
                                            <a data-id='{{$page->id}}' class="btn btn-danger btn-xs delete">حذف</a>
                                        </td>
                                        <td class="text-center copyUrlPage">
                                            <input id="foo-{{$page->id}}" value="{{url('/page/'.$page->slug)}}" readonly>
                                            <button class="btn-copy btn btn-primary" data-clipboard-target="#foo-{{$page->id}}">
                                                <img src="/assets/img/theme/copy.png" alt="Copy to clipboard">
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                @if(count($pages) == 0)
                                    <tr>
                                        <th colspan="6" style="text-align: center">صفحه ای موجود نمی باشد.</th>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                            {!! $pages->links('vendor.pagination.pagination-admin') !!}
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                    <div class="tab-pane" id="tab_2">
                        <div class="box-body">
                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>عنوان</th>
                                    <th>نویسنده</th>
                                    <th> وضعیت</th>
                                    <th>تاریخ</th>
                                    <th> ویرایش</th>
                                    <th>آدرس صفحه</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($actives as $page)
                                    <tr id="tr_{{$page->id}}">
                                        <td>{{$page->title}}</td>
                                        <td>
                                            <a href="{{url('/admin/users/'.$page->user->id.'/edit')}}">{{(!isset($page->user->roles['name']) ? $page->user['lname'] : $page->user->roles['name'])}}</a>
                                        </td>
                                        <td>
                                            @if($page->status == 'active')
                                                <small class="label bg-green">منتشر شده</small>
                                            @elseif($page->status == 'draft')
                                                <small class="label bg-blue">پیش نویس</small>
                                            @else
                                                <small class="label bg-red">غیرفعال</small>
                                            @endif
                                        </td>
                                        @if($page->created_at == $page->updated_at)
                                            <td>{{\Morilog\Jalali\Jalalian::fromDateTime("{$page->created_at}")->format('%d / %m / %y')}}</td>
                                        @else
                                            <td> آخرین ویرایش
                                                در {{\Morilog\Jalali\Jalalian::fromDateTime("{$page->updated_at}")->format('%d / %m / %y')}}</td>
                                        @endif
                                        <td>
                                            <a href="{{url('/admin/pages/'.$page->id.'/edit')}}"
                                               class="btn btn-primary btn-xs">ویرایش</a>
                                            <a data-id='{{$page->id}}' class="btn btn-danger btn-xs delete">حذف</a>
                                        </td>
                                        <td class="text-center copyUrlPage">
                                            <input id="foo_{{$page->id}}" value="{{$page->title}}" readonly>
                                            <button class="btn-copy btn btn-primary" data-clipboard-target="#foo_{{$page->id}}">
                                                <img src="/assets/img/theme/copy.png" alt="Copy to clipboard">
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                @if(count($actives) == 0)
                                    <tr>
                                        <th colspan="5" style="text-align: center">صفحه ای موجود نمی باشد.</th>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                            {!! $actives->links('vendor.pagination.pagination-admin') !!}
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                    <div class="tab-pane" id="tab_3">
                        <div class="box-body">
                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>عنوان</th>
                                    <th>نویسنده</th>
                                    <th> وضعیت</th>
                                    <th>تاریخ</th>
                                    <th> ویرایش</th>
                                    <th>آدرس صفحه</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($drafts as $page)
                                    <tr id="tr_{{$page->id}}">
                                        <td>{{$page->title}}</td>
                                        <td>
                                            <a href="{{url('/admin/users/'.$page->user->id.'/edit')}}">{{(!isset($page->user->roles['name']) ? $page->user['lname'] : $page->user->roles['name'])}}</a>
                                        </td>
                                        <td>
                                            @if($page->status == 'active')
                                                <small class="label bg-green">منتشر شده</small>
                                            @elseif($page->status == 'draft')
                                                <small class="label bg-blue">پیش نویس</small>
                                            @else
                                                <small class="label bg-red">غیرفعال</small>
                                            @endif
                                        </td>
                                        @if($page->created_at == $page->updated_at)
                                            <td>{{\Morilog\Jalali\Jalalian::fromDateTime("{$page->created_at}")->format('%d / %m / %y')}}</td>
                                        @else
                                            <td> آخرین ویرایش
                                                در {{\Morilog\Jalali\Jalalian::fromDateTime("{$page->updated_at}")->format('%d / %m / %y')}}</td>
                                        @endif
                                        <td>
                                            <a href="{{url('/admin/pages/'.$page->id.'/edit')}}"
                                               class="btn btn-primary btn-xs">ویرایش</a>
                                            <a data-id='{{$page->id}}' class="btn btn-danger btn-xs delete">حذف</a>
                                        </td>
                                        <td class="text-center copyUrlPage">
                                            <input id="foo__{{$page->id}}" value="{{$page->title}}" readonly>
                                            <button class="btn-copy btn btn-primary" data-clipboard-target="#foo__{{$page->id}}">
                                                <img src="/assets/img/theme/copy.png" alt="Copy to clipboard">
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                @if(count($drafts) == 0)
                                    <tr>
                                        <th colspan="5" style="text-align: center">صفحه ای موجود نمی باشد.</th>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                            {!! $drafts->links('vendor.pagination.pagination-admin') !!}
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                    <div class="tab-pane" id="tab_4">
                        <div class="box-body">
                            <table id="example1" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>عنوان</th>
                                    <th>نویسنده</th>
                                    <th> وضعیت</th>
                                    <th>تاریخ</th>
                                    <th> ویرایش</th>
                                    <th>آدرس صفحه</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($inactives as $page)
                                    <tr id="tr_{{$page->id}}">
                                        <td>{{$page->title}}</td>
                                        <td>
                                            <a href="{{url('/admin/users/'.$page->user->id.'/edit')}}">{{(!isset($page->user->roles['name']) ? $page->user['lname'] : $page->user->roles['name'])}}</a>
                                        </td>
                                        <td>
                                            @if($page->status == 'active')
                                                <small class="label bg-green">منتشر شده</small>
                                            @elseif($page->status == 'draft')
                                                <small class="label bg-blue">پیش نویس</small>
                                            @else
                                                <small class="label bg-red">غیرفعال</small>
                                            @endif
                                        </td>
                                        @if($page->created_at == $page->updated_at)
                                            <td>{{\Morilog\Jalali\Jalalian::fromDateTime("{$page->created_at}")->format('%d / %m / %y')}}</td>
                                        @else
                                            <td> آخرین ویرایش
                                                در {{\Morilog\Jalali\Jalalian::fromDateTime("{$page->updated_at}")->format('%d / %m / %y')}}</td>
                                        @endif
                                        <td>
                                            <a href="{{url('/admin/pages/'.$page->id.'/edit')}}"
                                               class="btn btn-primary btn-xs">ویرایش</a>
                                            <a data-id='{{$page->id}}' class="btn btn-danger btn-xs delete">حذف</a>
                                        </td>
                                        <td class="text-center copyUrlPage">
                                            <input id="foo___{{$page->id}}" value="{{$page->title}}" readonly>
                                            <button class="btn-copy btn btn-primary" data-clipboard-target="#foo___{{$page->id}}">
                                                <img src="/assets/img/theme/copy.png" alt="Copy to clipboard">
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                @if(count($inactives) == 0)
                                <tr>
                                    <th colspan="5" style="text-align: center">صفحه ای موجود نمی باشد.</th>
                                </tr>
                                @endif
                                </tbody>
                            </table>
                            {!! $inactives->links('vendor.pagination.pagination-admin') !!}
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>

@stop

@section('footer')

    <!-- clipboard -->
    <script src="{{url('/assets/js/plugins/clipboard.min.js')}}"></script>

    <script>
        var clipboard = new ClipboardJS('.btn-copy');

        clipboard.on('success', function(e) {
            console.info('Action:', e.action);
            console.info('Text:', e.text);
            console.info('Trigger:', e.trigger);
            toastr.success('کپی شد');
            e.clearSelection();
        });

        clipboard.on('error', function(e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });
    </script>

    <!-- Select2 -->
    <script src="{{url('/assets/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>


    <script>
        $(document).on("click", ".delete", function () {
            var id = $(this).data('id');
            var el = this;

            Swal.fire({
                title: 'از حذف مطمئن هستید؟',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#00a018',
                cancelButtonColor: '#d33',
                confirmButtonText: 'بله',
                cancelButtonText: 'خیر'
            }).then((result) => {
                if (result.value) {
                    var token = $("meta[name='csrf-token']").attr("content");
                    $.ajax({
                        url: '{{ url('admin/pages') }}/' + id,
                        type: 'DELETE',
                        data: {
                            "id": id,
                            "_token": token,
                        },

                        success: function (data) {
                            if (data == 'ok') {
                                Swal.fire(
                                    'موفق',
                                    'حذف گردید',
                                    'success'
                                );
                                $(el).closest("tr").remove();
                            } else {
                                Swal.fire(
                                    'خطا',
                                    'مشکلی رخ داد',
                                    'danger'
                                )
                            }
                        }
                    });
                }
            });
        });

    </script>

@stop