@extends('layouts.adminLayouts')

@section('head')
    <link rel="stylesheet" href="{{url('/assets/css/fileupload.css')}}">
    <link rel="stylesheet" href="{{url('/assets/admin/bower_components/select2/dist/css/select2.min.css')}}">
    <link href="{{url('/assets/taginput/tagsinput.css') }}" rel="stylesheet" type="text/css">
    <link href="{{url('/assets/css/plugins/fancy_fileupload.css')}}" rel="stylesheet" type="text/css">
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content-header')
    <section class="content-header">
        <h1>
            تنظیمات سایت
        </h1>

        {{ Breadcrumbs::render('settings.index') }}


    </section>
@stop


@section('content')

    <div class="row">
        <div class="col-lg-12">
            <div class="box">
                <div class="row">
                    <div class="col-lg-3 col-md-4 col-sm-3 col-xs-3">
                        <div class="box aside-create-user-page mr-1">
                            <div class="box-header">
                                <h4 class="box-header-title">
                                    اطلاعات کاربر
                                </h4>
                            </div>
                            <div class="box-body pl-0">
                                <ul class="nav nav-tabs" id="myTabs" role="tablist">
                                    <li role="presentation" class="active">
                                        <a href="#information" id="information-tab" role="tab" data-toggle="tab"
                                           aria-controls="information" aria-expanded="true">آپشن های کلی</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#mayor" role="tab" id="mayor-tab" data-toggle="tab"
                                           aria-controls="mayor">شهردار</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#logo" role="tab" id="logo-tab" data-toggle="tab" aria-controls="logo">تصاویر</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#page" role="tab" id="page-tab" data-toggle="tab" aria-controls="page">صفحات
                                            پایه</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#permissions" role="tab" id="permissions-tab" data-toggle="tab"
                                           aria-controls="permissions">روش های پرداخت</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#sms" role="tab" id="sms-tab" data-toggle="tab" aria-controls="sms">پنل
                                            پیامک</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#recaptcha" role="tab" id="recaptcha-tab" data-toggle="tab"
                                           aria-controls="recaptcha">ریکپچا گوگل
                                        </a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#email" role="tab" id="email-tab" data-toggle="tab"
                                           aria-controls="email"> ایمیل
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9 col-md-8 col-sm-9 col-xs-9">
                        <div class="tab-content content-user-page" id="myTabContent">
                            <div class="tab-pane fade active in" role="tabpanel" id="information"
                                 aria-labelledby="information-tab">
                                <form onsubmit="return false;" id="settingForm" action="">
                                    <div class="col-xs-12 mb-2">

                                        <div class="form-group">
                                            <label for="">نام فارسی شهرداری</label>
                                            <input type="text" name="fa_name" class="form-control"
                                                   value="{{$setting->fa_name}}">
                                        </div>
                                        <div class="form-group">
                                            <label for="">نام انگلیسی شهرداری</label>
                                            <input type="text" name="en_name" class="form-control"
                                                   value="{{$setting->en_name}}">
                                        </div>
                                        <div class="form-group">
                                            <label for="">شماره تلفن شهرداری</label>
                                            <input type="text" name="phone" class="form-control"
                                                   value="{{$setting->phone}}">
                                        </div>
                                        <div class="form-group">
                                            <label for="">ایمیل شهرداری</label>
                                            <input type="text" name="email" class="form-control"
                                                   value="{{$setting->email}}">
                                        </div>
                                        <div class="form-group">
                                            <label>آدرس شهرداری</label>
                                            <textarea class="form-control" rows="4"
                                                      name="address">{{$setting->address}}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label for="">کد پستی شهرداری</label>
                                            <input type="text" name="postalcode" class="form-control"
                                                   value="{{$setting->postalcode}}">
                                        </div>
                                        <div class="form-group">
                                            <label for="">توضیحات تماس با ما شهرداری</label>
                                            <textarea type="text" name="contact" class="form-control">{!! get_option('contact') !!}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label>مجوزهای شهرداری</label>
                                            <textarea class="form-control" rows="4" name="certificate"
                                                      dir="ltr">{!! $setting->certificate !!}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label><strong>کدسفارشی</strong><small>(کد جاوااسکریپت, Google Analytics,
                                                    ناتیفیکیشن, چت
                                                    آنلاین و غیره...)</small></label>
                                            <textarea class="form-control" rows="4" name="script"
                                                      dir="ltr">{!! $setting->script !!}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label for="">محتوای متا Description (توضیحات)</label>
                                            <input type="text" name="description" class="form-control"
                                                   value="{{$setting->description}}">
                                        </div>
                                        <div class="form-group">
                                            <label>محتوای متا Keywords (کلمات کلیدی)</label>
                                            <input type="text" data-role="tagsinput" class="form-control"
                                                   placeholder="افزودن" id="keywords-input" name="keyword"
                                                   value="{{$setting->keyword}}">
                                        </div>
                                        <div class="form-group">
                                            <label for="">متن کپی رایت</label>
                                            <input type="text" name="copyright" class="form-control"
                                                   value="{{$setting->copyright}}">
                                        </div>
{{--                                        <div class="form-group">--}}
{{--                                            <label for="">متن پشتیبانی</label>--}}
{{--                                            <input type="text" name="slogan" class="form-control"--}}
{{--                                                   value="{{$setting->slogan}}">--}}
{{--                                        </div>--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label for="">عنوان توضیحات فوتر</label>--}}
{{--                                            <input type="text" name="footer_title_description" class="form-control"--}}
{{--                                                   value="{{$setting->footer_title_description}}">--}}
{{--                                        </div>--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label>توضیحات فوتر شهرداری</label>--}}
{{--                                            <textarea class="form-control" rows="4"--}}
{{--                                                      name="footer_body_description">{!! $setting->footer_body_description !!}</textarea>--}}
{{--                                        </div>--}}

                                        <div class="form-group maintain-block">
                                            <label>پیامک اطلاع ورود مدیر به پنل مدیریت</label>
                                            <select name="sms_admin_login" class="form-control">
                                                <option value="0" @if($setting->sms_admin_login == 0) selected @endif>
                                                    غیرفعال
                                                </option>
                                                <option value="1" @if($setting->sms_admin_login == 1) selected @endif>
                                                    فعال
                                                </option>
                                            </select>
                                        </div>

                                        <div class="form-group maintain-block">
                                            <label>اشتراک در خبرنامه</label>
                                            <select name="newsletter" class="form-control">
                                                <option value="0" @if(get_option('newsletter') == 0) selected @endif>
                                                    غیرفعال
                                                </option>
                                                <option value="1" @if(get_option('newsletter') == 1) selected @endif>
                                                    فعال
                                                </option>
                                            </select>
                                        </div>


                                        <div class="form-group maintain-block">
                                            <label>حالت دمو (نمایش بنر تستی بودن شهرداری)</label>
                                            <select name="demo" class="form-control">
                                                <option value="0" @if($setting->demo == 0) selected @endif>غیرفعال
                                                </option>
                                                <option value="1" @if($setting->demo == 1) selected @endif>فعال</option>
                                            </select>
                                            <div class="mt-2">
                                                <label for="">متن حالت دمو</label>
                                                <textarea class="form-control" id="text"
                                                          name="demo_message">{{(get_option('demo_message') != null ? get_option('demo_message') : ' هیچ محصولی برای فروش نیست! و سایتی که مشاهده می کنید پیش نمایش اسکریپت دیجی لارا است.' )}}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group maintain-block">
                                            <label>حالت توسعه (خاموشی شهرداری)</label>
                                            <select name="service" class="form-control">
                                                <option value="0" @if($setting->service == 0) selected @endif>غیرفعال
                                                </option>
                                                <option value="1" @if($setting->service == 1) selected @endif>فعال
                                                </option>
                                            </select>
                                            <div class="mt-2">
                                                <label for="">متن حالت توسعه</label>
                                                <textarea class="form-control" id="text"
                                                          name="service_text">{{$setting->service_text}}</textarea>
                                                <p class="text-muted mt-2 mb-2 font-sm-size">در این حالت فقط پنل مدیریت
                                                    فعال خواهد بود</p>
                                            </div>
                                        </div>
                                        <div class="form-group maintain-block">
                                            <label>وضعیت واترمارک عکس نوشته ها</label>
                                            <select name="site_watermark_active" class="form-control">
                                                <option value="0"
                                                        @if(get_option('site_watermark_active') == 0) selected @endif>
                                                    غیرفعال
                                                </option>
                                                <option value="1"
                                                        @if(get_option('site_watermark_active') == 1) selected @endif>
                                                    فعال
                                                </option>
                                            </select>
                                            <div class="mt-2">
                                                <label for="">تنظیمات موقعیت</label>
                                                <select name="site_watermark_position" class="form-control">
                                                    <option value="top-left"
                                                            @if(get_option('site_watermark_position') == 'top-left') selected @endif>
                                                        بالا چپ
                                                    </option>
                                                    <option value="top-right"
                                                            @if(get_option('site_watermark_position') == 'top-right') selected @endif>
                                                        بالا راست
                                                    </option>
                                                    <option value="bottom-left"
                                                            @if(get_option('site_watermark_position') == 'bottom-left') selected @endif>
                                                        پایین چپ
                                                    </option>
                                                    <option value="bottom-right"
                                                            @if(get_option('site_watermark_position') == 'bottom-right') selected @endif>
                                                        پایین راست
                                                    </option>
                                                    <option value="top"
                                                            @if(get_option('site_watermark_position') == 'top') selected @endif>
                                                        بالا
                                                    </option>
                                                    <option value="bottom"
                                                            @if(get_option('site_watermark_position') == 'bottom') selected @endif>
                                                        پایین
                                                    </option>
                                                    <option value="left"
                                                            @if(get_option('site_watermark_position') == 'left') selected @endif>
                                                        چپ
                                                    </option>
                                                    <option value="right"
                                                            @if(get_option('site_watermark_position') == 'right') selected @endif>
                                                        راست
                                                    </option>
                                                    <option value="center"
                                                            @if(get_option('site_watermark_position') == 'center') selected @endif>
                                                        مرکز
                                                    </option>
                                                </select>
                                            </div>
                                            <label for="">موقعیت x</label>
                                            <input type="number" min="0" max="100" step="2"
                                                   name="site_watermark_position_x" class="form-control"
                                                   value="{{get_option('site_watermark_position_x')}}">

                                            <label for="">موقعیت y</label>
                                            <input type="number" min="0" max="100" step="2"
                                                   name="site_watermark_position_y" class="form-control"
                                                   value="{{get_option('site_watermark_position_y')}}">

                                        </div>
                                        <div class="form-group maintain-block">
                                            <label>محدود کردن Ip های دسترسی به پنل مدیریت</label>
                                            <select name="admin_ip_lock" class="form-control">
                                                <option value="0" @if($setting->admin_ip_lock == 0) selected @endif>
                                                    غیرفعال
                                                </option>
                                                <option value="1" @if($setting->admin_ip_lock == 1) selected @endif>
                                                    فعال
                                                </option>
                                            </select>
                                            <div class="mt-2">
                                                <label for="">IP های مجاز(ای پی فعلی شما: {{$ip}})</label>
                                                <input type="text" data-role="tagsinput" class="form-control"
                                                       placeholder="افزودن" id="keywords-input" name="admin_ip"
                                                       value="{{$setting->admin_ip}}">
                                            </div>
                                        </div>
                                        <div class="text-left">
                                            <button onclick="saveSetting('{{$setting->id}}');" class="btn btn-primary">
                                                بروز رسانی
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <div class="tab-pane fade" role="tabpanel" id="mayor" aria-labelledby="mayor-tab">
                                <form action="" onsubmit="return false;" id="mayorForm" enctype="multipart/form-data">
                                    <div class="col-xs-12 mb-2">
                                        <div class="form-group">
                                            <label>نام شهردار:</label>
                                            <input type="text" name="mayor_name"
                                                   value="{{$mayor->name}}"
                                                   class="form-control">
                                        </div>

                                        <div class="form-group">
                                            <label>تصویر شهردار:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{$mayor->image != null ? url('/assets/img/'.$mayor->image) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="image"
                                                       accept="image/*"/>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label> توضیحات اجمالی:</label>
                                            <textarea rows="3" class="form-control"
                                                      name="mayor_curt">{{$mayor->curt}}</textarea>
                                        </div>

                                        <div class="form-group">
                                            <label> درباره شهردار:</label>
                                            <textarea rows="3" class="form-control"
                                                      name="mayor_description">{{$mayor->description}}</textarea>
                                        </div>

                                        <div class="form-group">
                                            <label> راه های ارتباطی:</label>
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-striped"
                                                       id="link_table">
                                                    <thead>
                                                    <tr>
                                                        <th>توضیحات</th>
                                                        <th>عملیات</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="tbody-link">

                                                    </tbody>
                                                    <tfoot>
                                                    @if($mayor->links)
                                                        @foreach(json_decode($mayor->links) as $key=>$link)
                                                            @if($link)
                                                                <tr>
                                                                    <td><input type="text" name="links[]"
                                                                               class="form-control" value="{{$link}}"/>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button" name="remove" id=""
                                                                                class="btn btn-danger remove-link">حذف
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary" onclick="updateMayor();">ذخیره کردن
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="tab-pane fade" role="tabpanel" id="logo" aria-labelledby="logo-tab">
                                <div class="row">
                                    <div class="col-md-8">
                                        <form action="" onsubmit="return false;" id="formLogo"
                                              enctype="multipart/form-data">
                                            <label>لوگو سایت:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_logo') != null ? url('/assets/img/'.get_option('site_logo')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_logo"
                                                       accept="image/*"/>
                                            </div>
                                            <label>لوگو تاریک سایت:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_logo_dark') != null ? url('/assets/img/'.get_option('site_logo_dark')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_logo_dark"
                                                       accept="image/*"/>
                                            </div>
                                            <label>عکس شعار سال:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_year_banner') != null ? url('/assets/img/'.get_option('site_year_banner')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_year_banner"
                                                       accept="image/*"/>
                                            </div>
                                            <label>لوگو واترمارک:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_logo_watermark') != null ? url('/assets/img/'.get_option('site_logo_watermark')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_logo_watermark"
                                                       accept="image/*"/>
                                            </div>
                                            <label>تصویر QrCode:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_qr_code') != null ? url('/assets/img/'.get_option('site_qr_code')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_qr_code"
                                                       accept="image/*"/>
                                            </div>
                                            <label>لوگوی فوتر:</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_logo_footer') != null ? url('/assets/img/'.get_option('site_logo_footer')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_logo_footer"
                                                       accept="image/*"/>
                                            </div>
                                            <label>فاوآیکن(96*96):</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_favicon_96') != null ? url('/assets/img/favicon/'.get_option('site_favicon_96')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_favicon_96"
                                                       accept="image/*"/>
                                            </div>
                                            <label>فاوآیکن(32*32):</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_favicon_32') != null ? url('/assets/img/favicon/'.get_option('site_favicon_32')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_favicon_32"
                                                       accept="image/*"/>
                                            </div>
                                            <label>فاوآیکن(16*16):</label>
                                            <div class="avatar-wrapper">
                                                <img class="profile-pic"
                                                     src="{{get_option('site_favicon_16') != null ? url('/assets/img/favicon/'.get_option('site_favicon_16')) : url('/assets/img/theme/preview.svg')}}"/>
                                                <div class="upload-button"></div>
                                                <input class="file-upload" type="file" name="site_favicon_16"
                                                       accept="image/*"/>
                                            </div>

                                            <div class="form-group">
                                                <div onclick="updateLogo()"
                                                     class="btn btn-primary">
                                                    ذخیره کردن
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" role="tabpanel" id="page" aria-labelledby="page-tab">
                                <div class="row">
                                    <div class="col-md-8">
                                        <form action="" onsubmit="return false;" id="pageForm">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label>لینک قوانین انتشار نظرات کاربران:</label>
                                                    <input type="url" name="site_url_comments_rules"
                                                           value="{{get_option('site_url_comments_rules')}}"
                                                           class="form-control dir-ltr">
                                                </div>
                                                <div class="form-group">
                                                    <label> لینک شرایط و قوانین:</label>
                                                    <input type="url" name="site_url_rules"
                                                           value="{{get_option('site_url_rules')}}"
                                                           class="form-control dir-ltr">
                                                </div>
                                                <div class="form-group">
                                                    <label>لینک حریم خصوصی:</label>
                                                    <input type="url" name="site_url_privacy"
                                                           value="{{get_option('site_url_privacy')}}"
                                                           class="form-control dir-ltr">
                                                </div>
                                                <div class="form-group">
                                                    <label>لینک درباره ما:</label>
                                                    <input type="url" name="site_url_about"
                                                           value="{{get_option('site_url_about')}}"
                                                           class="form-control dir-ltr">
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn btn-primary" onclick="updatePage();">ذخیره کردن
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" role="tabpanel" id="permissions"
                                 aria-labelledby="permissions-tab">
                                @foreach($gateways as $gateway)
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="divider-gateway"></div>
                                            <h4 class="font-weight-bold">{{$gateway->name}}</h4>
                                            <hr>
                                            <form action="" id="gatewayForm{{$gateway->id}}" onsubmit="return false;">
                                                <div class="form-group form-group-gateway">
                                                    <label for="">فعال کردن {{$gateway->name}}</label>
                                                    <div class="parent-switcher d-inline-block">
                                                        <label class="ui-statusswitcher">
                                                            <input type="checkbox" name="active"
                                                                   @if($gateway->active == 1) checked="" @endif>
                                                            <span class="ui-statusswitcher-slider">
                                                    <span class="ui-statusswitcher-slider-toggle"></span>
                                                </span>
                                                        </label>
                                                    </div>
                                                </div>
                                                @if($gateway->config != null)
                                                    @foreach (json_decode($gateway->config) as $key=>$config)
                                                        <div class="form-group">
                                                            <label> {{$key}} </label>
                                                            <input type="text" name="config_{{$key}}"
                                                                   value="{{$config}}"
                                                                   class="form-control"
                                                                   autocomplete="off">
                                                        </div>
                                                    @endforeach
                                                @endif
                                                @if($gateway->type == 'offline')
                                                    <div class="form-group">
                                                        <label>حداکثر مبلغ سفارش برای {{$gateway->name}}
                                                            (تومان) </label>
                                                        <input type="number" min="0" name="limit_cost"
                                                               value="{{$gateway->limit_cost}}" class="form-control"
                                                               autocomplete="off">
                                                    </div>
                                                    <div class="form-group">
                                                        <label>شهر های مجاز برای پرداخت درب منزل</label>

                                                        <select name="city_allow[]" id="cities"
                                                                class="form-control select2tag" style="width: 100%;"
                                                                multiple="multiple">
                                                            <option value="">انتخاب کنید</option>
                                                            @foreach($cities as $city)
                                                                <option
                                                                    @if(in_array($city->id,explode(',',$gateway->city_allow))) selected
                                                                    @endif value="{{$city->id}}">{{$city->name}}</option>
                                                            @endforeach
                                                        </select>

                                                    </div>
                                                @endif
                                                <div class="form-group">
                                                    <div onclick="gatewayUpdate('{{$gateway->id}}')"
                                                         class="btn btn-primary">
                                                        ذخیره کردن
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="tab-pane fade" role="tabpanel" id="sms" aria-labelledby="sms-tab">
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="divider-gateway"></div>
                                        <h4 class="font-weight-bold">اطلاعات پنل SMS</h4>
                                        <hr>
                                        <form action="" id="smsForm" onsubmit="return false;">
                                            <div class="form-group form-group-gateway">
                                                <label for="">فعال کردن SMS</label>
                                                <div class="parent-switcher d-inline-block">
                                                    <label class="ui-statusswitcher">
                                                        <input type="checkbox" name="active" id="active-sms"
                                                               @if(config('app.api_sms')) checked="" @endif>
                                                        <span class="ui-statusswitcher-slider">
                                                    <span class="ui-statusswitcher-slider-toggle"></span>
                                                </span>
                                                    </label>
                                                </div>
                                            </div>

                                            <div id="sms-div" @if(!config('app.api_sms')) style="display: none;" @endif>
                                                <div class="form-group">
                                                    <label> توکن </label>
                                                    <input type="text" name="api_sms" value="{{config('app.api_sms')}}"
                                                           class="form-control"
                                                           autocomplete="off">
                                                </div>
                                            </div>


                                            <div class="form-group">
                                                <div onclick="smsUpdate()"
                                                     class="btn btn-primary">
                                                    ذخیره کردن
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" role="tabpanel" id="recaptcha" aria-labelledby="recaptcha-tab">
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="divider-gateway"></div>
                                        <h4 class="font-weight-bold">مدیریت ریکپچا 3 گوگل (امنیتی)</h4>
                                        <hr>
                                        <form action="" id="recaptchaForm" onsubmit="return false;">
                                            <div class="form-group form-group-gateway">
                                                <label for="">فعال کردن</label>
                                                <div class="parent-switcher d-inline-block">
                                                    <label class="ui-statusswitcher">
                                                        <input type="checkbox" name="active" id="active-recaptcha"
                                                               @if(config('app.recaptcha')) checked="" @endif>
                                                        <span class="ui-statusswitcher-slider">
                                                    <span class="ui-statusswitcher-slider-toggle"></span>
                                                </span>
                                                    </label>
                                                </div>
                                            </div>

                                            <div id="recaptcha-div"
                                                 @if(!config('app.recaptcha')) style="display: none;" @endif>
                                                <div class="form-group">
                                                    <label> SITE KEY </label>
                                                    <input type="text" name="site_key"
                                                           value="{{env('RECAPTCHA_V3_SITE_KEY')}}"
                                                           class="form-control"
                                                           autocomplete="off">
                                                </div>
                                                <div class="form-group">
                                                    <label> SECRET KEY </label>
                                                    <input type="text" name="secret_key"
                                                           value="{{env('RECAPTCHA_V3_SECRET_KEY')}}"
                                                           class="form-control"
                                                           autocomplete="off">
                                                </div>
                                            </div>


                                            <div class="form-group">
                                                <div onclick="recaptchaUpdate()"
                                                     class="btn btn-primary">
                                                    ذخیره کردن
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" role="tabpanel" id="email" aria-labelledby="email-tab">
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="divider-gateway"></div>
                                        <h4 class="font-weight-bold">تنظیمات ایمیل SMTP</h4>
                                        <hr>
                                        <form action="" id="emailForm" onsubmit="return false;">
                                            <div class="row mail_driver_smtp">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">هاست ایمیل</label>
                                                        <input type="text" name="mail_host" class="form-control"
                                                               value="{{$mailSetting->mail_host}}" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mail_driver_smtp">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">پورت ایمیل</label>
                                                        <input type="text" name="mail_port" class="form-control"
                                                               value="{{$mailSetting->mail_port}}" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mail_driver_smtp">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">نام کاربری ایمیل</label>
                                                        <input type="text" name="mail_username" class="form-control"
                                                               value="{{$mailSetting->mail_username}}"
                                                               autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mail_driver_smtp">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">پسورد ایمیل</label>
                                                        <input type="password" name="mail_password" class="form-control"
                                                               value="{{$mailSetting->mail_password}}"
                                                               autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">نام ایمیل</label>
                                                        <input type="text" name="mail_from_name" class="form-control"
                                                               value="{{$mailSetting->mail_from_name}}"
                                                               autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mail_driver_mail">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">آدرس ایمیل</label>
                                                        <input type="text" name="mail_from_email" class="form-control"
                                                               value="{{$mailSetting->mail_from_email}}"
                                                               autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mail_driver_smtp">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">رمز نگاری ایمیل</label>
                                                        <select id="mail_encryption" name="mail_encryption"
                                                                class="form-control">
                                                            <option value="tls"
                                                                    @if($mailSetting->mail_encryption == "tls") selected @endif>
                                                                TLS
                                                            </option>
                                                            <option value="ssl"
                                                                    @if($mailSetting->mail_encryption == "ssl") selected @endif>
                                                                SSL
                                                            </option>
                                                            <option value="null"
                                                                    @if($mailSetting->mail_encryption == null) selected @endif>
                                                                بدون رمز نگاری
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div onclick="emailUpdate();return false;"
                                                     class="btn btn-primary">
                                                    ذخیره کردن
                                                </div>
                                                <div onclick="sendTestMailModal();return false;"
                                                     class="btn btn-primary">
                                                    تست ایمیل
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.col -->

        @include('layouts.loading')

        @stop


        @section('modals')
            @include('admin.includes.add-edit-modal')
        @endsection

        @section('footer')

            <script>
                $(function () {
                    $('#active-recaptcha').on('click', function () {
                        if ($(this).prop('checked')) {
                            $('#recaptcha-div').show();
                        } else {
                            $('#recaptcha-div').hide();
                        }
                    });

                    $('#active-email').on('click', function () {
                        if ($(this).prop('checked')) {
                            $('#email-div').show();
                        } else {
                            $('#email-div').hide();
                        }
                    });

                    $('#active-sms').on('click', function () {
                        if ($(this).prop('checked')) {
                            $('#sms-div').show();
                        } else {
                            $('#sms-div').hide();
                        }
                    });
                });
            </script>

            <script>
                var uploadButton = {
                    $button: $('.uploadButton-input'),
                    $nameField: $('.uploadButton-file-name')
                };
                uploadButton.$button.on('change', function () {
                    _populateFileField($(this));
                });

                function _populateFileField($button) {
                    var selectedFile = [];

                    for (var i = 0; i < $button.get(0).files.length; ++i) {
                        selectedFile.push($button.get(0).files[i].name + '<br>');
                    }

                    uploadButton.$nameField.html(selectedFile);
                }

                $(function () {
                    var readURL = function readURL(input, wrapper) {
                        if (input.files && input.files[0]) {
                            var reader = new FileReader();

                            reader.onload = function (e) {
                                $('.profile-pic', wrapper).attr('src', e.target.result);
                            };

                            reader.readAsDataURL(input.files[0]);
                        }
                    };

                    $(".file-upload").on('change', function () {
                        var wrapper = $(this).closest(".avatar-wrapper");
                        readURL(this, wrapper);
                    });
                    $(".avatar-wrapper").each(function () {
                        var wrapper = $(this);
                        $(".upload-button", this).on('click', function () {
                            $(".file-upload", wrapper).click();
                        });
                    });
                });
            </script>

            <!-- Select2 -->
            <script src="{{url('/assets/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
            <!-- SwiperSlider -->
            <script src="{{url('/assets/admin/plugins/swiperslider/swiper.min.js')}}"></script>
            <!-- iCheck 1.0.1 -->
            <script src="{{url('/assets/admin/plugins/iCheck/icheck.min.js')}}"></script>
            <!-- uploader -->
            <script src="{{url('/assets/js/plugins/jquery.fancy-fileupload.js')}}"></script>

            <script>
                function readURL(input) {
                    if (input.files && input.files[0]) {

                        var reader = new FileReader();

                        reader.onload = function (e) {
                            $('.image-upload-wrap').hide();

                            $('.file-upload-image').attr('src', e.target.result);
                            $('.file-upload-content').show();

                            $('.image-title').html(input.files[0].name);
                        };

                        reader.readAsDataURL(input.files[0]);

                    } else {
                        removeUpload();
                    }
                }

                function removeUpload() {
                    $('.file-upload-input').replaceWith($('.file-upload-input').clone());
                    $('.file-upload-content').hide();
                    $('.image-upload-wrap').show();
                }

                $('.image-upload-wrap').bind('dragover', function () {
                    $('.image-upload-wrap').addClass('image-dropping');
                });
                $('.image-upload-wrap').bind('dragleave', function () {
                    $('.image-upload-wrap').removeClass('image-dropping');
                });
            </script>

            <script>
                $(function () {
                    //Initialize Select2 Elements
                    $('.select2').select2();
                    $('.select2tag').select2({
                        tags: true
                    });
                })
            </script>
            <!-- Input Dynamic -->
            <script src="{{url('/assets/taginput/tagsinput.js') }}"></script>
            <script>
                saveSetting = function (id) {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });

                    var data = $('#settingForm').serialize();

                    $.ajax({
                        url: '{{ url('/admin/settings') }}/' + id,
                        type: 'PUT',
                        data: data,
                        success: function (response) {
                            Swal.fire(
                                'موفق',
                                response.message,
                                'success'
                            );
                        },
                        error: function (xhr) {
                            Swal.close();
                            if (xhr.status === 422) {
                                jQuery.each(xhr.responseJSON.errors, function (key, value) {
                                    toastr.error(value);
                                });
                            }
                            if (xhr.status !== 422) {
                                toastr.warning(xhr.responseJSON.errors);
                            }
                        }
                    });


                }
            </script>

            <script>
                gatewayUpdate = function (id) {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    var data = $('#gatewayForm' + id).serialize();
                    $.ajax({
                        url: '{{ url('/admin/settingGateway') }}/' + id,
                        type: 'PUT',
                        data: data,
                        success: function (response) {
                            Swal.fire(
                                'موفق',
                                response.message,
                                'success'
                            );
                        },
                        error: function (xhr) {
                            Swal.close();
                            if (xhr.status === 422) {
                                jQuery.each(xhr.responseJSON.errors, function (key, value) {
                                    toastr.error(value);
                                });
                            }
                            if (xhr.status !== 422) {
                                toastr.warning(xhr.responseJSON.errors);
                            }
                        }
                    });
                }
            </script>


            <script>
                smsUpdate = function () {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    var data = $('#smsForm').serialize();
                    $.ajax({
                        url: '{{ url('/admin/settingSms') }}',
                        type: 'POST',
                        data: data,
                        success: function (response) {
                            Swal.fire(
                                'موفق',
                                response.message,
                                'success'
                            );
                        },
                        error: function (xhr) {
                            Swal.close();
                            if (xhr.status === 422) {
                                jQuery.each(xhr.responseJSON.errors, function (key, value) {
                                    toastr.error(value);
                                });
                            }
                            if (xhr.status !== 422) {
                                toastr.warning(xhr.responseJSON.errors);
                            }
                        }
                    });
                }
            </script>

            <script>
                recaptchaUpdate = function () {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    var data = $('#recaptchaForm').serialize();
                    $.ajax({
                        url: '{{ url('/admin/settingRecaptcha') }}',
                        type: 'POST',
                        data: data,
                        success: function (response) {
                            Swal.fire(
                                'موفق',
                                response.message,
                                'success'
                            );
                        },
                        error: function (xhr) {
                            Swal.close();
                            if (xhr.status === 422) {
                                jQuery.each(xhr.responseJSON.errors, function (key, value) {
                                    toastr.error(value);
                                });
                            }
                            if (xhr.status !== 422) {
                                toastr.warning(xhr.responseJSON.errors);
                            }
                        }
                    });
                }
            </script>

            <script>
                emailUpdate = function () {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    var data = $('#emailForm').serialize();
                    $.ajax({
                        url: '{{ url('/admin/settingEmail') }}',
                        type: 'POST',
                        data: data,
                        success: function (response) {
                            Swal.close();
                            toastr.success(response.message);
                        },
                        error: function (xhr) {
                            Swal.close();
                            if (xhr.status === 422) {
                                jQuery.each(xhr.responseJSON.errors, function (key, value) {
                                    toastr.error(value);
                                });
                            }
                            if (xhr.status !== 422) {
                                toastr.warning(xhr.responseJSON.errors);
                            }
                        }
                    });
                }

                function sendTestMailModal() {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: '{{ url('admin/settings/get-send-mail-modal') }}',
                        type: 'POST',
                        success: function (response) {
                            $('#addEditModal').modal();
                            $('#modal-body').empty().html(response);
                        },
                        error: function (xhr) {
                            toastr.warning('خطایی رخ داد.');
                        }
                    });
                }

                function sendTestMail() {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url: '{{url('admin/settings/send-test-email')}}',
                        container: '#test-mail-form',
                        type: "POST",
                        messagePosition: "inline",
                        data: $('#test-mail-form').serialize(),
                        success: function (response) {
                            $('#addEditModal').modal('hide');
                            toastr.success(response.message);
                        },
                        error: function (xhr) {
                            toastr.warning(xhr.responseJSON.errors);
                        }

                    })
                }
            </script>

            <script>
                updateLogo = function () {
                    var form = $('form')[3]; // You need to use standard javascript object here
                    var data = new FormData(form);

                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });

                    $.ajax({
                        url: '{{ url('/admin/settingLogo') }}',
                        type: 'POST',
                        data: data,
                        contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
                        processData: false, // NEEDED, DON'T OMIT THIS
                        success: function (response) {
                            $('#loading').hide();
                            toastr.success(response.message);
                        },
                        error: function (xhr) {
                            $('#loading').hide();
                            if (xhr.status === 422) {
                                jQuery.each(xhr.responseJSON.errors, function (key, value) {
                                    toastr.error(value);
                                });
                            }
                            if (xhr.status !== 422) {
                                toastr.warning(xhr.responseJSON.errors);
                            }
                        }
                    });
                }
            </script>

            <script>
                updatePage = function () {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });
                    var data = $('#pageForm').serialize();
                    $.ajax({
                        url: '{{ url('/admin/settingPage') }}',
                        type: 'POST',
                        data: data,
                        success: function (response) {
                            Swal.fire(
                                'موفق',
                                response.message,
                                'success'
                            );
                        },
                        error: function (xhr) {
                            Swal.close();
                            toastr.warning(xhr.responseJSON.error);
                        }
                    });
                }
            </script>
            <script>
                updateMayor = function () {
                    Swal.fire({
                        title: 'در حال ثبت ...',
                        onBeforeOpen: () => {
                            Swal.showLoading()
                        },
                    });
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        }
                    });

                    var form = $('form')[2]; // You need to use standard javascript object here
                    var data = new FormData(form);
                    $.ajax({
                        url: '{{ url('/admin/settingMayor') }}',
                        type: 'POST',
                        data: data,
                        contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
                        processData: false, // NEEDED, DON'T OMIT THIS
                        success: function (response) {
                            Swal.fire(
                                'موفق',
                                response.message,
                                'success'
                            );
                        },
                        error: function (xhr) {
                            Swal.close();
                            toastr.warning(xhr.responseJSON.error);
                        }
                    });
                }
            </script>
            <script>
                $(document).on("click", ".deactivate", function () {

                    var data = $('#deactivateForm').serialize();

                    Swal.fire({
                        title: 'هشدار',
                        text: 'با انجام این عملیات لایسنس شما غیرفعال و سورس دیگر کار نخواهد کرد. مطمئن هستید؟',
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#00a018',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'بله',
                        cancelButtonText: 'خیر'
                    }).then((result) => {
                        if (result.value) {
                            $.ajaxSetup({
                                headers: {
                                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                                }
                            });
                            $.ajax({
                                url: '{{ url('admin/settingDeactivate') }}',
                                type: 'POST',
                                data: data,
                                success: function (response) {
                                    Swal.fire(
                                        'موفق',
                                        response.message,
                                        'success'
                                    );
                                    location.reload();
                                },
                                error: function (xhr) {
                                    Swal.close();
                                    toastr.warning(xhr.responseJSON.error);
                                }
                            });
                        }
                    });
                });

            </script>

            <script>
                $(document).ready(function () {

                    var count = 1;

                    dynamic_field_link(count);

                    function dynamic_field_link(number) {
                        html = '<tr>';
                        html += '<td><input type="text" name="links[]" class="form-control" /></td>';
                        if (number > 1) {
                            html += '<td><button type="button" name="remove" id="" class="btn btn-danger remove-link">حذف</button></td></tr>';
                            $('#tbody-link').append(html);
                        } else {
                            html += '<td><button type="button" name="add" id="add-link" class="btn btn-success">افزودن</button></td></tr>';
                            $('#tbody-link').html(html);
                        }
                    }

                    $(document).on('click', '#add-link', function () {
                        count++;
                        dynamic_field_link(count);
                    });

                    $(document).on('click', '.remove-link', function () {
                        count--;
                        $(this).closest("tr").remove();
                    });

                });


            </script>
            <script>
                var route_prefix = "{{ url(config('lfm.url_prefix', config('lfm.prefix'))) }}";
            </script>

            <script src="{{url('/assets/ckeditor/ckeditor.js')}}"></script>
            <script src="{{url('/assets/ckeditor/jquery.js')}}"></script>
            <script>
                $('textarea[name=mayor_description]').ckeditor({
                    height: 200,
                    filebrowserImageBrowseUrl: route_prefix + '?type=Images',
                    filebrowserImageUploadUrl: route_prefix + '/upload?type=Images&_token={{csrf_token()}}',
                    filebrowserBrowseUrl: route_prefix + '?type=Files',
                    filebrowserUploadUrl: route_prefix + '/upload?type=Files&_token={{csrf_token()}}',
                });
                $('textarea[name=contact]').ckeditor({
                    height: 200,
                    filebrowserImageBrowseUrl: route_prefix + '?type=Images',
                    filebrowserImageUploadUrl: route_prefix + '/upload?type=Images&_token={{csrf_token()}}',
                    filebrowserBrowseUrl: route_prefix + '?type=Files',
                    filebrowserUploadUrl: route_prefix + '/upload?type=Files&_token={{csrf_token()}}',
                });


            </script>
@stop