@extends('panel.layouts.master')
@section('title', 'دوره ها')

@section('content')
    <!-- begin::page loader-->
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
    <style>
        .table-bordered td,
        .table-bordered th {
            text-align: center;
        }
    </style>
    <section class="creat-shop">
        <main class="main-content">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-12 row">
                            <a href="{{ route('courses.create') }}"
                                class="btn btn-outline-secondary btn-uppercase card-title mb-4">
                                <i class="fas fa-plus m-r-5"></i> ایجاد دوره
                            </a>
                        </div>
                        <div class="table-responsive">
                            <form action="{{ route('courses.sort') }}" method="post">
                                @csrf
                                <table class="table table-striped table-bordered sortable" data-sorting="false">
                                    <thead>
                                        <tr>
                                            <th>ردیف</th>
                                            <th>دوره</th>
                                            <th>ویرایش</th>
                                            <th>کپی</th>
                                            <th>حذف</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($data as $key => $item)
                                            <tr>
                                                <input type="hidden" name="positions[]" value="{{ $item->id }}" />
                                                <td>{{ $data->firstItem() + $key }}</td>
                                                <td>{{ $item->name }}</td>
                                                <td>
                                                    <a href="{{ route('courses.edit', $item->id) }}"
                                                        class="btn btn-warning btn-floating">
                                                        <i class="fas fa-pen-square text-white"></i>
                                                    </a>
                                                </td>
                                                <td>
                                                    {{-- <form action="{{ route('courses.clone', $item->id) }}" method="POST">
                                                        @csrf --}}
                                                        <a href="{{ route('courses.clone', $item->id) }}" type="submit" class="btn btn-primary btn-floating">
                                                            <i class="fas fa-copy"></i>
                                                        </a>
                                                    {{-- </form> --}}
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-floating trashRow"
                                                        data-url="{{ route('courses.destroy', $item->id) }}"
                                                        data-id="{{ $item->id }}">
                                                        <i class="fas fa-trash-alt"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <div class="row">
                                    <div class="col-lg-12 mt-3">
                                        <div class="form-group">
                                            <button class="btn btn-success" type="submit">ثبت</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div>{{ $data->links() }}</div>
        </main>
    </section>
@endsection
@section('script')
    <script src="https://cdn.tiny.cloud/1/k7g8ih1ef08u3ie3xyjuvasd1r97g8sl54tm78c0r62pqjmy/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
    <script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script>
    <script>
        $(".sortable tbody").sortable({
            cursor: "move",
            responsive: true,
            placeholder: "sortable-placeholder",
            helper: function(e, tr) {
                var $originals = tr.children();
                var $helper = tr.clone();
                $helper.children().each(function(index) {
                    // Set helper cell sizes to match the original sizes
                    $(this).width($originals.eq(index).width());
                });
                return $helper;
            }
        }).disableSelection();
    </script>
@endsection