@extends('frontend.default')

@section('content')
    @foreach (Alert::getMessages() as $type => $messages)
        @foreach ($messages as $message)
            <div class="alert alert-info mb-0">{{ $message }}</div>
        @endforeach
    @endforeach
    <section class="form-tabs">
        <div class="profile_tabe">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 offset-lg-3">
                        <div class="main-tabs">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item waves-effect waves-light active">
                                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                                        aria-controls="home" aria-selected="false">帳戶資料</a>
                                </li>
                                <li class="nav-item waves-effect waves-light">
                                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                                        aria-controls="profile" aria-selected="false">願望清單</a>
                                </li>
                                <li class="nav-item waves-effect waves-light">
                                    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab"
                                        aria-controls="contact" aria-selected="true">信息中心{!! ($msg_number = 0) > 0 ? "<span>$msg_number</span>" : '' !!}
                                    </a>
                                </li>

                                @if(env('APP_ENV',null) == 'local')
                                <li class="nav-item waves-effect waves-light">
                                    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#coupon_promotions" role="tab"
                                       aria-controls="contact" aria-selected="true">禮遇紀錄
                                    </a>
                                </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade active in" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="tab">
                                <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">
                                    基本資料
                                </button>
                                <button id="school_details_link" class="tablinks" onclick="openCity(event, 'Paris')">
                                    學校資料
                                    @if($show_exclamation)
                                        <i class="fas fa-exclamation-circle" style="color:darkred" aria-hidden="true"></i>
                                    @endif
                                </button>
                                <button class="tablinks" onclick="openCity(event, 'Tokyo')">帳單資料</button>
                                <br />
                                <br />
                                <br />
                                <br />
                                <button class="tablinks" onclick="openCity(event, 'Tokyos')">更改密碼</button>
                                <button class="tablinks" onclick="openCity(event, 'Tos')">登出</button>
                            </div>

                            <div id="London" class="tabcontent">
                                <div class="form-main">
                                    <form id="base_information"
                                        action="{{ route('.api.teacher.profile.base_information.update') }}"
                                        method="post">
                                        <div class="form-row">
                                            <div class="col-12 col-md-5 ps">
                                                <label>姓氏* </label>
                                                <input type="hidden" name="teacher_id" id="teacher_id"
                                                    value="{{ $data['teacher']->id }}">
                                                <input type="text" name="surname" id="surname"
                                                    value="{{ $data['teacher']['surname'] }}" class="form-control" />
                                            </div>
                                            <div class="col-12 col-md-5 ps">
                                                <label>名字*</label>
                                                <input type="text" name="given_name" id="given_name"
                                                    value="{{ $data['teacher']['given_name'] }}" class="form-control" />
                                            </div>
                                            <div class="col-12 col-md-10 ps">
                                                <label>聯絡電話*</label>
                                                <input type="text" name="phone" id="phone"
                                                    value="{{ $data['teacher']['phone'] }}" class="form-control" />
                                            </div>
                                            <div class="col-12 col-md-12">
                                                <div class="row">
                                                    <div class="col-12 col-md-10 ps">
                                                        <label style="padding-left: 10px">註冊電郵*</label>
                                                        <input type="text" name="emaila" id="emaila" value="{{ $data['teacher']['email'] }}"
                                                               class="form-control"/>
                                                    </div>

                                                    <div class="col-12 col-md-2 my-auto p-md-0">
                                                        @if (!empty($data['teacher']['email_verified_at']))
                                                            <span>
                                                                <i class="fa fa-check-circle text-secondary d-inline-block" aria-hidden="true"></i>
                                                                <div class="d-inline-block">已驗證</div>
                                                            </span>
                                                        @else
                                                            <div id="verification_re_send" class="btn btn-primary  border-radius-15 w-100"
                                                                 data-toggle="modal">
                                                                <p class="verification_re_send_text">重發驗證電郵</p>
                                                            </div>
                                                        @endif
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <div>
                                    <div class="row">
                                        <div class="col-1">
                                            <label class="checkmark_box">
                                                <input type="checkbox" name="has_agree_promote" id="has_agree_promote"
                                                        {{ $data['teacher']['has_agree_promote'] == App\Models\School\Teacher\Teacher::ENUM_YES ? 'checked' : null }} />
                                                <span class="checkmark"></span>
                                            </label>
                                        </div>
                                        <div class="col-10 pl-md-0">
                                            <span>本人同意香港青年協會使用本人之個人資料作推廣用途。</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-1">
                                            <i class="far fa-check-circle checkmark text-secondary" style="border:unset;font-size: 25px;"></i>
                                        </div>
                                        <div class="col-10 pl-md-0">
                                            <span>本人已閱覽並同意有關<a href="{{route('.terms_of_use')}}" target="_blank">使用條款</a>及<a href="{{route('.private_policy')}}" target="_blank">私隱政策聲明</a>。如違反有關條款及聲明，本人明白校易網(EasySchoolConnect)有權暫停或終止本人的帳號。</span>
                                        </div>
                                    </div>
                                </div>
                                <div id="submit_base_information" class="btn btn-primary  border-radius-15 w-100" style="margin-top: 15px">儲存</div>
                            </div>

                            <div id="Paris" class="tabcontent" style="display:none;">
                                <div class="top-profile">
                                    @if ($data['teacher']->school->units->isEmpty())
                                        <div class="row">
                                            <div class="col-12">
                                                <p class="text-size-l">已配對的學校聯絡專員</p>
                                            </div>
                                            <div class="col-12">
                                                <p class="text-size-l">該學校目前未設有聯絡專員</p>
                                            </div>
                                        </div>
                                    @else
                                        <div class="row mb-3">
                                            <div class="col-12">
                                                <p class="sub-title-base">已配對的單位</p>
                                            </div>
                                            <div class="col-12">
                                                <div class="row">
                                                    <div class="col-12 col-md">
                                                        <p class="text-size-l">{{$data['teacher']->school->units->first()->c_unitname}}</p>
                                                    </div>
                                                    <div class="col-12 col-md">
                                                        <p class="text-size-l">{{$data['teacher']->school->units->first()->c_address}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            <div class="row">
                                                @if(!empty($data['schoolLiaisonOfficers']))
                                                    <div class="col-12">
                                                        <p class="sub-title-base">已配對的學校聯絡專員</p>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="row">
                                                            @foreach($data['schoolLiaisonOfficers'] as $schoolLiaisonOfficer)
                                                                <div class="col py-2">
                                                                    <div class="d-inline-block px-1 my-auto" style="vertical-align: top">
                                                                        <i class="fa fa-user" aria-hidden="true" style="font-size: 37.5px"></i>
                                                                    </div>
                                                                    <br>
                                                                    <div class="d-inline-block">
                                                                        <p>學校聯絡專員： {{ $schoolLiaisonOfficer->name }}</p>
                                                                        <p>聯絡電話： {{ $schoolLiaisonOfficer->unit->unit_tel }}</p>
                                                                        <p>聯絡電郵： <a target="_blank" href="mailto:{{ $schoolLiaisonOfficer->email }}">{{ $schoolLiaisonOfficer->email }}</a></p>
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="col-12">
                                                        <p class="sub-title-base">已配對的學校聯絡專員</p>
                                                    </div>
                                                    <div class="col-12">
                                                        <p class="text-size-l">該學校目前未設有聯絡專員</p>
                                                    </div>
                                                @endif
                                            </div>
                                    @endif
                                </div>

                                <div class="form-main">
                                    <form class="wincaers" enctype="multipart/form-data">
                                        <div class="form-row">
                                            <div class="col-12">
                                                <div class='row'>
                                                    <div class="col-12 col-md-8 my-auto pr-md-0">
                                                        @include('.frontend.template.school.school_select_menu',[
                                                        'is_profile' => true,
                                                        'default' => optional($data['teacher']->school)->id,
                                                        'readonly' => true,
                                                        'style' =>  'padding-left: 5px',
                                                        ])
                                                    </div>

                                                    <div class="col-12 col-md-3 text-right my-auto">
                                                        @include('frontend.template.popup.teacher.profile.updateSchool')
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 ps">
                                                <label>學校地址*</label>
                                                <input type="text" name="school_address" id="school_address"
                                                       value="{{optional($data['teacher']->school)->address}}" class="form-control" readonly/>
                                            </div>
                                            <div class="col-12">
                                                @include('.frontend.template.school.school_type_option_select_menu',[
                                                'is_profile' => true,
                                                'default' => optional(optional($data['teacher']->school)->schoolType)->name,
                                                'readonly' => true
                                                ])
                                            </div>
                                            <div class="col-12">
                                                @include('.frontend.template.district_select_menu',[
                                                'is_profile' => true,
                                                'default' => optional(optional($data['teacher']->school)->district)->id,
                                                'readonly' => true,
                                                ])
                                            </div>
                                            <div class="col-12 profile">
                                                @include('.frontend.template.school.subject', [
                                                'teacher_authentication_status' => $data['teacher']['teacher_authentication_status'],
                                                'col_number' => '33',
                                                'default' => $data['teacher_subject'],
                                                'dropdown_class' => 'border-secondary px-2',
                                                'is_exclamation' => empty($data['teacher_subject']) || count($data['teacher_subject']) == 0
                                                ])
                                            </div>
                                            <div class="col-12">
                                                @include('frontend.template.position_select_menu', [
                                                    "default" => $data['teacher']->position,
                                                    'is_profile' => true,
                                                    'is_exclamation' => empty($data['teacher']['position'])
                                                ])
                                            </div>
                                            <div class="col-12 certis">
                                                @switch($data['teacher']['teacher_authentication_status'])
                                                    @case(App\Models\School\Teacher\Teacher::TEACHER_AUTHENTICATION_STATUS_WAITING)
                                                    @case(App\Models\School\Teacher\Teacher::TEACHER_AUTHENTICATION_STATUS_REJECT)
                                                        @include('frontend.template.teacher.authentication.normal',[
                                                            'id'=>'normal',
                                                            'is_exclamation' => empty($data['teacher']['teacher_authentication_file']),
                                                            'teacher_authentication_file' => $data['teacher']['teacher_authentication_file']
                                                        ])
                                                    @break
                                                    @case(App\Models\School\Teacher\Teacher::TEACHER_AUTHENTICATION_STATUS_CONFIRM)
                                                        <p class="text-size-l" style="color:#ffc235"><sup>*</sup>已完成教師驗證</p>
                                                    @break
                                                    @default

                                                @endswitch
                                            </div>

                                        </div>
                                        <div id="school_information" class="btn btn-primary  border-radius-15 w-100" style="margin-top: 15px">儲存
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <div id="Tokyo" class="tabcontent" style="display:none;">
                                <div class="form-main">
                                    <form class="w-100">
                                        <div class="form-row">
                                            <div class="col-12 col-md-10 ps">
                                                <label>帳單上款*</label>
                                                <input type="text" class="form-control" name="letter_header"
                                                    id="letter_header" value="{{ $data['teacher']->letter_header }}" />
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <div class="parga">
                                    <div class="text-size-s text-color-base-1">
                                        <div class="d-inline-block">
                                            <span class="text-size-l">需要郵寄正本給我</span>
                                            <br>
                                            <span class="text-size-l">請選取以下需要郵寄正本項目，除於平台下載電子版本外，青協服務單位亦會根據選項把正本郵寄到貴校。</span>
                                        </div>
                                    </div>
                                    <div class="row justify-content-around my-3">
                                        <div class="col-4 checks">
                                            <label class="checkmark_box">
                                                <input type="checkbox" name="letter_about_quotation"
                                                    id="letter_about_quotation"
                                                    {{ $data['teacher']->letter_about_quotation == App\Models\School\Teacher\Teacher::ENUM_YES ? 'checked' : null }} />
                                                <span class="checkmark text-color-base-3"></span>
                                            </label>
                                            <span class="text-size-l">報價單</span>
                                        </div>
                                        <div class="col-4 checks">
                                            <label class="checkmark_box">
                                                <input type="checkbox" name="letter_about_invoice" id="letter_about_invoice"
                                                    {{ $data['teacher']->letter_about_invoice == App\Models\School\Teacher\Teacher::ENUM_YES ? 'checked' : null }} />
                                                <span class="checkmark text-color-base-3"></span>
                                            </label>
                                            <span class="text-size-l">發票</span>
                                        </div>
                                        <div class="col-4 checks">
                                            <label class="checkmark_box">
                                                <input type="checkbox" name="letter_about_receipt" id="letter_about_receipt"
                                                    {{ $data['teacher']->letter_about_receipt == App\Models\School\Teacher\Teacher::ENUM_YES ? 'checked' : null }} />
                                                <span class="checkmark text-color-base-3"></span>
                                            </label>
                                            <span class="text-size-l">收據</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-main">
                                    <form class="w-100">
                                        <div class="form-row">
                                            <div class="col-12 col-md-10 ps">
                                                <label>郵寄地址*</label>
                                                <input type="text" class="form-control" name="letter_address"
                                                    id="letter_address" value="{{ $data['teacher']->letter_address }}" />
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div name="letter_information" id="letter_information" class="btn btn-primary  border-radius-15 w-100"
                                    style="margin-top: 15px">儲存</div>
                            </div>
                            <div id="Tokyos" class="tabcontent row m-0 align-items-center" style="display:none;">
                                <div class="form-main">
                                    <form>
                                        <div class="form-row no-height" style="padding-top: 0px">
                                            <div class="col-12 max-auto">
                                                <input type="email" class="form-control"
                                                    value="{{ $data['teacher']->email }}" readonly />
                                            </div>
                                            <div class="col-12 max-auto">
                                                <input type="password" class="form-control" name="old_password"
                                                    id="old_password" placeholder="舊密碼" />
                                            </div>
                                            <div class="col-12 max-auto">
                                                <input type="password" class="form-control" name="password" id="password"
                                                    placeholder="新密碼" />
                                                <span class="d-block text-right mx-auto" style="max-width: 590px;">
                                                    {{ __('passwords.hint')  }}
                                                </span>
                                            </div>
                                            <div class="col-12 max-auto">
                                                <input type="password" class="form-control" name="password_confirmation"
                                                    id="password_confirmation" placeholder="確認新密碼" />
                                            </div>
                                            <div class="col-12 text-center mb-0">
                                                <a class="reset_password btn btn-primary border-radius-15 text-center w-100 py-2" style="max-width: 590px">更改密碼</a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div id="Tos" class="tabcontent" style="display:none;">
                                <div class="margin-auto">
                                    <h3 class="sub-title-base">確認登出帳戶？</h3>
                                    <div class="sub-btn mt-0"><a
                                            href="{{ route('.teacher.logout') }}"
                                            class="mt-0">登出</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div id="tabs">
                                <ul>
                                    <li><a href="#tabs-1" style="padding:10px">服務收藏</a></li>
                                    <li><a href="#tabs-2" style="padding:10px;display: none">導師收藏</a></li>
                                </ul>
                                <div id="tabs-1" style="padding:0;">
                                    <div class="Popular_services_sec">
                                        <div class="container" style="padding:0;">
                                            <div class="row">
                                                @if (count($data['wishlist_events']) > 0)
                                                    @foreach ($data['wishlist_events'] as $event)
                                                    <div class="col-12 col-sm-6 col-md-4">
                                                        @include('.frontend.template.event.card',[
                                                        'event' => !empty($event['detail']) ? $event['detail'] : $event,
                                                        'data'=>[
                                                            'in_wishlist' => 1
                                                        ]])
                                                    </div>
                                                    @endforeach
                                                @else
                                                    <h1>尚未收藏任何服務</h1>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="tabs-2">
                                    <div class="main-id-cards">
                                        <!-- <div class="row"> -->
                                        <!-- <div class="col-lg-8 col-md-10"> -->
                                        <div class="featured-main mentor_collection paddings">
                                            <div class="id-cards">
                                                <div class="id-cards-left">
                                                    <p>姓名: 馮嘉嘉</p>
                                                    <div class="subs">
                                                        <p>服務對象:</p>
                                                        <ul>
                                                            <li>幼稚園</li>
                                                            <li>初小</li>
                                                            <li>高小</li>
                                                            <li>初中</li>
                                                        </ul>
                                                    </div>
                                                    <div class="subs">
                                                        <p>服務性質:</p>
                                                        <ul>
                                                            <li>學習/升學支援</li>
                                                            <li>成長、情緒、健康</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="id-cards-right">
                                                    <div class="syd"><img
                                                            src="{{ url('images/profile/student.png') }}" alt="" /></div>
                                                    <div class="social-id">
                                                        <ul>
                                                            <li>
                                                                <a href="#"><img
                                                                        src="{{ url('images/profile/heart.svg') }}"
                                                                        alt="" /></a>
                                                            </li>
                                                            <li>
                                                                <a href="#"><img
                                                                        src="{{ url('images/icon/share-alt.svg') }}"
                                                                        alt="" /></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="student-info">
                                                <p><i class="fa fa-globe" aria-hidden="true"></i> 教學語言: 粵語 英語 國語</p>
                                                <p><i class="fa fa-clock-o" aria-hidden="true"></i> 教學經驗 : 3 - 5年</p>
                                                <p><i class="fa fa-graduation-cap" aria-hidden="true"></i> 持有學歷 :
                                                    修讀香港浸會大學3年級</p>
                                                <p>
                                                    <i class="fa fa-file-text" aria-hidden="true"></i> 持有證書 :<br />
                                                    <br />
                                                    <span></span>1. 2019校際朗誦節季軍<br />
                                                    <br />
                                                    <span></span>2. 基本急救證書(BFA)
                                                </p>
                                            </div>
                                            <div class="submts-btn">
                                                <a href="#">取得此導師的服務報價</a>
                                            </div>
                                        </div>
                                        <!-- </div> -->
                                        <!-- </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade no-dis" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                            @include('.frontend.template.teacher.message.list',['teacher'=> $data['teacher'], 'messagePaginator'=>$data['messagePaginator']])
                        </div>

                        @if(env('APP_ENV',null) == 'local')
                        <div class="tab-pane fade no-dis" id="coupon_promotions" role="tabpanel" aria-labelledby="coupon_promotions-tab">
                            @include('.frontend.template.teacher.coupon_promotions.list',['teacher'=> $data['teacher']])
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('pagescript')
    <script>
        function openCity(evt, cityName) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }
            $('#' + cityName).show();
            $(evt.currentTarget).addClass('active');
        }

        // Get the element with id="defaultOpen" and click on it
        document.getElementById("defaultOpen").click();
    </script>

    <script>
        $(document).ready(function() {
            if(location.href.includes('UnSubscription=true')){
                new Noty({
                    type: "warning",
                    text: "剔除「香港青年協會使用本人之個人資料作推廣用途」選項後儲存即可取消訂閱，希望未來能再與您聯繫！"
                }).show();
            }

            switch(location.hash){
                case '#message':
                    $('#contact-tab').click();
                break;
                case '#school_details':
                    $('#school_details_link').click();
                break;
                default:
                    $('#home').addClass('show')
            }

            $('.mail-icon').click(function(){
                $('#contact-tab').click();
            });

            $("#tabs").tabs();

            showSubjectBySchoolType("{{ optional(optional($data['teacher']->school)->schoolType)->name }}");

            textFit($('.verification_re_send_text'),{maxFontSize: 16,widthOnly:true});

            $('#teacher_authentication_file').change(function() {
                $('.button-upload-text').text($(this)[0].files[0].name);
            });

            $("#submit_base_information").click(function() {
                $.post("{{ route('.api.teacher.profile.base_information.update') }}", {
                    'teacher_id': "{{ $data['teacher']->id }}",
                    'surname': $("#surname").val(),
                    'given_name': $("#given_name").val(),
                    'phone': $("#phone").val(),
                    'email': $("#emaila").val(),
                    'has_agree_promote': $("#has_agree_promote:checked").val() == 'on' ?
                        "{{ App\Models\School\Teacher\Teacher::ENUM_YES }}" :
                        "{{ App\Models\School\Teacher\Teacher::ENUM_NO }}",
                },function(response) {
                    successMessage('更新成功');
                }).fail(function(response) {
                    failMessage(JSON.parse(response.responseText)['errors']);
                });
            });

            var is_school_information_update = false;
            $("#school_information").click(function() {
                if(is_school_information_update){
                    return;
                }else{
                    is_school_information_update = true;
                }

                var teacher_subjects = new Array();
                let school_type = "{{ optional(optional($data['teacher']->school)->schoolType)->name }}";

                $('.profile .teacher_subjects[school_type="' + school_type + '"]:checked').each(function(
                    index, input) {
                    teacher_subjects[index] = input.value;
                });
                teacher_subjects = JSON.stringify(teacher_subjects);

                var teacher_authentication_file = $('#teacher_authentication_file_normal');

                var formData = new FormData();
                formData.append('position', $('#position option:selected').val());
                formData.append('teacher_subjects', teacher_subjects);

                if (teacher_authentication_file.length > 0 && teacher_authentication_file[0].files.length > 0) {
                    formData.append('teacher_authentication_file', teacher_authentication_file[0].files[0]);
                    formData.append('new_teacher_authentication_file',true);
                }

                callAjax(
                    $("#school_information"),
                    {
                        url: "{{ route('.api.teacher.profile.school_information.update') }}",
                        method: 'post',
                        data: formData,
                        contentType: false,
                        processData: false,
                    },
                    function() {
                        successMessage('更新成功');

                        if (teacher_authentication_file.length > 0 && teacher_authentication_file[0].files.length > 0) {
                            bootbox.dialog({
                                'size':'lg',
                                'title': '更新學校資料',
                                'message':'<p class="text-size-l">您已成功上傳教師證明文件，我們將會於三個工作天內透過電郵通知您結果。</p>',
                                onEscape: false,
                                closeButton: false,
                                backdrop: true,
                                'buttons' : {
                                    'ok' : {
                                        'label' : '確定',
                                        'callback' : function(){
                                            location.reload()
                                        }
                                    }
                                }
                            });
                        }else{
                            bootbox.dialog({
                                'size':'lg',
                                'title': '<p class="sub-title-base">更新學校資料</p>',
                                'message':'<p class="text-size-l">您已成功更新學校資料。</p>',
                                onEscape: false,
                                closeButton: false,
                                backdrop: true,
                                'buttons' : {
                                    'ok' : {
                                        'label' : '確定',
                                        'callback' : function(){
                                            location.reload()
                                        }
                                    }
                                }
                            });
                        }

                        $('#teacher_authentication_file_normal').val('');

                        is_school_information_update = false;
                    },function(response) {
                        is_school_information_update = false;
                        failMessage(JSON.parse(response.responseText)['errors']);
                    }
                );
            });

            $("#letter_information").click(function() {
                $.post('{{ route('.api.teacher.profile.letter_information.update') }}', {
                    'teacher_id': "{{ $data['teacher']->id }}",
                    'letter_header': $('#letter_header').val(),
                    'letter_about_quotation': $('#letter_about_quotation:checked').val() == 'on' ?
                        "{{ App\Models\School\Teacher\Teacher::ENUM_YES }} " :
                        "{{ App\Models\School\Teacher\Teacher::ENUM_NO }}",
                    'letter_about_receipt': $('#letter_about_receipt:checked').val() == 'on' ?
                        "{{ App\Models\School\Teacher\Teacher::ENUM_YES }} " :
                        "{{ App\Models\School\Teacher\Teacher::ENUM_NO }}",
                    'letter_about_invoice': $('#letter_about_invoice:checked').val() == 'on' ?
                        "{{ App\Models\School\Teacher\Teacher::ENUM_YES }} " :
                        "{{ App\Models\School\Teacher\Teacher::ENUM_NO }}",
                    'letter_address': $('#letter_address').val(),
                },function() {
                    successMessage('更新成功');
                }).fail(function(response) {
                    failMessage(JSON.parse(response.responseText)['errors']);
                });
            });

            $('.reset_password').click(function() {
                $.post('{{ route('.api.teacher.profile.password.update') }}', {
                    'old_password': $('#old_password').val(),
                    'password': $('#password').val(),
                    'password_confirmation': $('#password_confirmation').val(),
                },function() {
                    $('#old_password').val('');
                    $('#password').val('');
                    $('#password_confirmation').val('');

                    successMessage('更新成功');
                }).fail(function(response) {
                    failMessage(JSON.parse(response.responseText)['errors']);
                });
            });

            $('#verification_re_send').click(function(){
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                callAjax(this,{
                    'url': "{{route('verification.send')}}",
                    'method': 'POST',
                },function(){
                    successMessage('已重發驗證電郵')
                })
            });
        }); //document
    </script>

@endsection