@extends('panel.layouts.master')
@section('title', 'بارگذاری نتیجه انتخاب رشته')

@section('content')
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <style>
        #sortable ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
        #sortable li { margin: 5px; padding: 5px; width: 150px; }
    </style>
    <section class="edit-shop">
        <main class="main-content">

            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">بارگذاری نتیجه انتخاب رشته</h6>
                    <form action="{{ route('cultures.update', $culture->id)}}" method="post" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="name">نام</label>
                                <input type="text" disabled name="name" class="form-control" value="{{old('name', $culture->name)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="national_code">کد ملی</label>
                                <input type="text" disabled name="national_code" class="form-control" value="{{old('national_code', $culture->national_code)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="major">رشته</label>
                                <input type="text" disabled name="major" class="form-control" value="{{old('major', $culture->major)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="state">استان</label>
                                <input type="text" disabled name="state" class="form-control" value="{{old('state', $culture->state->name)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="mobile">شماره موبایل</label>
                                <input type="text" disabled name="mobile" class="form-control" value="{{old('mobile', $culture->mobile)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="optional_mobile">شماره موبایل دوم</label>
                                <input type="text" disabled name="optional_mobile" class="form-control" value="{{old('optional_mobile', $culture->optional_mobile)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="phone">شماره تلفن</label>
                                <input type="text" disabled name="phone" class="form-control" value="{{old('phone', $culture->phone)}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="support_code">کد پشتیبانی برای ورود</label>
                                <input type="text" disabled name="support_code" class="form-control" value="{{old('phone', $culture->user->support_code ?? '')}}">
                            </div>
                        </div>


                        @if(auth()->user()->role == 'admin')
                            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                                <div class="form-group">
                                    <label for="">کارشناسان<span class="text-danger">*</span></label>
                                    <select name="adviser_id" id="adviser_id" class="form-control mt-2 @error('adviser_id') is-invalid @enderror">
                                        <option value="">انتخاب کارشناس</option>
                                        @foreach($advisers as $item)
                                            <option value="{{ $item->id }}" {{ old('adviser_id', $culture->adviser_id) == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('adviser_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        @endif

                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-12">
                            <button type="submit" class="btn btn-success btn-uppercase" id="btn_save">
                                <i class="fas fa-check m-r-5"></i> ذخیره
                            </button>
                        </div>
                    </div>
                    </form>
                    <hr>
                    @php
                        $new = App\Models\User::where('phone', $culture->mobile)->first();
                    @endphp
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                        <div class="form-group">
                            <label for="image">فایل انتخاب رشته</label>
                            <a href="{{route('dashboard.culture.pdf', $new ? $new : $culture->user)}}"><button class="" {{ $culture->file_status  == 0 ? 'disabled' : '' }}><span>دریافت فایل نهایی انتخاب رشته فرهنگیان</span></button></a>
                            <div class="custom-file">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </main>

    </section>

@endsection

@section('script')
<script type="text/javascript">
$('.js-example-basic-single').select2();


</script>
<script src="https://cdn.tiny.cloud/1/vbwirnecb7xme62sxi6xc0rz7j03r5ke475khwf22pt7smxt/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
    {{-- tinymce --}}
        var useDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;

        tinymce.init({
            selector: '.editor',
            plugins: 'print preview paste importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable help charmap quickbars emoticons',
            imagetools_cors_hosts: ['picsum.photos'],
            menubar: 'file edit view insert format tools table help',
            toolbar: 'undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen  preview save print | insertfile image media template link anchor codesample | ltr rtl',
            toolbar_sticky: true,
            autosave_ask_before_unload: true,
            autosave_interval: '30s',
            autosave_prefix: '{path}{query}-{id}-',
            autosave_restore_when_empty: false,
            autosave_retention: '2m',
            image_advtab: true,
            link_list: [{
                    title: 'My page 1',
                    value: 'https://www.tiny.cloud'
                },
                {
                    title: 'My page 2',
                    value: 'http://www.moxiecode.com'
                }
            ],
            image_list: [{
                    title: 'My page 1',
                    value: 'https://www.tiny.cloud'
                },
                {
                    title: 'My page 2',
                    value: 'http://www.moxiecode.com'
                }
            ],
            image_class_list: [{
                    title: 'None',
                    value: ''
                },
                {
                    title: 'Some class',
                    value: 'class-name'
                }
            ],
            importcss_append: true,
            file_picker_callback: function(callback, value, meta) {
                /* Provide file and text for the link dialog */
                if (meta.filetype === 'file') {
                    callback('https://www.google.com/logos/google.jpg', {
                        text: 'My text'
                    });
                }

                /* Provide image and alt text for the image dialog */
                if (meta.filetype === 'image') {
                    callback('https://www.google.com/logos/google.jpg', {
                        alt: 'My alt text'
                    });
                }

                /* Provide alternative source and posted for the media dialog */
                if (meta.filetype === 'media') {
                    callback('movie.mp4', {
                        source2: 'alt.ogg',
                        poster: 'https://www.google.com/logos/google.jpg'
                    });
                }
            },
            templates: [{
                    title: 'New Table',
                    description: 'creates a new table',
                    content: '<div class="mceTmpl"><table width="98%%"  border="0" cellspacing="0" cellpadding="0"><tr><th scope="col"> </th><th scope="col"> </th></tr><tr><td> </td><td> </td></tr></table></div>'
                },
                {
                    title: 'Starting my story',
                    description: 'A cure for writers block',
                    content: 'Once upon a time...'
                },
                {
                    title: 'New list with dates',
                    description: 'New List with dates',
                    content: '<div class="mceTmpl"><span class="cdate">cdate</span><br /><span class="mdate">mdate</span><h2>My List</h2><ul><li></li><li></li></ul></div>'
                }
            ],
            template_cdate_format: '[Date Created (CDATE): %m/%d/%Y : %H:%M:%S]',
            template_mdate_format: '[Date Modified (MDATE): %m/%d/%Y : %H:%M:%S]',
            height: 600,
            image_caption: true,
            quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
            noneditable_noneditable_class: 'mceNonEditable',
            toolbar_mode: 'sliding',
            contextmenu: 'link image imagetools table',
            skin: useDarkMode ? 'oxide-dark' : 'oxide',
            content_css: useDarkMode ? 'dark' : 'default',
            content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
        });
        {{-- end tinymce --}}
</script>
@endsection