@extends('admin.layouts.master')
@section('title', 'تنظیمات')
@section('css')
    <link href="{{asset('')}}app-assets/vendors/css/editors/quill.snow.css?v=1.0.2" rel="stylesheet">
    <style>
        .image-input {
            position:relative;
            display:inline-block;
            border-radius:.42rem;
            background-repeat:no-repeat;
            background-size:cover
        }
        .image-input.image-input-outline .image-input-wrapper {
            border:3px solid #fff;
            box-shadow:0 .5rem 1.5rem .5rem rgba(0,0,0,.075)
        }
        .image-input .image-input-wrapper {
            border-radius:2.42rem;
            background-repeat:no-repeat;
            background-size:cover
        }
        .image-input .image-input-wrapper img {
            border-radius:2.42rem
        }
        .btn.btn-white.btn-shadow {
            box-shadow:0 9px 16px 0 rgba(24,28,50,.25)!important
        }
        .btn.btn-icon.btn-circle {
            border-radius:50%
        }
        .btn.btn-icon.btn-xs {
            height:24px;
            width:24px;
            display:flex;
            justify-content:center;
            align-items:center;
            background:#fff
        }
        .btn:not(:disabled):not(.disabled) {
            cursor:pointer
        }
        .image-input [data-action=change] {
            cursor:pointer;
            position:absolute;
            left:-10px;
            top:-4px
        }
        .image-input [data-action=cancel],
        .image-input [data-action=remove] {
            position:absolute;
            left:-10px;
            bottom:4px
        }
        .image-input [data-action=change] input {
            width:0!important;
            height:0!important;
            overflow:hidden
        }
    </style>
@stop

