@extends('layout.basic.main')
@push('css')
    <style>
        .name-card {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .number-visa {
            font-weight: bold;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        #invoice_page {
            display: none;
            margin-top: 100px;
        }

        .box-invoice {
            background-color: rgba(255, 255, 255, 1);
            color: #222222;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
        }

        .title-iv {
            font-size: 35px;
            padding: 20px;
            color: #222222;
        }

        .p-iv {
            padding: 20px;
        }

        .date-bill {
            float: right;
            margin-right: 40px
        }

        .box-total {
            align-content: center;
            font-size: 24px;
            font-weight: bold;
            padding: 20px;
            border: 1px solid;
            /*max-width: 474px;*/
        }

        .box-bottom {
            padding: 20px;
            margin-bottom: 0.5em;
            margin-top: 0.5em;
        }

        .w-left {
            width: 70%
        }

        .border-text {
            border-bottom: 1px solid
        }

        .pb-text-iv {
            padding: 10px 0;
        }

        .text-address-iv {
            line-height: 30px;
            float: right
        }

        .mt-2 {
            margin-top: 20px
        }

        .bg-base {
            color: #4c9f0b;
        }

        .bd-title {
            border-bottom: 2px solid #4c9f0b;
        }

        .label-custom {
            padding: 2px 10px;
            background: #7D9195;
            border-radius: 4px;
            text-align: center;
            color: white;
            width: 120px;
        }

        .center-div {
            display: flex;
            align-items: center;
            margin-top: 10px;
            font-size: 14px;
        }

        .box-note {
            background: #f5e8e8;
            padding: 10px;
            margin-top: 10px;
            border-radius: 2px;
            font-size: 13px;
            line-height: 22px;
        }

        .btn-w {
            width: 83px;
        }
        .m-width-label{
            min-width: 350px;
        }

        .StripeElement--focus {
            border-color: #80BDFF;
        }

        #card-number.form-control,
        #card-cvc.form-control,
        #card-exp.form-control {
            display:block;
        }

        #box-payment {
            width: 60%;
            margin-top: 20px;
            margin-left: 20%;
        }

        .box-form{
            background-color: rgba(244,244,244,1);
            border-radius: 5px;
            padding: 10px;
            font-size: 16px;
        }

        #stripe-submit-card {
            background-color: rgb(18, 97, 215);
            color: white;
            padding: 10px;
            font-size: 18px;
            border-radius: 10px;
            margin-top: 30px;
            margin-left: 38%;
            width: 24%;
            min-width: 80px;
        }

        .img-card {
            margin-top: 5px;
            width: 65px;
            height: 40px;
            margin-left: 10px;
        }
        #payment_month{
            padding-right: 9%;
        }
        @media screen and (max-width: 1400px) {
            #payment_month{
                padding-right: 8%;
            }
        }
        @media screen and (max-width: 1200px) {
            #payment_month{
                padding-right: 7%;
            }
        }

        .fade {
            transform: unset !important;
            animation: unset !important;
        }
        .fade.in {
            transform: unset !important;
            animation: unset !important;
        }
        .modal-content {
            -webkit-animation-name: unset !important;
            -webkit-animation-duration: 0.6s;
            animation-name: unset !important; ;
            animation-duration: unset !important;
        }
        .modal.fade .modal-dialog {
            -webkit-transition: unset !important;
            transition: unset !important;
            -webkit-transform:unset !important;
            -ms-transform: unset !important;
            -o-transform: unset !important;
            transform: unset !important;
        }

    </style>
