@extends('layout-membership')

@section('content')
    <div class="layout-container">
        <div class="container membership login">
            <div class="area-pages-content">
                <div class="flex-wrap">
                    <div class="login-edm-logo-wrap">
                        <a href="/"><img class="login-edm-logo" src="/logo-edm.svg"></a>
                    </div>
                    <div class="area-membership">
                        <h1 class="title">로그인</h1>
                        <!-- 로그인폼 -->
                        <form method="post" action="/login">
                            @csrf

                            <!-- 기본정보 -->
                            <div class="input-wrap">
                                <div class="input">
                                    <p class="tit"><label for="loginid">아이디</label></p>
                                    <p class="line-style">
                                        <input type="text" id="loginid" name="loginid" value="{{ old('loginid') ?: request()->cookie('edm_id') }}" maxlength="20" placeholder="아이디를 입력해 주세요." autocomplete="off" class="line-style" autofocus>
                                    </p>
                                    <div class="message error">@error('loginid') {{ $message }} @enderror</div>
                                </div>
                                <div class="input">
                                    <p class="tit"><label for="password">비밀번호</label></p>
                                    <p class="line-style">
                                        <input type="password" id="password" name="password" value="{{ old('password') }}" maxlength="20" placeholder="비밀번호를 입력해 주세요." autocomplete="off" class="line-style">
                                    </p>
                                    <div class="message error">@error('password') {{ $message }} @enderror</div>
                                </div>
                            </div>
                            <!-- 버튼영역 - 아이디 저장 -->
                            <div class="button-wrap">
                                <p class="submit-option">
                                    <span class="chk">
                                        <input type="checkbox" id="remember_me" name="remember_me"{{ old('remember_me') || request()->cookie('edm_id') ? ' checked' : '' }}>
                                        <label for="remember_me">아이디 저장</label>
                                    </span>
                                </p>
                                <button type="submit" class="button wide color">로그인</button>
                            </div>
                            <!-- 아이디/패스워드찾기 등 -->
                            <div class="login-help">
                                <p class="find-idpw">
                                    <a href="/find-id" rel="nofollow">아이디 찾기</a>
                                    <a href="/find-pw" rel="nofollow">비밀번호 찾기</a>
                                </p>
                                <p class="join-member">아직 edm아이엘츠 회원이 아니신가요? <a href="/signup" class="goto-join">회원가입</a></p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer')
    @include('footer-membership')
    <div class="ad-banner">
        <img src="https://placehold.co/640x273" alt="">
    </div>
@endsection

@section('script')
<script>
    @if (session()->pull('need_login'))
    Swal.fire({
        title: '로그인',
        text: '로그인이 필요한 페이지입니다',
        icon: 'warning',
        confirmButtonText: '확인'
    });
    @endif
</script>
@endsection