@extends('admin.base')
@section('title', 'account management')
@section('account_content')
    @include('datatableAssets')
    @php
        $version = \Illuminate\Support\Facades\Config::get('app.version')
    @endphp
    <script src="{{asset('js/jquery.validate.min.js')}}?{{$version}}"></script>
    <script src="{{asset('js/jquery.validate-locale-zh.js')}}?{{$version}}"></script>
    <script src="{{asset('js/bootstrap.min.js')}}"></script>
    <script src="{{asset('js/jquery.dad.min.js')}}"></script>
    <link href="{{asset('css/jquery.dad.css')}}" rel="stylesheet">
    <div id="tab-5" class="tab-pane active" style="display: none">
        <div class="mydropzone1">
            <div class="mail-box-header">
                <div class="col-md-12">
                    <div id="mydropzone1" class="row dropzone" style="margin-top:30px;border: 2px dashed #0087F7;border-radius: 5px;background: white;">

                    </div>
                </div>
            </div>
            <div class="mail-box">
                <div class="mail-text h-200">
                    <div class="mail-attachment">
                        <p>
                            <span><i class="fa fa-paperclip"></i> <span class="glyphicon" aria-hidden="true"></span>请点击或者拖动上传文件 <span>1.请注意:最多只能上传8张图片。</span> <span>2.系统可接受的附件类型为: .jpeg,.jpg,.png,.gif.</span> </span>
                        </p>
                        <div class="attachment">
                            <div id="filecollection1">
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mydropzone2">
            <div class="mail-box-header">
                <div class="col-md-12">
                    <div id="mydropzone2" class="row dropzone" style="margin-top:30px;border: 2px dashed #0087F7;border-radius: 5px;background: white;">

                    </div>
                </div>
            </div>
            <div class="mail-box">
                <div class="mail-text h-200">
                    <div class="mail-attachment">
                        <p>
                            <span><i class="fa fa-paperclip"></i> <span class="glyphicon" aria-hidden="true"></span>请点击或者拖动上传文件 <span>1.请注意:最多只能上传8张图片。</span> <span>2.系统可接受的附件类型为: .jpeg,.jpg,.png,.gif.</span> </span>
                        </p>
                        <div class="attachment">
                            <div id="filecollection2">
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>{{(($university) ? __('Edit University Information'):__('Add University Information'))}}</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div>
                            <div class="ui">
                                <form class="form-horizontal" method="post" action="{{route('saveUniversityDetails', ['ID'=>$university->id??null])}}" enctype="multipart/form-data" id="universityForm">
                                    {{ csrf_field() }}
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <label class="col-sm-12"><span class="red">*</span>{{ __('University Name in Chinese') }}</label>
                                                    <div class="col-sm-12">
                                                        <input type="text" value="{{$university->uniNameChinese??''}}" class="form-control" placeholder="University Name in Chinese" name="uniNameChinese" id="uniNameChinese" required>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="col-sm-12"><span class="red">*</span>{{ __('University Name in English') }}</label>
                                                    <div class="col-sm-12">
                                                        <input type="text" value="{{$university->uniName??''}}" class="form-control" placeholder="University Name in English" name="uniName" id="uniName" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <label class="col-sm-12">检索名称(英文)</label>
                                                    <div class="col-sm-12">
                                                        <input type="text" value="{{$university->searchTermEnglish??''}}" class="form-control" placeholder="Search Term English" name="searchTermEnglish" id="searchTermEnglish">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="col-sm-12">{{ __('Search Term Chinese') }}</label>
                                                    <div class="col-sm-12">
                                                        <input type="text" value="{{$university->searchTermChinese??''}}" class="form-control" placeholder="Search Term Chinese" name="searchTermChinese" id="searchTermChinese">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mt-10">
                                        <div class="col-sm-3">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Location') }}</label>
                                            <div class="col-sm-12">
                                                <select class="ui search dropdown form-control" name="location" id="location"  autocomplete="off" onchange="handlerLocation()" required>
                                                    <option value="">Select Location</option>
                                                    @foreach($locations as $key => $value1)
                                                        @if(isset($university) && $university->locationID==$value1->locationID)
                                                            <option value="{{$value1->locationID}}" selected>{{$value1->locationName}}</option>
                                                        @else
                                                            <option value="{{$value1->locationID}}">{{$value1->locationName}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                             </div>
                                        </div>

                                        <div class="col-sm-3">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('City') }}</label>
                                            <div class="col-sm-12">
                                                <select class="ui search dropdown form-control" name="city" id="city"  autocomplete="off" required>

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="col-sm-12"><span class="red">*</span>推荐指数</label>
                                            <div class="col-sm-12">
                                                <input type="number" value="{{$university->recommendationIndex??''}}" min="0" class="form-control"placeholder="Recommendation Index" name="recIndex" id="recIndex" required>
                                            </div>
                                        </div>
                                        <div class="col-sm-1 mt-10">
                                            <div class="ui checkbox">
                                                <input type="checkbox" id="thirdPartyStatus" name="thirdPartyStatus" value="checked" @if(isset($university) && $university->thirdPartyStatus == 1) checked @endif>
                                                <label>UCAS Fees</label>
                                            </div>
                                        </div>

                                        <div class="col-sm-1 mt-10">
                                            <div class="ui checkbox">
                                                <label>合作院校</label>
                                                <input type="checkbox" id="isPartner" name="isPartner" value="checked" @if(isset($university) && $university->is_partner == 1) checked @endif>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Estimated Living Expense') }}</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" value="{{$university->livingCost??''}}" placeholder="Estimated Living Expense" name="livingCost" id="livingCost" required>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Career Path') }}</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" value="{{$university->careerProspectus??''}}" placeholder="Career Path" id="careerProspectus" name="careerProspectus" required>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Student Satisfaction') }}</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" value="{{$university->studentSatisfaction??''}}" placeholder="Student Satisfaction" name="studentSatisfaction" id="studentSatisfaction" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('International Student Rate') }}</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" value="{{$university->internationalStudent??''}}" placeholder="International Student Rate" name="internationalStudent" id="internationalStudent" required>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Minimun IELTS Requirenent') }}</label>
                                            <div class="col-sm-12">
                                                <select class="ui search dropdown form-control" id="minimumIELTS" name="minimumIELTS" required>
                                                    <option value="5">5.0</option>
                                                    <option value="5.5">5.5</option>
                                                    <option value="6">6.0</option>
                                                    <option value="6.5">6.5</option>
                                                    <option value="7">7.0</option>
                                                    <option value="8">7.0+</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Slogan') }}</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" value="{{$university->slogan??''}}" placeholder="Slogan" name="slogan" id="slogan" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-4">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('CUG UK Ranking') }}  {{__('Enter 0 for unranked university')}}</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" value="{{$university->CUGRanking??''}}"  placeholder="CUG UK Ranking" id="CUGRanking" name="CUGRanking" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-4">
                                            <label class="col-sm-12">硕士阶段合作方
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="allSameChannel" id="allSameChannel" @if($allSameChannel) checked @endif onclick="allSameChannelChk()">统一合作方</label>
                                            <div class="col-sm-12">
                                                <select class="ui search dropdown form-control" id="postgraduateChannel" name="postgraduateChannel">
                                                    <option value="">未选择</option>
                                                    @foreach($channels as $channel)
                                                        <option value="{{$channel->id}}" @if(isset($university->postgraduate_channel) && $university->postgraduate_channel == $channel->id) selected @endif>{{$channel->channelName}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <label class="col-sm-12">本科阶段合作方</label>
                                            <div class="col-sm-12">
                                                <select class="ui search dropdown form-control" id="undergraduateChannel" name="undergraduateChannel" @if($allSameChannel) disabled="disabled" @endif>
                                                    <option value="">未选择</option>
                                                    @foreach($channels as $channel)
                                                        <option value="{{$channel->id}}" @if(isset($university->undergraduate_channel) && $university->undergraduate_channel == $channel->id) selected @endif>{{$channel->channelName}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <label class="col-sm-12">本科预/硕士预阶段合作方</label>
                                            <div class="col-sm-12" @if($allSameChannel) disabled @endif>
                                                <select class="ui search dropdown form-control" id="foundationChannel" name="foundationChannel" @if($allSameChannel) disabled="disabled" @endif>
                                                    <option value="">未选择</option>
                                                    @foreach($channels as $channel)
                                                        <option value="{{$channel->id}}" @if(isset($university->foundation_channel) && $university->foundation_channel == $channel->id) selected @endif>{{$channel->channelName}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-12 mt-10">
                                            <label class="col-sm-1">{{ __('Provide bank statements to get CAS in return') }}</label>
                                            <div class="col-sm-2">
                                                <label><input name="bankCas" type="radio" value="1" @if(isset($university->bank_cas) && $university->bank_cas == 1) checked @endif"/>是</label>&nbsp;&nbsp;&nbsp;
                                                <label><input name="bankCas" type="radio" value="0" @if(!isset($university->bank_cas) || $university->bank_cas != 1) checked @endif"/>否</label>
                                           </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-12 mt-10">
                                            <label class="col-sm-1">类别</label>
                                            <div class="col-sm-2">
                                                <select class="form-control valid" name="virtualType" id="virtualType"  autocomplete="off" required>
                                                    @foreach($virtualTypes as $key => $value)
                                                        <option value="{{$key}}" @if(isset($university->virtualType) && $university->virtualType == $key) selected @endif>{{$value}}</option>
                                                    @endforeach
                                                </select>
                                           </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-12 mt-10">
                                            <label class="col-sm-12">{{ __('Distinction Courses') }}<button id="add_course">+</button></label>
                                            <div class="col-sm-12" id="course_div">
                                            @if(isset($university) && !empty(json_decode($university->distinct_courses)))
                                                @foreach (json_decode($university->distinct_courses) as $val)
                                                    <input type="text" value="{{$val}}" placeholder="DistinctCourses" name="DistinctCourses[]" class="DistinctCourses form-control mt-10">
                                                @endforeach
                                            @else
                                                <input type="text" placeholder="DistinctCourses" name="DistinctCourses[]" class="DistinctCourses form-control mt-10">
                                            @endif
                                           </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-12">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Introduction in Chinese') }}</label>
                                            <div class="col-sm-12">
                                                <textarea rows="3" class="form-control" id="descriptionChinese" name="descriptionChinese" required> {{$university->descriptionChinese??''}} </textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-12">
                                            <label class="col-sm-12"><span class="red">*</span>{{ __('Introduction in English') }}</label>
                                            <div class="col-sm-12">
                                                <textarea rows="3" class="form-control" id="description" name="description" required>{{$university->description??''}}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-10">
                                        <div class="col-sm-6">
                                            <label class="col-sm-12">{{ __('University Logo') }}</label>
                                            <div class="col-sm-12">
                                                <input type = "file" class="form-control pb-10" name="uniLogo" id="uniLogo">
                                            </div>
                                            <div class="col-sm-12 pic">
                                                <img alt="Logo Preview" id="logoPreview" @if(isset($university)) src="{{config('locations.universityImage.asset').$university->uniLogo}}?x-oss-process=image/resize,m_lfit,h_100,w_100" @endif >
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <label class="col-sm-12">{{ __('University Photo') }} ({{ __('Large') }})</label>
                                            <div class="col-sm-12">
                                             <input type="file" class="form-control pb-10" id="uniPictureLarge" name="uniPictureLarge">
                                            </div>
                                            <div class="col-sm-12 pic">
                                                <img alt="Image Preview" id="imgPreview" @if(isset($university)) src="{{config('locations.universityImage.asset').$university->uniPictureLarge}}?x-oss-process=image/resize,m_lfit,h_100,w_100" @endif >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="col-sm-6">
                                            <label class="red font-larger">200*100 within 2MB</label>
                                        </div>
                                        <div class="col-sm-6">
                                            <label class="red font-larger">1200*600 within 2MB</label>
                                        </div>
                                    </div>

                                    <div class="row mt-10">
                                        <div class="col-sm-6">
                                            <label class="col-sm-12">{{ __('Mobile University Logo') }}</label>
                                            <div class="col-sm-12">
                                                <input type = "file" class="form-control pb-10" name="mobileUniLogo" id="mobileUniLogo">
                                            </div>
                                            <div class="col-sm-12 pic">
                                                <img alt="Logo Preview" id="mobileLogoPreview" @if(isset($university->mobileUniLogo)) src="{{config('locations.universityImage.asset').$university->mobileUniLogo}}?x-oss-process=image/resize,m_lfit,h_100,w_100" @endif >
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <label class="col-sm-12">APP端大学徽标</label>
                                            <div class="col-sm-12">
                                                <input type = "file" class="form-control pb-10" name="appUniLogo" id="appUniLogo">
                                            </div>
                                            <div class="col-sm-12 pic">
                                                <img alt="Logo Preview" id="appLogoPreview" @if(isset($university->appUniLogo)) src="{{config('locations.universityImage.asset').$university->appUniLogo}}?x-oss-process=image/resize,m_lfit,h_100,w_100" @endif >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="col-sm-6">
                                            <label class="red font-larger">200*100 within 2MB</label>
                                        </div>
                                        <div class="col-sm-6">
                                            <label class="red font-larger">200*200 within 2MB</label>
                                        </div>
                                    </div>

                                    <div class="form-group" style="display:none;">
                                        <label class="form-group-title"><span class="required">*</span>宿舍小轮播图片：</label>
                                        <div class="col-sm-4 form-group-input">
                                            <div class="input-group m-b" onclick="Wheel('List1','#filecollection1')">
                                                <a  class="btn btn-white ">中文轮播图管理</a>
                                            </div>
                                            <div class="rollBox rollBox1">
                                                        <span class="img1">
                                                            <i class="fa fa-arrow-circle-left"></i>
                                                        </span>
                                                <div class="Cont" id="ISL_Cont">
                                                    <div class="ScrCont">
                                                        <div id="List1" name="List1">
                                                            <!-- 图片列表 begin -->
                                                            @if(isset($university->accomodations_img_cn))
                                                                @foreach($university->accomodations_img_cn as $one)
                                                                    <div class="pic">
                                                                        <a href="javascript:;">
                                                                            <img div-id="{{$one->id}}" class="lazyload"  data-src="{{config('locations.customerDocument.asset').$one->filePath}}" width="130" height="95" />
                                                                        </a>
                                                                    </div>
                                                            @endforeach
                                                        @endif
                                                        <!-- 图片列表 end -->
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="img2">
                                                        <i class="fa fa-arrow-circle-right"></i>
                                                    </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="input-group m-b" onclick="Wheel('List2','#filecollection2')">
                                                <a  class="btn btn-white ">英文轮播图管理</a>
                                            </div>
                                            <div class="rollBox rollBox2">
                                                    <span class="img3">
                                                        <i class="fa fa-arrow-circle-left"></i>
                                                    </span>
                                                <div class="Cont" id="ISL_Cont">
                                                    <div class="ScrCont">
                                                        <div id="List1" name="List2">
                                                            <!-- 图片列表 begin -->
                                                            @if(isset($university->accomodations_img_en))
                                                                @foreach($university->accomodations_img_en as $one)
                                                                    <div class="pic">
                                                                        <a href="javascript:;"><img  div-id="{{$one->id}}" class="lazyload" data-src="{{config('locations.customerDocument.asset').$one->filePath}}" width="130" height="95" /></a>
                                                                    </div>
                                                            @endforeach
                                                        @endif
                                                        <!-- 图片列表 end -->
                                                        </div>
                                                        <div id="List2"></div>
                                                    </div>
                                                </div>
                                                <span class="img4">
                                                        <i class="fa fa-arrow-circle-right"></i>
                                                    </span>
                                            </div>
                                        </div>
                                    </div>
                                    @include ('admin.university.recommended_courses')
                                    <div class="row mt-10">
                                        <div class="col-sm-12 mt-10">
                                            <div class="col-sm-2">
                                                <div class="ui primary button form-control" tabindex="0" onclick="storeUniversity()">{{ __('Submit') }} </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <div class="ui primary button form-control" tabindex="0" onclick="lay_close_tab()">{{ __('Return') }} </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="accomodations_img_cn" id="accomodations_img_cn" value="">
                                    <input type="hidden" name="accomodations_img_en" id="accomodations_img_en" value="">
                                </form>
                            </div>
                            <div class="col-sm-12">
                                <label class="red" id="overallValidation"></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Start Confirm Modal --}}
    <div class="modal" tabindex="-1" role="dialog" id="submit_confirmation_modal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title inline">{{ __('Confirm Submit') }}</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" onclick="cancelSubmit()">{{ __('Cancel') }}</button>
                    <button type="button" class="btn btn-primary" id="confirmSubmit">{{ __('Confirm') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End Confirm Modal --}}
    <script>
        let _cities = {!!$cities!!},
            _cityId = @if(isset($university) && $university->cityID) {{$university->cityID}} @else "" @endif;

        if(_cityId!==""){
            handlerLocation(_cityId)
        }else{
            handlerLocation()
        }

        function handlerLocation(cityID) {
            let arr = []
            $("#city").html("")
            let _str = `<option value="">Select City</option>`;
            let _location =  $("#location option:selected").text();
            if(_location){
                _cities.map(i=>{
                    if(i.locationName == _location){
                        arr.push(i)
                    }
                })
            }
            if(arr.length <= 1){
                _str+= `<option value="`+arr[0].cityID+`" selected>`+arr[0].cityName+`</option>`
            }else {
                arr.map(item=>{
                    if(cityID && cityID == item.cityID){
                        _str+= `<option value="`+item.cityID+`" selected>`+item.cityName+`</option>`
                    }else{
                        _str+= `<option value="`+item.cityID+`">`+item.cityName+`</option>`
                    }
                })
            }

           $("#city").append(_str)

        }
    </script>
    <script>
        $(function(){
            $('.checkbox').checkbox();
            $('#courseAndUniversity, #university').addClass('active');
            @if(isset($university)) $('#minimumIELTS').val('{{$university->minimumIELTS}}'); @endif
        });

        var validate =  $("#universityForm").validate({}),
            loading;
        function storeUniversity() {
            if($('#uniName').val() != '' && $('#location').val() != '' && $('#city').val() != ''
                && $('#livingCost').val() != '' && $('#careerProspectus').val() != '' && $('#studentSatisfaction').val() != ''
                && $('#internationalStudent').val() != '' && $('#minimumIELTS').val() != '' && $('#slogan').val() != '' && $('#recIndex').val() != ''&&
                $('#CUGRanking').val() != ''	&& $('#slogan').val() != '' && $('#description').val() != ''
                && validate.form()
            )
            {

                $('#overallValidation').empty();
                $('#submit_confirmation_modal').modal('show');
                $('#confirmSubmit').on('click', function () {
                    var cnarray = [],
                    unarray = [];
                    $("div[name='List1'] img").each(function () {
                        cnarray.push($(this).attr("div-id"))
                    })
                    $("div[name='List2'] img").each(function () {
                        unarray.push($(this).attr("div-id"))
                    })
                    $("#accomodations_img_cn").val(cnarray);
                    $("#accomodations_img_en").val(unarray);

                    storeUniversityData();
                    $('#submit_confirmation_modal').modal('hide');
                    loading = layer.load();
                });
            }
            else
            {
                $('#overallValidation').html('重新检查输入要求');
            }
        }
        var ajaxRunning = false;
        function storeUniversityData()
        {
            if (ajaxRunning) {
                return false;
            }
            var formData = new FormData($('#universityForm')[0]);
            formData.append("_token", "{{ csrf_token() }}");
            formData.append("recommendedCourses", getRecommendedCourses());

            $.ajax({
                type: 'POST',
                url: '{{route('saveUniversityDetails',['ID'=>$university->id??null])}}',
                data: formData,
                processData: false,
                contentType: false,
                success: function () {


                    layer.close(loading);
                    submitSuccess();
                },
                error: function(xhr, status, error){ajaxRunning = false;},
                complete: function(){ajaxRunning = false;}
            });
            ajaxRunning = true;
        }

        function getRecommendedCourses()
        {
            var list = [];
            if (recommendedCoursesTableDYM && recommendedCoursesTableDYM.data().count() > 0) {
                recommendedCoursesTableDYM.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
                    var data = this.data();
                    var isChecked = $('#switch'+data.DT_RowId).prop('checked');
                    list[rowLoop] = {'courseId': data.courseId, 'status': isChecked, 'rank': data.rank};
                } );
            }
            return JSON.stringify(list);
        }

        function submitSuccess() {
            parent.triggerDataTableChange('universities');
            layer.confirm('Added Successfully', {
                btn: ['Remain Here','Go to Course List'], //按钮
                shade: false //不显示遮罩
            }, function () {
                this_reload();
            }, function () {
                lay_close_tab();
            });
        }

        function cancelSubmit () {
            $('#submit_confirmation_modal').modal('hide');
        }

        function citySearchFilter() {
            var data = {
                '_token':"{{ csrf_token() }}"
            };
            //filter by location
            var locationValue = new Array();
            locationValue.push($("#location").val());
            data['location'] = locationValue;
            $.ajax({
                type:'GET',
                url:"{{route('citySearchFilter')}}",
                data:data,
                success:function(data){
                    var $cities = data.cities;
                    var $locations = data.locations;
                    //alert(data.locations);
                    //console.log(values);
                    var $city = $("#city");
                    $city.empty(); // remove old options
                    $city.append('<option value="">  Select City</option>');
                    for (var a = 0; a < $locations.length; a++) {
                        $city.append('<option disabled class="bg-info" value="' + $locations[a].locationName + '">' + $locations[a].locationName + '</option>');
                        for (var i = 0; i < $cities.length; i++) {
                            if($locations[a].locationName ==$cities[i].locationName )
                                $city.append('<option value="' + $cities[i].cityID + '">' + $cities[i].cityName + '</option>');
                        }
                    }

                    $city.dropdown('restore default text').find('.text').addClass('default');
                }
            });
        }
        // $("#location").change(function(){
        //     citySearchFilter();
        // });
        $("#add_course").click(function(){
            var course_html = '<input type="text" placeholder="DistinctCourses" name="DistinctCourses[]" class="DistinctCourses form-control mt-10" required>';
            var course_size = $(".DistinctCourses").length;
            if(course_size>2){
                alert('最多只能添加3个课程');
                return false;
            }
            $("#course_div").append(course_html);
        });

        var imgPreview = document.getElementById('imgPreview');
        var logoPreview = document.getElementById('logoPreview');
        var mobileLogoPreview = document.getElementById('mobileLogoPreview');
        var logoFilechooser = document.getElementById('uniLogo');
        var imgFilechooser = document.getElementById('uniPictureLarge');
        var mobileUniLogo = document.getElementById('mobileUniLogo');
        var appUniLogo = document.getElementById('appUniLogo');
        var appLogoPreview = document.getElementById('appLogoPreview');

        var maxsize = 200 * 1024;
        logoFilechooser.onchange = function() {
            var files = this.files;
            var file = files[0];
            if (!/\/(?:jpeg|jpg|png)/i.test(file.type)) return;
            var reader = new FileReader();
            reader.onload = function() {
                var result = this.result;
                var img = new Image();
                if (result.length <= maxsize) {
                    toLogoPreview(result);
                    return;
                }
                img.onload = function() {
                    var compressedDataUrl = compress(img, file.type);
                    toLogoPreview(compressedDataUrl);
                    img = null;
                };
                img.src = result;
            };
            reader.readAsDataURL(file);
        };

        imgFilechooser.onchange = function() {
            var files = this.files;
            var file = files[0];
            if (!/\/(?:jpeg|jpg|png)/i.test(file.type)) return;
            var reader = new FileReader();
            reader.onload = function() {
                var result = this.result;
                var img = new Image();
                if (result.length <= maxsize) {
                    toImgPreview(result);
                    return;
                }
                img.onload = function() {
                    var compressedDataUrl = compress(img, file.type);
                    toImgPreview(compressedDataUrl);
                    img = null;
                };
                img.src = result;
            };
            reader.readAsDataURL(file);
        };

        mobileUniLogo.onchange = function() {
            var files = this.files;
            var file = files[0];
            if (!/\/(?:jpeg|jpg|png)/i.test(file.type)) return;
            var reader = new FileReader();
            reader.onload = function() {
                var result = this.result;
                var img = new Image();
                if (result.length <= maxsize) {
                    toMobileLogoPreview(result);
                    return;
                }
                img.onload = function() {
                    var compressedDataUrl = compress(img, file.type);
                    toMobileLogoPreview(compressedDataUrl);
                    img = null;
                };
                img.src = result;
            };
            reader.readAsDataURL(file);
        };

        appUniLogo.onchange = function() {
            var files = this.files;
            var file = files[0];
            if (!/\/(?:jpeg|jpg|png)/i.test(file.type)) return;
            var reader = new FileReader();
            reader.onload = function() {
                var result = this.result;
                var img = new Image();
                if (result.length <= maxsize) {
                    toAppLogoPreview(result);
                    return;
                }
                img.onload = function() {
                    var compressedDataUrl = compress(img, file.type);
                    toAppLogoPreview(compressedDataUrl);
                    img = null;
                };
                img.src = result;
            };
            reader.readAsDataURL(file);
        };

        function toImgPreview(dataUrl) {
            imgPreview.src = dataUrl;
        }
        function toLogoPreview(dataUrl) {
            logoPreview.src = dataUrl;
        }
        function toMobileLogoPreview(dataUrl) {
            mobileLogoPreview.src = dataUrl;
        }
        function toAppLogoPreview(dataUrl) {
          appLogoPreview.src = dataUrl;
        }
        function compress(img, fileType) {
            var canvas = document.createElement("canvas");
            var ctx = canvas.getContext('2d');
            var width = img.width;
            var height = img.height;
            canvas.width = width;
            canvas.height = height;
            ctx.fillStyle = "#fff";
            ctx.fillRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(img, 0, 0, width, height);
            var base64data = canvas.toDataURL(fileType, 0.75);
            canvas = ctx = null;
            return base64data;
        }
    </script>
    <script src="{{asset('js/content.js')}}"></script>
    <script src="{{asset('js/lazyload.js' )}}"></script>
    <script language="javascript" type="text/javascript">
        var lazyLoad = null;
        lazyLoadImages()
        function lazyLoadImages() {
            lazyLoad = new LazyLoad({
                elements_selector: ".lazyload"
            });
        }
        var list1_img_len = $("div[name='List1']").find("div.pic").length,
            list2_img_len = $("div[name='List2']").find("div.pic").length;
        if(list1_img_len < 4){
            $(".img1").hide();
            $(".img2").hide();
        }
        if(list2_img_len < 4){
            $(".img3").hide();
            $(".img4").hide();
        }
        Dropzone.autoDiscover = false;
        var leftval = 0;
        var rightval = 0;
        $(".img2").click(function () {
            var lengthimg = $(this).prev("#ISL_Cont").find("#List1").find("img").length;
            var lengthval =lengthimg*130;
            var lengthmun = lengthval - 390;
            if (lengthmun != leftval) {
                leftval += 130;
                $(this).prev("#ISL_Cont").find("#List1").animate({'marginLeft':-leftval});
            }
            else {
                return;
            }
        })
        $(".img1").click(function () {
            if (leftval != 0){
                leftval -= 130;
                $(this).next("#ISL_Cont").find("#List1").animate({'marginLeft':-leftval});
            }
            else {
                return;
            }
        })
        $(".img4").click(function () {
            var righimg = $(this).prev("#ISL_Cont").find("#List1").find("img").length;
            var righval =righimg*130;
            var righhmun = righval - 390;
            if (righhmun != rightval) {
                rightval += 130;
                $(this).prev("#ISL_Cont").find("#List1").animate({'marginLeft':-rightval});
                console.log($(this).prev("#ISL_Cont").find("#List1").find("img").length)
            }
            else {
                return;
            }
        })

        $(".img3").click(function () {
            if (rightval != 0){
                rightval -= 130;
                $(this).next("#ISL_Cont").find("#List1").animate({'marginLeft':-rightval});
            }
            else {
                return;
            }
        })
    </script>
    <script>
        function Wheel(type,depositary){
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                btn: ['确定'],
                success:function(){
                    if(type =="List1"){
                        $(".mydropzone1").show()
                        $(".mydropzone2").hide()
                    }else{
                        $(".mydropzone1").hide()
                        $(".mydropzone2").show()
                    }
                    var $imgsLen = $("div[name="+type+"] img").length;
                    if($imgsLen >= 8){
                        $(".dz-default").hide()
                    }else{
                        $(".dz-default").show()
                    }
                    $("div[name="+type+"] img").each(function(i){
                        var mydrimg =$(this).attr("src");
                        var mydrid =$(this).attr("div-id");
                        var newtext= '<div class="file-box item">'+
                            '<div class="file count-info">'+
                            '<a>'+
                            '<span class="label label-danger pull-right" onclick="del(this)">x</span>'+
                            '</a>'+
                            '<span class="corner"></span>'+
                            '<div class="icon fileThumbnail">'+
                            '<a class="download" href="javascript:;">'+
                            '<img src="'+mydrimg+'" div-id="'+mydrid+'"/>'+
                            '</a>'+
                            '</div>'+
                            '<div class="file-name Download_arrow">拖动此处可进行排序</div>'+
                            '</div>'+
                            '</div>'
                        $(''+depositary+'').append(newtext);
                        $("div[name="+type+"]").html('')
                        $(''+depositary+'').dad({
                            draggable: '.file-name'
                        });
                    })
                },
                end:function(){
                    $(""+depositary+" img").each(function(i){
                        var newarrayid =$(this).attr("div-id");
                        var newimg = $(this).attr("src");
                        var picImg = '<div class="pic">'+
                            '<a href="#" target="_blank">'+
                            '<img src="'+newimg+'" div-id="'+newarrayid+'" width="130" height="95">'+
                            '</a>'+
                            '</div>';
                        $("div[name="+type+"]").append(picImg);
                    }),
                        $(''+depositary+'').html("");
                    var list1_img_len = $("div[name='List1']").find("div.pic").length,
                        list2_img_len = $("div[name='List2']").find("div.pic").length;
                    if(list1_img_len < 4){
                        $(".img1").hide();
                        $(".img2").hide();
                    }else{
                        $(".img1").show();
                        $(".img2").show();
                    }
                    if(list2_img_len < 4){
                        $(".img3").hide();
                        $(".img4").hide();
                    }else{
                        $(".img3").show();
                        $(".img4").show();
                    }
                },
                area: ['80%','500px'],
                skin: '', //没有背景色
                shadeClose: true,
                content: $('#tab-5')
            });
            $(".layui-layer").css({
                "overflow":"auto"
            })
        }
        getDropzone("div#mydropzone1",8 , "#filecollection1")
        getDropzone("div#mydropzone2",8 , "#filecollection2")
        function getDropzone($ele, len, depositary) {
            var array=[];
            var imgarr=[];
            var data;
            var myDropzone = new Dropzone(""+$ele+"", {
                url:"{{ route('modelAddDocumentAjax')}}",
                paramName: "file",
                method: "post", //方式
                maxFilesize: 25, // MB
                maxFiles:len,// len,
                addRemoveLinks:true,
                dictDefaultMessage:"点击上传文件或拖动文件到这里上传",
                dictMaxFilesExceeded: "您最多只能上传8张图片！",
                acceptedFiles: ".jpeg,.jpg,.png,.gif",
                params:{"_token":"{{csrf_token()}}"},
                init: function() {
                    this.on("addedfile",function () {
                        $(".dz-default").hide()
                        var imgLen = $(""+depositary+"").find('img').length;
                        if(imgLen >= 8){
                            layer.msg("您最多只能上传8张图片！");
                            $(""+$ele+"").html('')
                            return false;
                        }
                    })
                    this.on("success", function(file) {
                        var imgLen = $(""+depositary+"").find('img').length;
                        if(imgLen >= 8){
                            $(""+$ele+"").html("")
                            return false;
                        }
                        data = JSON.parse(file.xhr.response);
                        array.unshift( data.data.id);
                        imgarr.unshift( data.data.src);
                        var newarray=data.data.id
                        var newimgarr =data.data.src;

                        var newtext= '<div class="file-box item">'+
                            '<div class="file count-info">'+
                            '<a>'+
                            '<span class="label label-danger pull-right" onclick="del(this)">x</span>'+
                            '</a>'+
                            '<span class="corner"></span>'+
                            '<div class="icon fileThumbnail">'+
                            '<a class="download" href="javascript:;">'+
                            '<img src="'+newimgarr+'" div-id="'+newarray+'"/>'+
                            '</a>'+
                            '</div>'+
                            '<div class="file-name Download_arrow">拖动此处可进行排序</div>'+
                            '</div>'+
                            '</div>'
                        $(""+depositary+"").append(newtext);
                        $(""+depositary+"").dad({
                            draggable: '.file-name'
                        });
                        if(imgarr.length >= 8){
                            $(""+$ele+"").html('<div class="dz-default dz-message" style="display: none;"><span>点击上传文件或拖动文件到这里上传</span></div>')
                        }else{
                            $(""+$ele+"").html('<div class="dz-default dz-message" style="display: block;"><span>点击上传文件或拖动文件到这里上传</span></div>')
                        }
                        myDropzone.removeFile(file);
                        layer.msg(data.msg);

                    });
                }
            });
        }
        function del(delval){
            var thisdel = delval;
            $(thisdel).parents(".dads-children").remove();
        }
        function allSameChannelChk(){
            var allSameChannelchk = document.getElementById("allSameChannel").checked;
            if (allSameChannelchk == true) {
                var postgraduateChannel = $('#postgraduateChannel').val();
                $("#undergraduateChannel").val(postgraduateChannel);
                $("#undergraduateChannel").attr("disabled","disabled");
                $("#foundationChannel").val(postgraduateChannel);
                $("#foundationChannel").attr("disabled","disabled");
            } else {
                $("#undergraduateChannel").removeAttr("disabled");
                $("#foundationChannel").removeAttr("disabled");
            }
        }
    </script>
@endsection