{{-- Login --}}
@extends('layout.login')
@section('page-title', 'Login')
@section('nav-title', 'Login')
@section('page-js-script')
    <script type="text/javascript">
        $(function() {
            $('body').keydown(function(e) {
                if (e.keyCode == 13) {
                    if ($("#login_fm").valid()) {
                        $(this).prop('disabled', true);
                        memberObj.login($('#account').val(), $('#password').val(), $('#path').val());
                    }
                }

            })
            const validator = $("#login_fm").validate({
                debug: false,
                rules: {
                    account: {
                        required: true,
                        // email: true,
                    },

                    password: {
                        required: true
                    },

                },
                messages: {
                    account: {
                        required: "*{{ __('basic.PleaseInputAccount') }}",
                        // email: "*{{ __('basic.PleaseInputCurrentFormatEmail') }}",
                    },

                    password: {
                        required: "*{{ __('basic.PleaseInputPassword') }}",
                    },
                }
            });

            $('.submit_btn').click(function() {
                // $('#login_fm').submit();
                if ($("#login_fm").valid()) {
                    $(this).prop('disabled', true);
                    memberObj.login($('#account').val(), $('#password').val(), $('#path').val());
                    $(this).prop('disabled', false);
                }
            })

            @if (!empty($message))
                Swal.fire({
                    title: {!! $message !!},
                    // text: ,
                    icon: {!! $status == 'success' ? 'success' : 'error' !!},
                    confirmButtonText: '{{ __('basic.OK') }}',
                })
            @endif

            if (!sessionStorage.getItem("back_url")) {
                sessionStorage.setItem('back_url', document.referrer);
            }

            $('.social_btn,.submit_btn').click(function(){
                $('.loading').show();
            })

        });
    </script>
@endsection
@section('container')
    <div class="l-login-card card vh-100 px-6" style="">
        <form class="row row-cols-1 align-items-center form gap-2" id="login_fm">
            <h5 class="py-6 text-center">{{ __('robot.TitleLogin') }}</h5>
            <input id='path' name='path' type='hidden' value='{{ $path }}' />

            {{-- 手機 --}}
            <div class="col mb-3">
                <label class="form-label" for="account">{{ __('basic.Account') }}</label>
                <input class="form-control" id='account' name='account' type="text" value="{{ $_COOKIE['account'] ?? null }}" placeholder="{{ __('basic.LoginAccountHint') }}">
            </div>

            {{-- 密碼 --}}
            <div class="col mb-3">
                <label class="form-label" for="password">{{ __('basic.Password') }}</label>
                <input class="form-control" id="password" name='password' type="password" placeholder="{{ __('basic.LoginPasswordHint') }}">
            </div>

            <div class="col mb-3 pt-6">
                <button class="submit_btn btn btn-primary w-100" type="button">{{ __('robot.Submit') }}</button>

                <p class="text-secondary my-4 text-center">{{ __('basic.Or') }}</p>

                <div class='d-flex justify-content-center align-items-center  flex-column'>
                    <a href='{{ url('facebook/'.session('country_id','tw').'/auth') }}' class='social_btn fb_login_btn btn btn-social-fb w-100' role='btn' style='' >
                        <img src='{{ asset('image/fb_logo2.png') }}' class='me-2'  />
                        <span>{{ __('basic.LogInWithFB') }}</span>
                    </a>

                    {{-- <a href='{{ url('line/'.session('country_id','tw').'/auth') }}' class='social_btn line_login_btn btn btn-social-line w-100 mt-3 ' role='btn' style='' >
                        <img src='{{ asset('image/line_logo2.png') }}' class='me-2' />
                        <span>{{ __('basic.LogInWithLINE') }}</span>
                    </a> --}}
                </div>
            </div>

            <a class="form-label text-primary text-center" href="{{ route('forget_password') }}">{{ __('basic.ForgetPassword') }}</a>
            <hr style="border: 1px dashed #333333;">
            
            {{-- <div class="d-flex justify-content-center gap-3"> --}}
            {{-- <a class="border-gray rounded-circle lh-sm border p-4" href="">
                    <span class="icon-color_google"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></span>
                </a> --}}
            {{-- <a class="border-gray rounded-circle lh-sm border p-4" href="{{ url('line/tw/auth') }}" > <i class="icon-color-line"></i></a> --}}
            {{-- <a class="border-gray rounded-circle lh-sm border p-4" href="{{ url('line/'.session('country_id','tw').'/auth') }}" > <i class="icon-color-line"></i></a> --}}
            {{-- </div> --}}
        </form>
        <h5 class="py-6 text-center">{{ __('robot.TitleRegister') }}</h5>
        <a class="btn btn-primary" href="{{ route('register', ['path' => $path]) }}">{{ __('robot.RegisterNow') }}</a>
        {{-- <a class="form-label text-primary text-center" href="{{ route('register', ['path' => $path]) }}">{{ __('basic.OrRegister') }}</a> --}}
    </div>
@endsection