@extends('layouts.admin')
@section('title')
    افزودن اسلایدر
@endsection
@section('content')

    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid">
            <!-- ============================================================== -->
            <!-- Start Page Content -->
            <!-- ============================================================== -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">افزود اسلایدر</h4>
                            @include('admin.index.messages')
                            <form class="m-t-30" action="/admin/slider" method="post" enctype="multipart/form-data">
                                @csrf

                                <div class="form-group">
                                    <label>زبان</label>
                                    <select class="form-control custom-select" name="locale" required>
                                        <option value="fa">فارسی</option>
                                        <option value="en">انگلیسی</option>
                                        <option value="ru">روسی</option>
                                    </select>
                                    @if($errors->has('locale'))
                                        <span>{{ $errors->first('locale') }}</span>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label for="title_up">عنوان اول اسلایدر</label>
                                    <input type="text" class="form-control" name="title_up" value="{{ old('title_up') }}" id="title_up" aria-describedby="title_up" placeholder="عنوان">
                                    @if($errors->has('title_up'))
                                        <span>{{ $errors->first('title_up') }}</span>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label for="title_down">عنوان دوم اسلایدر</label>
                                    <input type="text" class="form-control" name="title_down" value="{{ old('title_down') }}" id="title_down" aria-describedby="title_down" placeholder="عنوان">
                                    @if($errors->has('title_down'))
                                        <span>{{ $errors->first('title_down') }}</span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="priority">ترتیب</label>
                                    <input type="text" class="form-control to-eng" name="priority" value="{{ old('priority') }}" id="priority" aria-describedby="priority" placeholder="ترتیب">
                                    @if($errors->has('priority'))
                                        <span>{{ $errors->first('priority') }}</span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="btn_title">عنوان دکمه</label>
                                    <input type="text" class="form-control" name="btn_title" value="{{ old('btn_title') }}" id="btn_title" aria-describedby="btn_title" placeholder="عنوان">
                                    @if($errors->has('btn_title'))
                                        <span>{{ $errors->first('btn_title') }}</span>
                                    @endif
                                </div>



                                <div class="form-group">
                                    <label for="btn_src">لینک دکمه</label>
                                    <input type="text" class="form-control" name="btn_src" value="{{ old('btn_src') }}" id="btn_src" aria-describedby="btn_src" placeholder="عنوان">
                                    @if($errors->has('btn_src'))
                                        <span>{{ $errors->first('btn_src') }}</span>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label for="description">توضیحات</label>
                                    <textarea class="form-control" name="description">{{ old('description')}}</textarea>
                                    @if($errors->has('description'))
                                        <span>{{ $errors->first('description') }}</span>
                                    @endif
                                </div>



                                <div class="form-group">
                                    <label for="src">عکس </label>
                                    <input type="file" class="form-control"  name="src" value="{{ old('src') }}" id="src" aria-describedby="src" placeholder="عکس">
                                    @if($errors->has('src'))
                                        <span>{{ $errors->first('src') }}</span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="mobile_src">عکس موبایل </label>
                                    <input type="file" class="form-control"  name="mobile_src" value="{{ old('mobile_src') }}" id="mobile_src" aria-describedby="mobile_src" placeholder="عکس موبایل">
                                    @if($errors->has('mobile_src'))
                                        <span>{{ $errors->first('mobile_src') }}</span>
                                    @endif
                                </div>


                                <div class="form-group row p-t-20">
                                    <div class="col-sm-4">
                                        <div class="custom-control custom-radio">
                                            <input type="radio" id="customRadio1" checked name="active" value="1"  class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio1">فعال</label>
                                        </div>
                                        <div class="custom-control custom-radio">
                                            <input type="radio" id="customRadio2" name="active" value="0"  class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio2">غیرفعال</label>
                                        </div>
                                    </div>
                                </div>

                                <button type="submit" class="btn btn-primary">ذخیره</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')

    <!--tinymce js-->
    <script src="/tinymce/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        tinymce.init({
            directionality : "rtl",
            language : 'fa',
            height: "400px",
            extended_valid_elements : "script[src|async|defer|type|charset]",
            selector: "#body",
            plugins: 'image directionality code print preview searchreplace autolink directionality  visualblocks visualchars fullscreen image link    table charmap hr pagebreak nonbreaking  toc insertdatetime advlist lists textcolor wordcount   imagetools    contextmenu colorpicker textpattern media ',
            toolbar: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat |undo redo | image code| link fontsizeselect  | ',


            // without images_upload_url set, Upload tab won't show up
            images_upload_url: 'upload.texteditor',

            // override default upload handler to simulate successful upload
            images_upload_handler: function (blobInfo, success, failure) {
                var xhr, formData;

                xhr = new XMLHttpRequest();
                xhr.withCredentials = false;
                xhr.open('POST', '{{url('/admin/upload')}}');

                xhr.onload = function() {
                    var json;

                    if (xhr.status != 200) {
                        failure('HTTP Error: ' + xhr.status);
                        return;
                    }

                    json = JSON.parse(xhr.responseText);

                    if (!json || typeof json.location != 'string') {
                        failure('Invalid JSON: ' + xhr.responseText);
                        return;
                    }

                    success(json.location);
                };

                formData = new FormData();
                formData.append('file', blobInfo.blob(), blobInfo.filename());

                xhr.send(formData);
            },
        });
    </script>


    <script src="https://unpkg.com/persian-date@1.1.0/dist/persian-date.min.js"></script>
    <script src="https://unpkg.com/persian-datepicker@1.2.0/dist/js/persian-datepicker.min.js"></script>

    <script>
        $(document).ready(function () {
            $(".datepicker").val(' ')
            $(".datepicker").persianDatepicker({
                format: 'YYYY/MM/DD HH:mm:ss', // Ensure time is included
                initialValue: false,
                timePicker: {
                    enabled: true,  // Enable time picker
                    meridian: {
                        enabled: false // Use 24-hour format
                    }
                }
            });
        });


        $('.to-eng').keyup(function() {
            var persianNumber = $(this).val();
            var englishNumber = convertPersianToEnglish(persianNumber);
            $(this).val(englishNumber)
        });

        function convertPersianToEnglish(persianNumber) {
            var persianDigits = [/۰/g, /۱/g, /۲/g, /۳/g, /۴/g, /۵/g, /۶/g, /۷/g, /۸/g, /۹/g];
            var englishDigits = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];

            for (var i = 0; i < persianDigits.length; i++) {
                persianNumber = persianNumber.replace(persianDigits[i], englishDigits[i]);
            }

            return persianNumber;
        }
    </script>


@endsection