@extends('layout-membership')


@section('content')
    <div class="layout-container">
        <div class="container membership login">
            <div class="area-pages-content">
                <div class="flex-wrap">
                    @include('layouts.headers.header-membership', ['service' => $service])

                    <div class="area-membership join">
                        <h1 class="title">로그인</h1>

                        <form method="post" action="/login">
                            @csrf
                            @if ($provider != '')
                                <div class="outside outside-{{ $provider }}">
                                    {{ $provider }} 로 로그인을 진행중입니다.<br><br>

                                    이미 동일한 이메일로 가입된 계정이 있습니다. <br>
                                    이메일 계정으로 1회 로그인하여 본인확인을 진행해주세요.
                                </div>
                                <input type="hidden" name="provider" value="{{ $provider }}" />
                            @endif
                            <div class="input-wrap">
                                <div class="input">
                                    <p class="tit"><label for="loginid">이메일(아이디)</label></p>
                                    <p class="line-style v2">
                                        <input type="text" id="loginid" name="loginid" value="{{ old('loginid') }}" 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 v2">
                                        <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="signup-wrap">
                                <div class="signup-box">
                                    <button type="submit" class="btn-signup full">로그인</button>
                                </div>
                            </div>

                            <!-- 아이디/패스워드찾기 등 -->
                            <div class="login-help">
                                <div class="row">
                                    <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>
                                    <p class="find-idpw">
                                        <a href="/signup"  rel="nofollow">회원가입</a>
                                        <a href="/find-id" rel="nofollow">아이디 찾기</a>
                                        <a href="/find-pw" rel="nofollow">비밀번호 찾기</a>
                                    </p>
                                </div>
                            </div>
                        </form>

                        @include('layouts.footers.footer-social', ['page' => 'login', 'providers' => $providers])
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("script")
    <script>
        @if (session()->pull('need_login'))
        Swal.fire({
            title: '로그인',
            text: '로그인이 필요한 페이지입니다',
            icon: 'warning',
            confirmButtonText: '확인'
        });
        @endif

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

@endsection