@endpush
@section('content')
    <article class="">
        <section class="botedit">
            <h2 style="font-size: 20px; color: #51595C; font-weight: bold; padding: 10px 10px 10px 0">支払い情報</h2>
            <p style="margin-bottom: 15px; font-size: 15px; color: #51595C">料金プランの変更、ご契約情報・決済履歴の確認、領収書の発行ができます。</p>
            @if($bot->plan_type == 1  && !empty($strip_cus_id))
                    <h3 class="title mt-2 bd-title">ご契約情報</h3>
                <div class="row ">
                    <div class="col-xs-7">
                        <div class="mt-2 center-div">
                            <label class="label-custom">ご使用プラン</label>　
                            <div class="m-width-label">
                                @if($bot->strip_customer_id && $bot->plan_type == 1 && $bot->bill_bot_type == 'month')
                                    <span>スタンダードプラン（月額10,780円）</span>
                                @endif
                                @if($bot->strip_customer_id && $bot->plan_type == 1 && $bot->bill_bot_type == 'year')
                                    <span>スタンダードプラン年間一括払い（年額116,424円）</span>
                                @endif

                            </div>
                            <div>
                                @if(strtotime($expired_date) < time() && $strip_cus_id)
                                    @if($bot->strip_card_id)
                                        <button style="background:#5799DB;width: 100px " class="btn btn-primary hide-view btn-sm btn-w" id="stripe-recharge"
                                                data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> 再課金 "
                                        >再課金
                                        </button>
                                    @endif

                                @endif
                                    @if(strtotime($expired_date) > time() || (strtotime($expired_date) < time() && !$strip_cus_id) )
                                        @if($bot->bill_bot_type == 'month')
                                            <button style="background:#FEC300;width: 100px;border: 1px solid #FEC300" class="btn btn-primary hide-view btn-sm btn-w" data-toggle='modal' data-target='#modalChangeStatusBillYear'>
                                                年払いに変更
                                            </button>
                                        @endif
                                        @if($bot->bill_bot_type == 'year')
                                            <button style="background:#FEC300;width: 100px;border: 1px solid #FEC300" class="btn btn-primary hide-view btn-sm btn-w" data-toggle='modal' data-target='#modalChangeStatusBillMonth'>
                                                月払いに変更
                                            </button>
                                        @endif

                                    @endif
                            </div>

                        </div>
                        <div class="center-div">
                            <label class="label-custom">カード情報</label>　
                            <div class="m-width-label">
                                @if($bot->strip_customer_id && $bot->strip_card_id)
                                    <span> ****-****-****-{{ $last4 }}  </span>
                                @endif
                            </div>
                            <div>
                                @if($strip_cus_id)
{{--                                    @if($last4)--}}
                                        <button style="background: #5799DB;width: 100px" class="btn btn-sm btn-primary hide-view m-btn-new-card show-form-payment"
                                                id="stripe-input-new-card">
                                            カード変更
                                        </button>
{{--                                    @else--}}
{{--                                        <button class="btn btn-sm btn-primary hide-view m-btn-new-card-none show-form-payment"--}}
{{--                                                id="stripe-input-new-card">--}}
{{--                                            カード変更--}}
{{--                                        </button>--}}
{{--                                    @endif--}}

                                @endif
                            </div>
                        </div>
                        <div class="center-div">
                            <div>
                                <label class="label-custom">次回更新日</label>　
                            </div>

                            <div class="m-width-label">
                            <span class="hide-view">{{ $expired_date ?  Carbon\Carbon::createFromTimestamp(strtotime($expired_date))->format('Y年m月d日') : '' }}
                          </span>
                            </div>
                            <div>
                                @if(strtotime($expired_date) > time() && $strip_cus_id)

                                    @if($bot->strip_card_id)
                                        <button style="background: #F44336;width: 100px" class="btn btn-danger btn-sm hide-view m-btn-cancel"
                                                id="stripe-unlink-card"
                                                data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> 決済キャンセル ">
                                            解約する
                                        </button>
                                        <br/>
                                        {{--                            <p style="color: red">Auto charge will be disable when unlink but you still can use normal--}}
                                        {{--                                until expired</p>--}}
                                    @endif
                                @endif
                            </div>
                        </div>
                        @if(!empty($bot->strip_error_message))
                            <p class="hide-view" style="color: red">決済ができませんでした。継続してご利用される場合は「再課金」のボタンを押してください。</p>
                        @endif
                    </div>
                </div>
                @endif
                    <div class="col-xs-7" style="float:none; margin: 0 auto;">
                        @if((empty($strip_cus_id) && $planType == 1) || (!empty($strip_cus_id) && $planType == 2) || ($planType == 2) )
                            <div class="row">
                                <div class="col-xs-9">
                                    <b style="font-weight: bold">プランを選択： </b><br>
                                    <div @if($bot->strip_customer_id && $bot->plan_type == 1) style="display: none" @endif>
                                        <br>
                                        <input type="radio" name="typePlan" id="plan3" value="3"
                                               @if($planType ==1 && $bot->bill_bot_type =="year" || $plan_type_id == 3)  checked @endif>
                                        <label for="plan3"> スタンダードプラン年間一括払い（年額116,424円）</label><br>
                                        <input type="radio" name="typePlan" id="plan1" value="1"
                                               @if($planType ==1 && $bot->bill_bot_type =="month" || $plan_type_id == 1)  checked @endif>
                                        <label for="plan1"> スタンダードプラン（月額10,780円）</label><br>

                                        <input type="radio" name="typePlan" id="plan2" value="2"
                                               @if($planType == 2 && !$plan_type_id  )  checked @endif
                                               @if($flagChangeFreePlan == 1 && $botFreeNumber >= 1) onclick="showAlertFullBotFree()" @endif>
                                        <label for="plan2"> 無料プラン(月1,000通まで無料) </label>
                                    </div>
                                </div>
                            </div>
                            <p style="font-weight: bold">残りは{{1000 - intval($freeSendCount)}}
                                通です。更新日は{{Carbon\Carbon::createFromTimestamp(strtotime($expireDateFreePlan))->format('Y年m月d日')}}
                                です</p>
                        @endif
                    </div>
{{--            @if($bot->plan_type == 1 )--}}
                <div class="box-form" id="box-payment"
                     {{ !empty($strip_cus_id) || $bot->plan_type == 2 ? 'hidden' : ''}}
{{--                     @if(!empty($strip_cus_id)) hidden @endif--}}
                             >
                    <h2 style="text-align: center;margin-bottom: unset;font-size: 22px"><label for="card-element">クレジットカード情報入力</label></h2>
                    <div style="text-align: center">
                        <span><img class="img-card" src="/images/visa.png"></span>
                        <span><img class="img-card" src="/images/mastercard.png"></span>
                        <span><img class="img-card" src="/images/jcbcard.png"></span>
                        <span><img class="img-card" src="/images/americanexpress.png"></span>
                        <span><img class="img-card" src="/images/dinerscard.png"></span>
                    </div>
                    <br>
                <div  style="padding: 20px">
                    <div class="container-fluid">
                        <div class="card">
                            <div class="card-body">
                                <form id="payment-form">
                                    <div class="form-group">
                                        <label for="card-number">カード番号</label>
                                        <div class="input-group" style="margin-bottom: 25px">
                                            <span class="input-group-addon"></span>
                                            <span id="card-number" class="form-control" style="height: 40px">
                                           <!-- Stripe Card Element -->
                                             </span>

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="card-exp">有効期限（MM(月)）/YY(年)）</label>
                                        <div class="input-group" style="margin-bottom: 25px">
                                            <span class="input-group-addon"></span>
                                            <span id="card-exp" class="form-control" style="height: 40px">
                                            <!-- Stripe Card Expiry Element -->
                                            </span>

                                        </div>
                                    </div>
                                    <div class="form-group">
                                         <label for="card-cvc">セキュリティコード(CVV-半角数字)</label>
                                        <div class="input-group">
                                            <span class="input-group-addon"></span>
                                            <span id="card-cvc" class="form-control" style="height: 40px">
                                             <!-- Stripe CVC Element -->
                                         </span>
                                        </div>
                                    </div>
                                    <div id="card-errors" role="alert" style="color: #bc2424"></div>
                                    {{--                                        <button id="payment-submit" class="btn btn-primary">Submit Payment</button>--}}
                                    <button type="submit" style="font-size: 15px" class="btn btn-primary btn-lg" id="stripe-submit-card"
                                            data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> カード登録">カード登録
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
{{--            @endif--}}
            @if($bot->plan_type == 1  && !empty($strip_cus_id))
                <div class="row mt-2">
                    <div class="col-xs-12">
                        <div class="box-note">
                            ・クレジットカードのご利用明細には「MISSIONA」と記載されます。<br>
                            ・日割り計算による返金は御座いません。<br>
                            ・スタンダードプランからフリープランへの変更はできません。<br>
                            ・スタンダードプランを解約した場合、登録情報は残りますが、操作・閲覧ができません。<br>
                            ・スタンダードプラン解約後、再度スタンダードプランをご契約していただくことで、登録情報の操作・閲覧が可能となります。<br>
                            ・LINE公式アカウントの接続情報削除を行なった場合、自動的に有料プランは解約となります。<br>
                            ・解約はいつでも可能です。（日割り計算による返金はございません。）<br>
                            ・年間一括払いの場合も契約は自動更新となります。<br>
                        </div>
                    </div>
                </div>
            @endif
            <div class="col-xs-7" style="float:none; margin: 0 auto;">
                @if(env('PAYMENT_TYPE') == 'paypal')
                    <div class="form-group hide-view">
                        <p>{{ $expired_date ? "更新日： " . Carbon\Carbon::createFromTimestamp(strtotime($expired_date))->format('Y年m月d日') : '' }}</p>
                        <br>
                        <div id="paypal-button-container"
                             class="{{ (strtotime($expired_date) > time() && $bot->subscription_id) ? 'hidden' : '' }}">

                        </div>
                    </div>

                @else
                    {{--                             @if(strtotime($expired_date) < time() && $strip_cus_id)--}}
                    {{--                                <p class="hide-view" style="color: red">{{$bot->strip_error_message}}</p>--}}
                    {{--                                @if($bot->strip_card_id)--}}
                    {{--                                    <button class="btn btn-primary hide-view" id="stripe-recharge"--}}
                    {{--                                            data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> 再課金 "--}}
                    {{--                                            style="margin-top: 10px;">再課金--}}
                    {{--                                    </button>--}}
                    {{--                                @endif--}}
                    {{--                                <button class="btn btn-primary hide-view" id="stripe-input-new-card"--}}
                    {{--                                        style="margin-top: 10px;">--}}
                    {{--                                    新しいカード入力--}}
                    {{--                                </button>--}}
                    {{--                            @endif--}}
                    {{--                            @if(strtotime($expired_date) > time() && $strip_cus_id)--}}
                    {{--                                <button class="btn btn-primary hide-view" id="stripe-input-new-card"--}}
                    {{--                                        style="margin-top: 10px;">--}}
                    {{--                                    新しいカード入力--}}
                    {{--                                </button>--}}
                    {{--                                @if($bot->strip_card_id)--}}
                    {{--                                    <button class="btn btn-primary hide-view" id="stripe-unlink-card"--}}
                    {{--                                            data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> 決済キャンセル "--}}
                    {{--                                            style="margin-top: 10px;">決済キャンセル--}}
                    {{--                                    </button>--}}
                    {{--                                    <br/>--}}
                    {{--                                    --}}{{--                            <p style="color: red">Auto charge will be disable when unlink but you still can use normal--}}
                    {{--                                    --}}{{--                                until expired</p>--}}
                    {{--                                @endif--}}
                    {{--                            @endif--}}
                    {{--                            <br/>--}}
{{--                    <form action="" method="post" id="payment-form" class="{{ ($strip_cus_id)?'hidden' : ''}}">--}}

{{--                        <div class="form-row hide-view">--}}
{{--                            <label for="card-element">クレジットカード</label>--}}
{{--                            <br/>--}}
{{--                            <br/>--}}
{{--                            <div id="card-element">--}}
{{--                                <!-- A Stripe Element will be inserted here. -->--}}
{{--                            </div>--}}

{{--                            <!-- Used to display Element errors. -->--}}
{{--                            <div id="card-errors" role="alert"></div>--}}
{{--                        </div>--}}

{{--                        <br/>--}}
{{--                        <button type="submit" class="btn btn-primary btn-lg hide-view" id="stripe-submit-card"--}}
{{--                                data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> 課金">課金--}}
{{--                        </button>--}}
{{--                    </form>--}}
                @endif
            </div>
        </section>
        @if($bot->plan_type == 1 && !empty($strip_cus_id))
            <section class="taglist tmp" id="list-history-invoice" v-cloak>
                <h3 class="title mt-2 bd-title">決済履歴</h3>
                <div class="row ">
                    <div class="col-xs-7">
                        <div class="main-table mt-2">
                            <div class="text-center">
                                <a v-on:click="previousYear()">
                                    <span class="glyphicon glyphicon-triangle-left bg-base"></span>
                                </a> @{{year}} 年<a v-on:click="nextYear()">
                                    <span class="glyphicon glyphicon-triangle-right bg-base"></span>
                                </a>
                            </div>
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th class="text-center">
                                        決済日
                                    </th>
                                    <th>
                                        決済額
                                    </th>
                                    <th>
                                        領収書（PDF）
                                    </th>

                                </tr>
                                </thead>
                                <tbody><!---->
                                <tr v-for="(item,index) in items" style="border-bottom: 1px solid #a3a7a3">
                                    <td class="text-center">
                                        @{{formatDate(item.created_at)}}
                                    </td>
                                    <td class="text-right" id="payment_month">
                                        @{{formatCurrency(item.amount)}}円
                                    </td>
                                    <td class="text-center">
                                        <div><a
                                                    v-on:click="downloadPdf(item)"
                                                    class="btn btn-xs btn-success" style="margin-top: 4px;">
                                                ダウンロード
                                            </a></div>
                                    </td>
                                </tr>
                                <tr v-show="items.length == 0">
                                    <td colspan="9"> データがありません。</td>
                                </tr>
                                </tbody>
                            </table>
                            <p class="mt-2">領収書に記載する宛名を設定（未入力の場合は、宛名が空欄で発行されます。）</p>
                            <div class="box-search">
                                <input type="text"
                                       style="width: 49%; height: 35px;"
                                       name="invoice_name"
                                       v-model="invoice_name">

                                <div class="btn">
                                    <button type="button" v-on:click="saveSettingInvoice()" class="btn btn-success"
                                            style="width: 100px; margin-bottom: 7px">保存
                                    </button>
                                </div>
                                <select style="padding: 5px;border: 1px solid #bbb;" v-model="type_customer">
                                    <option value="1">御中</option>
                                    <option value="2">様</option>
                                </select>
                            </div>
                        </div>
                        <div id="invoice_page">
                            <div class="box-invoice">
                                <h2 class=" text-center title-iv ">領収書</h2>
                                <div class="row p-iv">
                                    <div class="col-xs-6">
                                        <div class="invoice_infor"> @{{invoice_name_db}} @{{type_customer_db == 1 ? '御中'
                                            :'様'}}
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="date-bill"> 発行日　<span id="created_at_bill">@{{formatDateInvoice(item.created_at)}}</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="" style="display: flex;justify-content: center;">
                                    <label class="box-total">
                                        <span style="margin-right: 70px"> 合計金額 </span> ¥<span id="amount_total"> @{{formatCurrency(item.amount)}}</span>（税込）
                                    </label>

                                </div>
                                <p class="text-center p-iv">但 L Message利用料として上記正に領収いたしました。</p>
                                <div class="row box-bottom">
                                    <div class="col-xs-6">
                                        <div class="w-left">
                                            <div class="border-text">内訳</div>
                                            <div class="pb-text-iv">税抜金額 <span style="float:right">¥@{{formatCurrency(item.amount/110 * 100)}}</span>
                                            </div>
                                            <div class="border-text pb-text-iv">消費税額 <span style="float:right">¥@{{formatCurrency(item.amount/110 * 10)}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="text-address-iv"> 株式会社ミショナ <br> 150-0044 <br>東京都渋谷区円山町5番5号<br>
                                            Navi渋谷V3階
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>


                    </div>
                    <div class="col-xs-4">

                    </div>
                </div>

                <div class="modal fade" id="modalChangeStatusBillYear"
                     tabindex="-1" role="dialog"
                     aria-labelledby="chatSettingStatus">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content" style="background: #F6F6F6">
                            <div class="modal-header" style="border-bottom: unset">
                                <p>次回支払日から、スタンダードプラン年払い（月額9,702円）に変更します。</p>
                                <p>次回支払日に116,424円の支払いが発生します。</p>
                                <p>次回より年間一括払いに変更してよろしいですか？</p>

                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-sm-6" style="text-align: right">
                                            <button class="btn btn-sm btn-primary" style="font-size: 16px;border: 1px solid #707070;color: #2C2C2C;background: white; width: 120px" onclick="ChangeStatusBillBot('year')">はい</button>
                                    </div>
                                    <div class="col-sm-6" style="text-align: left">
                                        <button type="button" class="btn btn-sm btn-primary" style="font-size: 16px;border: 1px solid #707070;color: #2C2C2C;background: white; width: 120px" data-dismiss="modal">いいえ</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="modalChangeStatusBillMonth"
                     tabindex="-1" role="dialog"
                     aria-labelledby="chatSettingStatus">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content" style="background: #F6F6F6">
                            <div class="modal-header" style="border-bottom: unset">
                                <p>次回支払日から、スタンダードプラン月払い（月額10,780円）に 変更します。</p>

                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-sm-6" style="text-align: right">
                                        <button class="btn btn-sm btn-primary" style="font-size: 16px;border: 1px solid #707070;color: #2C2C2C;background: white; width: 120px" onclick="ChangeStatusBillBot('month')">はい</button>
                                    </div>
                                    <div class="col-sm-6" style="text-align: left">
                                        <button type="button" class="btn btn-sm btn-primary" style="font-size: 16px;border: 1px solid #707070;color: #2C2C2C;background: white; width: 120px" data-dismiss="modal">いいえ</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
        <input type="hidden" id="flag_free_plan" value="{{$flagChangeFreePlan}}">
        <input type="hidden" id="bot_free_number" value="{{$botFreeNumber}}">
    </article>
@endsection

@push('js')
    <script type="application/javascript" src="/js/download_invoice/index.js?v={{config("sns-line.version")}}"></script>
    <script>
        var plan_type_id = "";
    </script>
    <script>
        $(document).ready(function () {
            // var value = $('input[name=typePlan]:checked').val();
            // if (value == 1) {
            //     $('.hide-view').show();
            // } else {
            //     $('.hide-view').hide();
            // }
            if(plan_type_id == 1|| plan_type_id ==3 ){
                $('#box-payment').show();
            }

            $('.show-form-payment').click(function (){
               $('#box-payment').show();
               $('#box-payment').css("margin-left","unset");
            });
        });
        $('input[name=typePlan]').on('change', function () {
            var flagFreePlan = $('#flag_free_plan').val();
            var botFreeNumber = $('#bot_free_number').val();
            console.log(flagFreePlan, botFreeNumber);
            if ((flagFreePlan == 0) || (flagFreePlan == 1 && botFreeNumber < 1 && $('#plan2').is(':checked')) || $('#plan1').is(':checked') || $('#plan3').is(':checked')) {
                var comfirmEvnet = false;
                if(value == 2){
                    comfirmEvnet = confirm('このプランに変更しても宜しいですか？');
                }else{
                    comfirmEvnet = true;
                    // $('#box-payment').removeClass('hidden');
                    $('#box-payment').show();
                }
                if (comfirmEvnet) {

                    var value = $('input[name=typePlan]:checked').val();
                    $.ajax({
                        type: 'POST',
                        url: '/basic/point-settings-update-type-Plan',
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}',
                            'ContentType': 'x-www-form-urlencoded'
                        },
                        data: {
                            typePlan: value
                        },
                        dataType: 'json',
                        success: function (result) {
                            if(value == 2 ){
                                // location.reload();
                                window.location.href='/basic/point-settings';
                            }else{

                            }


                            // location.reload();
                        },
                        error: function (result) {
                            alert('update fail');
                        }
                    });
                } else {
                    // location.reload();
                    window.location.href='/basic/point-settings';
                }
            } else {
                $('#plan2').prop('checked', false);
                $('#plan1').prop('checked', true);
            }
        });