@extends('panel.layouts.master')
@section('title', 'کارتچین')
@section('breadcrumb', 'کارتچین')
@section('content')
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')

    <section class="creat-shop">
        <main class="main-content">
            <div class="card">
                <div class="card-body">

                    <div class="row">
                        <form action="{{ route('cartchin.reset',$user->id) }}" method="post">
                            @csrf
                            <button class="btn btn-warning btn-uppercase card-title mb-4 ml-0">
                                <i class="fa fa-refresh mr-2"></i>
                                ریست
                            </button>
                        </form>
                        @php
                            $new = App\Models\User::where('phone', $user->mobile)->first();
                        @endphp
                        <a href="{{route('dashboard.culture.pdf',$new ? $new : $user->user)}}">
                            <button class="btn btn-info btn-uppercase card-title mb-4 ml-2" {{ $user->fields()->count()  == 0 ? 'disabled' : '' }}>
                                <i class="fa fa-download mr-2"></i>
                                <span>دریافت فایل نهایی انتخاب رشته فرهنگیان</span>
                            </button>
                        </a>
                    </div>
                    <form action="{{ route('cartchin.sort',$user->id) }}" method="post">
                        @csrf
                        <div class="form-group">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input choose-checkbox" id="show"
                                       name="show" autocomplete="off" {{ $user->file_status == '1' ? 'checked' : '' }} >
                                <label class="custom-control-label" for="show">دسترسی دانلود</label>
                            </div>
                        </div>
                        <div class="col-lg-12 row">
                            <button class="btn btn-success btn-uppercase card-title mb-4">
                                <i class="fas fa-tick m-r-5"></i> ذخیره تغییرات
                            </button>
                        </div>


                        <div class="row text-center">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered sortable">
                                    <thead>
                                    <tr>
                                        <th>ردیف</th>
                                        <th>کد رشته</th>
                                        <th>اسم رشته</th>
                                        <th>جنسیت</th>
                                        <th>ظرفیت</th>
                                        <th>استان</th>
                                        <th>گروه آزمایشی</th>
                                        <th>توضیحات</th>
                                        <th>محل خدمت</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($fields as $key => $item)
                                        <tr style="border-style: double">
                                            <input type="hidden" name="positions[]" value="{{ $item->id }}"/>
                                            <td>{{ $item->order }}</td>
                                            <td>{{ $item->field->code }}</td>
                                            <td>{{ $item->field->name }}</td>
                                            <td>{{ $item->field->gender }} </td>
                                            <td>{{ $item->field->capacity }} </td>
                                            <td>{{ $item->field->province }} </td>
                                            <td>{{ $item->field->groupName }}</td>
                                            <td>{{ $item->field->desc }}</td>
                                            <td>{{ $item->field->service_location }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                    {{-- {!! $data->appends(Request::all())->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 src="http://code.jquery.com/ui/1.8.17/jquery-ui.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();

        $('.sortable tbody').draggable();
    </script>
@endsection