@extends('.frontend.default')
@section('content')
    <form action="{{ route('login') }}" method="post" class="sign-in login" id="loginPopupModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" style="background-color:white">
        @csrf
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body login_main">
                    <div class="login_form">
                        <i class="fas fa-user-friends text-primary" style="font-size:70px"></i>
                        <h3 class="sub-title-base">現有用戶登入</h3>
                        <div class="row">
                            <div class="col-lg-12">
                                <input type="email" id="email" name="email" placeholder="登入電郵" class="form-control_01" required value="{{old('email')}}"/>
                            </div>
                            <div class="col-lg-12">
                                <input type="password" id="password" name="password" placeholder="密碼" class="form-control_01" required />
                                @error('email')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror

                            </div>
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary sign_in_btn">登入</button>
                            </div>
                            <div class="col-lg-12 text-right">
                                <a href="{{ route('password.request') }}">
                                    <p>忘記密碼</p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="new_user">
                        <a id='base_register' href="{{ route('register') }}">
                            <span><img src="{{ url('images/nav/ionic-md-person-add.svg') }}" alt="" /></span> 新用戶註冊
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <style>
      body{
        height: 100vh;
        display: flex; /*使物件依序排列*/
        flex-direction: column; /*使物件垂直排列*/
      }
      #loginPopupModal{
        flex-grow: 1;
      }
    </style>
@endsection

@push('pagescript')
    <script>
        $(document).ready(function(){
            if(location.href.includes('UnSubscription=true')){
                new Noty({
                    type: "warning",
                    text: "您確定要取消訂閱嗎？如需取消訂閱請在登入後剔除「香港青年協會使用本人之個人資料作推廣用途」選項。"
                }).show();
            }
        });
    </script>
@endpush