@extends('layouts.member.shell')

@section('content')

<h5>{{ __('member_order.choose_order') }}</h5>
<hr>
<div class="form-group">
    <form method="POST" action="/member/pay" class="was-validated" target="_new">
        @csrf
        <label for="uname">{{ __('member_order.liveez_account') }}</label>
        <input type="text" class="form-control" id="email" name="email" value="{{ $email}}" readonly>
        <div class="valid-feedback">{{ __('member_order.account_format_correct') }}</div>
        <div class="invalid-feedback">{{ __('member_order.account_format_error') }}</div>
        <br>
        <div style="border-bottom:1px dashed #707070;"></div>
        <br>

        <label for="sel1">請選擇購買方案：</label>Premium方案 NT 428/月
        <select class="form-control" id="sel1" name="code">
            <!--<option value="pro">{{ __('member_order.pro_project') }}</option>-->
            <option value="premium">{{ __('member_order.pre_project') }}</option>
        </select>
        <p class="m-1" style="color: #4831d0; font-size: small;">{{ __('member_order.new_function') }}</p>

        <!--<div class="ml-3  pl-4" id="pro">
            <ul style="font-size: 90%; line-height: 2.5rem;">
                {!! __('member_order.pro_detail') !!}
                 <li style="color: #4831d0;">最高畫質720P</li>
                                <li style="color: #4831d0;">會議逐字稿</li>
                                <li style="color: #4831d0;">主持人數量無限制</li>
                                <li style="color: #4831d0;">人會議數無上限（30人最佳體驗）</li>
                                <li style="color: #4831d0;">會議時間無限制</li>
                                <li>桌面分享</li>
                                <li style="color: #4831d0;">會議錄影</li>
                                <li>文字聊天室</li>
            </ul>
        </div>-->
        <div class="ml-3 pl-4" id="pre">
            <ul style="font-size: 90%; line-height: 2.5rem;">
                {!!__('member_order.pre_detail') !!}
                <!-- <li style="color: #4831d0;">最高畫質1080P</li>
                                <li>會議逐字稿</li>
                                <li style="color: #4831d0;">會議紀錄（可修改檔案格式）</li>
                                <li>主持人數量無限制</li>
                                <li>人會議數無上限（30人最佳體驗）</li>
                                <li>會議時間無限制</li>
                                <li style="color: #4831d0;">影片字幕</li>
                                <li>會議錄影</li> -->
            </ul>
        </div>

        <button type="submit" class="btn btn-primary mt-5 mb-2" style="display: flex; margin: 0 auto;">{{ __('member_order.next_purchase') }}</button>

    </form>
</div>


@endsection


@section('jsscript')

<script>
    var type = 1;

    if (type == 1) {
        $("#pro").show();
        $("#pre").hide();
    } else {
        $("#pro").hide();
        $("#pre").show();
    }


    function sw_sel(e) {
        var sel_val = $(e).val();

        if (sel_val == "pro") {
            $("#pro").show();
            $("#pre").hide();
        } else {
            $("#pro").hide();
            $("#pre").show();
        }
    }

   
            $("#pre").show();
</script>

@endsection