@section('content')
    <div class="row">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">تنظیمات کلی سایت</h4>
                <p class="card-title-desc">در این بخش می توانید تنظیمات بخش های مختلف سایت را مدیریت کنید.</p>
                <div class="row">
                    <div class="col-md-3">
                        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                            <a class="nav-link mb-2 active" id="v-pills-general-tab" data-bs-toggle="pill" href="#v-pills-general" role="tab" aria-controls="v-pills-general" aria-selected="true">تنظیمات عمومی</a>
                            <a class="nav-link mb-2" id="v-pills-logo-tab" data-bs-toggle="pill" href="#v-pills-logo" role="tab" aria-controls="v-pills-logo" aria-selected="false">تنظیمات لوگو</a>
                            <a class="nav-link mb-2" id="v-pills-theme-tab" data-bs-toggle="pill" href="#v-pills-theme" role="tab" aria-controls="v-pills-theme" aria-selected="false">تنظیمات قالب</a>
                            <a class="nav-link mb-2" id="v-pills-profile-tab" data-bs-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">تنظیمات اختصاصی</a>
                            <a class="nav-link mb-2" id="v-pills-social-network-tab" data-bs-toggle="pill" href="#v-pills-social-network" role="tab" aria-controls="v-pills-social-network" aria-selected="false">تنظیمات شبکه اجتماعی</a>
                            <a class="nav-link mb-2" id="v-pills-sms-tab" data-bs-toggle="pill" href="#v-pills-sms" role="tab" aria-controls="v-pills-sms" aria-selected="false">تنظیمات پنل پیامکی</a>
                            <a class="nav-link mb-2" id="v-pills-email-tab" data-bs-toggle="pill" href="#v-pills-email" role="tab" aria-controls="v-pills-email" aria-selected="false">تنظیمات تنظیمات ایمیل</a>
{{--                            <a class="nav-link mb-2" id="v-pills-popup-tab" data-bs-toggle="pill" href="#v-pills-popup" role="tab" aria-controls="v-pills-popup" aria-selected="false">تنظیمات پاپ آپ</a>--}}
                        </div>
                    </div>
                    <div class="col-md-9">
                        <form autocomplete="off" method="post" class="needs-validation" enctype="multipart/form-data" novalidate action="">
                            @csrf
                            <div class="tab-content text-muted mt-4 mt-md-0" id="v-pills-tabContent">
                                <div class="tab-pane fade show active" id="v-pills-general" role="tabpanel" aria-labelledby="v-pills-general-tab">
                                    <h5 class="mb-4">تنظیمات کلی سایت</h5>
                                    <div class="row mb-4">
                                        <label for="horizontal-firstname-input" class="col-sm-3 col-form-label">نام سایت به فارسی</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" name="app_name_farsi" value="{{ $result->app_name_farsi ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <label for="horizontal-email-input" class="col-sm-3 col-form-label">نام انگلیسی سایت</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" name="app_name" value="{{ $result->app_name ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label">آدرس url سایت</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" name="app_url" value="{{ $result->app_url ?? '' }}">
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label">توضیح کامل سایت</label>
                                        <div class="col-sm-9">
                                            <textarea type="text" rows="7" name="app_description" class="form-control">{{ $result->app_description }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label">کلمات کلیدی سایت</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" name="app_keywords" value="{{ $result->app_keywords ?? '' }}">
                                            <small>کلمات کلیدی را با کاما(,) از هم جدا کنید</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-logo" role="tabpanel" aria-labelledby="v-pills-logo-tab">
                                    <h5 class="mb-4">تنظیمات لوگو سایت</h5>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label mb-3">نماد سایت</label>
                                        <div class="col-sm-9">
                                            @php
                                                $logoPath = 'images/logo/logo.svg';
                                                foreach (['svg','png','jpg','jpeg','webp'] as $ext) {
                                                    $candidate = public_path('images/logo/logo.' . $ext);
                                                    if (file_exists($candidate)) {
                                                        $logoPath = 'images/logo/logo.' . $ext;
                                                        break;
                                                    }
                                                }
                                            @endphp
                                            <div class="image-input image-input-outline image-input-changed">
                                                <div class="image-input-wrapper bg-light text-center">
                                                    <img id="picture" src="{{ asset($logoPath) }}" width="150px" />
                                                </div>
                                                <label class="btn btn-xs btn-icon btn-circle btn-white btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="تغییر آواتار">
                                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                                    <input type="file" name="logo" accept=".svg,.png,.jpg,.jpeg,.webp">
                                                </label>
                                            </div>
                                            <div class="mt-3">
                                                <small>فرمت هایی که پشتیبانی میکنیم: .svg, .png, .jpg, .jpeg, .webp</small>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label mb-3">لوگو روشن</label>
                                        <div class="col-sm-9">
                                            @php
                                                $logoLightPath = 'images/logo/logo-light.svg';
                                                foreach (['svg','png','jpg','jpeg','webp'] as $ext) {
                                                    $candidate = public_path('images/logo/logo-light.' . $ext);
                                                    if (file_exists($candidate)) {
                                                        $logoLightPath = 'images/logo/logo-light.' . $ext;
                                                        break;
                                                    }
                                                }
                                            @endphp
                                            <div class="image-input image-input-outline image-input-changed">
                                                <div class="image-input-wrapper bg-light">
                                                    <img id="picture" src="{{ asset($logoLightPath) }}" width="320px" />
                                                </div>
                                                <label class="btn btn-xs btn-icon btn-circle btn-white btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="تغییر آواتار">
                                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                                    <input type="file" name="logo-light" accept=".svg,.png,.jpg,.jpeg,.webp">
                                                </label>
                                            </div>
                                            <div class="mt-3">
                                                <small>فرمت هایی که پشتیبانی میکنیم: .svg, .png, .jpg, .jpeg, .webp</small>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label mb-3">لوگو تیره</label>
                                        <div class="col-sm-9">
                                            @php
                                                $logoDarkPath = 'images/logo/logo-dark.svg';
                                                foreach (['svg','png','jpg','jpeg','webp'] as $ext) {
                                                    $candidate = public_path('images/logo/logo-dark.' . $ext);
                                                    if (file_exists($candidate)) {
                                                        $logoDarkPath = 'images/logo/logo-dark.' . $ext;
                                                        break;
                                                    }
                                                }
                                            @endphp
                                            <div class="image-input image-input-outline image-input-changed">
                                                <div class="image-input-wrapper bg-light">
                                                    <img id="picture" src="{{ asset($logoDarkPath) }}" width="320px" />
                                                </div>
                                                <label class="btn btn-xs btn-icon btn-circle btn-white btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="تغییر آواتار">
                                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                                    <input type="file" name="logo-dark" accept=".svg,.png,.jpg,.jpeg,.webp">
                                                </label>
                                            </div>
                                            <div class="mt-3">
                                                <small>فرمت هایی که پشتیبانی میکنیم: .svg, .png, .jpg, .jpeg, .webp</small>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row mb-4">
                                        <label for="horizontal-password-input" class="col-sm-3 col-form-label mb-3">فاوآیکون</label>
                                        <div class="col-sm-9">
                                            @php
                                                $faviconPath = 'images/logo/favicon.svg';
                                                foreach (['svg','png','jpg','jpeg','webp'] as $ext) {
                                                    $candidate = public_path('images/logo/favicon.' . $ext);
                                                    if (file_exists($candidate)) {
                                                        $faviconPath = 'images/logo/favicon.' . $ext;
                                                        break;
                                                    }
                                                }
                                            @endphp
                                            <div class="image-input image-input-outline image-input-changed">
                                                <div class="image-input-wrapper bg-light">
                                                    <img id="picture" src="{{ asset($faviconPath) }}" width="70px" />
                                                </div>
                                                <label class="btn btn-xs btn-icon btn-circle btn-white btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="تغییر آواتار">
                                                    <i class="fa fa-pen icon-sm text-muted"></i>
                                                    <input type="file" name="favicon" accept=".svg,.png,.jpg,.jpeg,.webp">
                                                </label>
                                            </div>
                                            <div class="mt-3">
                                                <small>فرمت هایی که پشتیبانی میکنیم: .svg, .png, .jpg, .jpeg, .webp</small>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                                <div class="tab-pane fade" id="v-pills-theme" role="tabpanel" aria-labelledby="v-pills-theme-tab">
                                    <h5 class="mb-4">تنظیمات قالب سایت</h5>
                                    <div>
                                        <div class="row">
                                            <span class="mb-3">انتخاب حالت روشن / تاریک پنل کاربری</span>
                                            <div class="col-md-6 text-center">
                                                <img src="{{ asset('images/verti-light.png') }}" width="350rem" alt="">
                                                <div class="text-center mt-3 text-bold-400">حالت روشن</div>
                                            </div>
                                            <div class="col-md-6 text-center">
                                                <img src="{{ asset('images/verti-dark.png') }}" width="350rem" alt="">
                                                <div class="text-center mt-3 text-bold-400">حالت تیره</div>
                                            </div>
                                        </div>
                                        <div class="form-group text-center mb-3">
                                            <label for="picker1">قالب روشن / تاریک پنل کاربری</label>
                                            <select class="text-center form-control" name="user_theme_color" id="user_theme_color" required>
                                                <option value='light' @if(getSetting('user_theme_color') == 'light') selected @endif>روشن</option>
                                                <option value='dark' @if(getSetting('user_theme_color') == 'dark') selected @endif>تاریک</option>
                                            </select>
                                            <div class="invalid-feedback">قالب را انتخاب کنید</div>
                                        </div>
                                    </div>
                                    <hr class="my-5">
                                    <div>
                                        <div class="row">
                                            <span class="mb-3">انتخاب حالت روشن / تاریک پنل ادمین</span>
                                            <div class="col-md-6 text-center">
                                                <img src="{{ asset('images/hori-light.png') }}" width="350rem" alt="">
                                                <div class="text-center mt-3 text-bold-400">حالت روشن</div>
                                            </div>
                                            <div class="col-md-6 text-center">
                                                <img src="{{ asset('images/hori-dark.png') }}" width="350rem" alt="">
                                                <div class="text-center mt-3 text-bold-400">حالت تیره</div>
                                            </div>
                                        </div>
                                        <div class="form-group text-center mb-3">
                                            <label for="picker1">قالب روشن / تاریک پنل ادمین</label>
                                            <select class="text-center form-control" name="admin_theme_color" id="admin_theme_color" required>
                                                <option value='light' @if(getSetting('admin_theme_color') == 'light') selected @endif>روشن</option>
                                                <option value='dark' @if(getSetting('admin_theme_color') == 'dark') selected @endif>تاریک</option>
                                            </select>
                                            <div class="invalid-feedback">قالب را انتخاب کنید</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                                    <div class="row col-md-9 mx-auto p-0">
                                        <h5 class="mb-4">تنظیمات اختصاصی</h5>
                                        <div class="col-md-6 col-12 form-group mb-3">
                                            <label for="picker1">IP حالت تست(برای غیرفعال کردن، فیلد را خالی بگذارید)</label>
                                            <input type="text" name="IP_Access" id="IP_Access" @if($result->IP_Iran == 'on') readonly @endif
                                            class="form-control text-center ltr-dir"
                                                   placeholder="IP"  value="{{$result->IP_Access}}"/>
                                        </div>
                                        <div class="col-md-6 form-group mb-3">
                                            <label>آیا فقط IP های ایران مجاز هستند؟</label>
                                            <fieldset class="mt-1">
                                                <input type='hidden' value='off' name='IP_Iran'>
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" @if($result->IP_Iran == 'on') checked @endif onclick="disableToggle(this,'IP_Access')" name="IP_Iran" id="IP_Iran">
                                                    <label class="custom-control-label" for="IP_Iran">بله فقط کاربران ایرانی دسترسی دارند</label>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <div class="col-md-12 col-12 form-group mb-3">
                                            <label for="picker1">غیر فعال کردن خرید از سایت(درج پیغام در باکس زیر به منزله غیر فعال کردن خرید از سایت میباشد)</label>
                                            <input type="text" name="disable_buy_message" id="disable_buy_message"
                                                   class="form-control text-center"
                                                   placeholder="پیغام جهت نمایش به کاربر"  value="{{$result->disable_buy_message}}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-social-network" role="tabpanel" aria-labelledby="v-pills-social-network-tab">
                                    <h5 class="mb-4">تنظیمات شبکه اجتماعی</h5>
                                    <div class="alert alert-dark alert-dismissible fade show" role="alert">
                                        <strong class="text-capitalize">دسترسی:</strong>
                                        لطفا جهت دریافت تخفیف ها و اطلاعیه های سایت به این سایت اجازه دسترسی به نوتیفکیشن را بدهید!
                                    </div>
                                    <div class="row mb-4">
                                        <label class="visually-hidden" for="inlineFormInputGroupUsername">توییتر</label>
                                        <div class="input-group mb-2">
                                            <div class="input-group-text">
                                                <img src="{{{ asset('images/brands/twitter.svg') }}}" width="25px"> توییتر
                                            </div>
                                            <input type="text" class="form-control" name="social_network_twitter" value="{{ getSetting('social_network_twitter') }}" placeholder="https://twitter.com/your-page">
                                        </div>
                                        <small>آدرس را به همراه https وارد نمایید</small>
                                    </div>
                                    <div class="row mb-4">
                                        <label class="visually-hidden" for="inlineFormInputGroupUsername">تلگرام</label>
                                        <div class="input-group mb-2">
                                            <div class="input-group-text">
                                                <img src="{{{ asset('images/brands/telegram.svg') }}}" width="25px"> تلگرام
                                            </div>
                                            <input type="text" class="form-control" name="social_network_telegram" value="{{ getSetting('social_network_telegram') }}" placeholder="https://t.me/your-channel">
                                        </div>
                                        <small>آدرس را به همراه https وارد نمایید</small>
                                    </div>
                                    <div class="row mb-4">
                                        <label class="visually-hidden" for="inlineFormInputGroupUsername">اینستاگرام</label>
                                        <div class="input-group mb-2">
                                            <div class="input-group-text">
                                                <img src="{{{ asset('images/brands/instagram.svg') }}}" width="25px"> اینستاگرام
                                            </div>
                                            <input type="text" class="form-control" name="social_network_instagram" value="{{ getSetting('social_network_instagram') }}" placeholder="https://instagram.com/your-page">
                                        </div>
                                        <small>آدرس را به همراه https وارد نمایید</small>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-sms" role="tabpanel" aria-labelledby="v-pills-sms-tab">
                                    <div class="row col-md-9 mx-auto p-0">
                                        <h5 class="mb-4">تنظیمات پنل پیامکی</h5>
                                        <div class="form-group text-center mb-3">
                                            <label for="picker1">پنل پیامک</label>
                                            <select class="text-center form-control" name="sms_provider" id="user_theme_color" required>
                                                <option value='sms.ir' @if(getSetting('sms_provider') == 'sms.ir') selected @endif>sms.ir</option>
                                                <option value='kavehnegar' @if(getSetting('sms_provider') == 'kavehnegar') selected @endif>کاوه نگار</option>
                                            </select>
                                            <div class="invalid-feedback">قالب را انتخاب کنید</div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="picker1">api کاوه نگار</label>
                                                <input type="text" class="form-control text-center" name="KavehnegarKey" value="{{ $result->KavehnegarKey ?? '' }}"/>
                                            </div>
                                            <div class="alert alert-info">
                                                <span>الگوهای زیر در کاوه نگار تنظیم شود. پس از ثبت الگوهای کاوه‌نگار و تنظیم api کاوه‌نگار، پیامک برای کاربران ارسال خواهد شد.</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="picker1">api کاوه نگار</label>
                                                <input type="text" class="form-control text-center" name="KavehnegarKey" value="{{ $result->KavehnegarKey ?? '' }}"/>
                                            </div>
                                            <div class="alert alert-info">
                                                <span>الگوهای زیر در کاوه نگار تنظیم شود. پس از ثبت الگوهای کاوه‌نگار و تنظیم api کاوه‌نگار، پیامک برای کاربران ارسال خواهد شد.</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="v-pills-email" role="tabpanel" aria-labelledby="v-pills-email-tab">
                                    <div class="row col-md-9 mx-auto p-0">
                                        <h5 class="mb-4">تنظیمات smtp ایمیل</h5>
                                        <div class="col-md-6 col-12 form-group mb-3">
                                            <label for="picker1">آدرس ایمیل</label>
                                            <input type="text" class="form-control text-center ltr-dir" placeholder="مثال: info@site.com">
                                        </div>
                                        <div class="col-md-6 col-12 form-group mb-3">
                                            <label for="picker1">پورت smtp ایمیل</label>
                                            <input type="text" class="form-control text-center ltr-dir" placeholder="به صورت پیشفرض ۲۶">
                                        </div>
                                        <div class="form-group mb-3">
                                            <label for="picker1">یوزرنیم وب میل</label>
                                            <input type="text" class="form-control text-center ltr-dir">
                                        </div>
                                        <div class="form-group mb-3">
                                            <label for="picker1">رمز عبور وب میل</label>
                                            <input type="text" class="form-control text-center ltr-dir">
                                        </div>
                                    </div>
                                </div>
                                {{--<div class="tab-pane fade" id="v-pills-popup" role="tabpanel" aria-labelledby="v-pills-popup-tab">
                                    <h5 class="">تنظیمات پاپ آپ</h5>
                                    @php
                                        $popup = json_decode($result->popup);
                                    @endphp
                                    <div class="row col-md-11 mx-auto p-0">
                                        <div class="d-flex w-100">
                                            <fieldset class="w-50">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" value="true"
                                                           name="ActivePopup" id="ActivePopup" @if($popup->show == true)checked @endif>
                                                    <label class="custom-control-label" for="ActivePopup">وضعیت فعال یا غیر فعالی</label>
                                                </div>
                                            </fieldset>

                                            <div class="w-50 d-flex">
                                                <label class="w-50 text-right">نمایش هر چند روز؟</label>
                                                <input type="text" name="perDayPopup" id="perDayPopup"
                                                       class="form-control form-control-sm  w-50 numbers text-center ltr-dir"
                                                       placeholder="روز" required value="{{$popup->perDay}}"/>
                                            </div>
                                        </div>
                                        <p class="text-center mb-2 mt-1 font-small-2">بعد از هر ورود با رمز و پسورد(یعنی از مرا به خاطر بسپار استفاده نکرده باشد) نمایش میدهد و همچنین اگر مرا به خاطر بسپار زده باشد هر چند روز یکبار نشانش میدهد!</p>

                                        <div class="w-100" id="snow-editor"></div>
                                    </div>
                                </div>--}}
                            </div>
                            <div class="text-center my-3">
                                <button type="submit" class="btn btn-primary btn-block btn " id="ScrollButton">ثبت تغییرات</button>
                            </div>

                            <textarea style="display: none" id="TextPopup" name="TextPopup"></textarea>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>



@stop

@section('js')
    <script src="{{asset('')}}app-assets/vendors/js/digitbox.min.js"></script>
    <script src="{{ asset('libs/highlight.min.js') }}"></script>
    <script src="{{asset('')}}app-assets/vendors/js/editors/quill.min.js" type="text/javascript"></script>
@stop

@section('script')
    <script>
        function disableToggle(el,id) {
            if ($(el).is(':checked')) {
                $('#'+id).attr('readonly','readonly');
            }else
                $('#'+id).removeAttr('readonly');
        }

        $(document).ready(function () {

            $('.image-input input').change(function() {
                var prev = $(this).parent().parent().find('img#picture');
                var reader = new FileReader();
                reader.onload = function (e) {
                    prev.attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            });

            $('form').ajaxForm({
                beforeSend: function () {
                    loading();
                },
                complete: function (data) {
                    data = data.responseJSON;
                    if (data.status == true) {
                        swal.fire({
                            icon: 'success',
                            title: "انجام شد",
                            html: data.message,
                            confirmButtonText: "تایید",
                        }).then(function () {
                            location.reload();
                        });
                    } else {
                        swal.fire({
                            icon: 'error',
                            title: "توجه",
                            html: data.message,
                            confirmButtonText: "تایید",
                        })
                    }
                    unloading();
                }
            });
        });



        $(document).ready(function () {
            var quill = new Quill('#snow-editor', {
                modules: {
                    syntax: !0,
                    toolbar: [
                        [ {
                            size:[]
                        }],
                        ["bold", "italic", "underline", "strike"],
                        [{
                            color: []
                        }, {
                            background: []
                        }],
                        [{
                            script: "super"
                        }, {
                            script: "sub"
                        }],
                        [{
                            header: "1"
                        }, {
                            header: "2"
                        }, "blockquote", "code-block"],
                        [{
                            list: "ordered"
                        }, {
                            list: "bullet"
                        }, {
                            indent: "-1"
                        }, {
                            indent: "+1"
                        }],
                        ["direction", {
                            align: []
                        }],
                        ["link", "image", "video"],
                        ["clean"]
                    ]
                },
                theme: 'snow'
            });

            @php
                $popup = json_decode($result->popup);
                $file = $popup->url;
                $current = file_get_contents(storage_path(substr($file, 8)));
                //$current = file_get_contents($file);
            @endphp
                quill.root.innerHTML = ('{!! ($current) !!}');

            quill.on('text-change', function(delta, oldDelta, source) {
                var delta = quill.root.innerHTML;
                $('#TextPopup').val(delta);
            });
            quill.on('editor-change', function(delta, oldDelta, source) {
                var delta = quill.root.innerHTML;
                $('#TextPopup').val(delta);
            });

        });
    </script>
@stop