@extends('index')

@section('content')
    <section class="mb-5">
        <div class="container">
            <ul class="d-flex my-5 color_808080">
                <li>會員註冊</li>
            </ul>

            <div class="LoginBox">
                <div class="LoginTitle">
                    <h1>會員註冊</h1>
                    <div class="WireBox"></div>
                </div>
                <div class="LogInContentAll d-flex flex-column align-items-center">
                    <h2>{{__('custom.使用以下帳號快速註冊。')}}</h2>
                    <div class="logInContent RegisterBox">
                        <div class="ThirdPartyLoginBox RegisterBox">
                            <a id="btnLine" href="javascript:"><img src="{{asset('images/icons_lineBtn.svg')}}" alt=""> LINE 登入</a>
                            <a href="/auth/google_login"><img src="{{asset('images/icons_googleBtn.svg')}}" alt=""> Google 登入</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascript')
    <script>
        /*line登入*/
        var line_channel_id = "{{ env('LINE_CHANNEL_ID') }}";
        var line_redirect_uri = "{{ env('LINE_REDIRECT_URI') }}";

        $('#btnLine').on('click', function () {
            let URL = 'https://access.line.me/oauth2/v2.1/authorize?';
            // 必填
            URL += 'response_type=code'; // 希望LINE回應什麼  但是目前只有code能選
            URL += `&client_id=${line_channel_id}`; // 你的頻道ID
            URL += `&redirect_uri=${line_redirect_uri}`; // 要接收回傳訊息的網址
            URL += '&state=43dfa0b56892ac23b189a4ee87d23304'; // 用來防止跨站請求的 之後回傳會傳回來給你驗證 通常設亂數 這邊就先放123456789
            URL += '&scope=openid%20profile'; // 跟使用者要求的權限 目前就三個能選 openid profile email
            // 選填
            URL += '&nonce=838142dda1e05cdc98796e5faad35152';
            URL += '&prompt=consent';
            URL += '&max_age=3600';
            URL += '&ui_locales=zh-TW';
            URL += '&bot_prompt=normal';
            window.open(URL, '_self'); // 轉跳到該網址
        });
    </script>
@endsection