@extends('layout-common')

@section('content')
    <div id="membership">
        <h1 class="pageTitle">로그인</h1>
        <div class="login">
            <div class="max-width">

                <form method="post" action="/login" autocomplete="off">
                    @csrf
                    @if ($provider != '')
                        <div class="messageBox red">
                            <figure class="red"></figure><em> {{ $provider == "google" ? "구글" : ($provider == "kakao" ? "카카오" : "네이버") }} 계정 연동</em>
                            <p>이미 동일한 이메일로 가입된 계정이 있습니다. <br>기존 계정으로 1회 로그인하여 본인확인을 진행해 주세요.</p>
                        </div>
                        <input type="hidden" name="provider" value="{{ $provider }}" />
                    @endif
                    <div class="input-wrap formWrap">
                        <div class="input">
                            <div class="tit">이메일(아이디)</div>
                            <div class="inputBox">
                                <input type="text" id="loginid" name="loginid" value="{{ request()->cookie('edm_id') }}" placeholder="아이디(이메일)를 입력해 주세요." autocomplete="off" autofocus>
                            </div>

                        </div>
                        <div class="input">
                            <div class="tit">비밀번호</div>
                            <div class="inputBox">
                                <input type="password" id="password" name="password" value="" maxlength="20" placeholder="비밀번호를 입력해 주세요." autocomplete="off">
                            </div>
                            <div class="message error">
                                @if (session('errors')) 회원가입 정보와 일치하지 않습니다.  @endif
                            </div>
                        </div>
                    </div>

                    <!-- 아이디/패스워드찾기 등 -->
                    <div class="login-help">
                        <div class="flex sb">
                            <div class="submit-option">
                                <label>
                                    <input type="checkbox" id="remember_me" name="remember_me" {{ old('remember_me') || request()->cookie('edm_id') ? ' checked' : '' }}>
                                    <span>아이디저장</span>
                                </label>
                            </div>
                            <div class="find-idpw">
                                <a href="/signup"  rel="nofollow">회원가입</a>
                                @include('common.find-nav')
                            </div>
                        </div>
                    </div>

                    <!-- 로그인 버튼 -->
                    <div class="signup-wrap">
                        <div class="signup-box">
                            <button type="submit" class="submitBtn">로그인</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>

        @include('layouts.footers.footer-social', ['page' => 'login', 'providers' => $providers])
    </div>
@endsection
@section("script")
    <script>

        @if (session('social-message'))
            alertPopup("{{ session('social-message') }}", {
                confirmText: '확인',
                onConfirm: function() {
                    location.href = "{{ session('social-url') }}"
                }
            });
        @endif


    </script>
@endsection
@section('footer')

@endsection