@extends('web.layouts.auth')

@section('title', '로그인 | PIN FOR YOU')
@section('meta_description', 'PIN FOR YOU 로그인 페이지입니다.')
@section('canonical', url('/auth/login'))

@section('h1', '로그인')
@section('desc', '안전한 거래를 위해 로그인해 주세요.')
@section('headline', '안전한 핀 발송/거래')
@section('subheadline', '로그인 후 구매/문의 내역을 빠르게 확인할 수 있어요.')
@section('card_aria', '로그인 폼')

@section('auth_content')
    <form class="auth-form" onsubmit="return false;">
        <div class="auth-field">
            <label class="auth-label" for="login_id">아이디(이메일)</label>
            <input class="auth-input" id="login_id" type="email" placeholder="example@domain.com" autocomplete="username">
        </div>

        <div class="auth-field">
            <label class="auth-label" for="login_pw">비밀번호</label>
            <input class="auth-input" id="login_pw" type="password" placeholder="비밀번호" autocomplete="current-password">
        </div>

        <div class="auth-row">
            <label class="auth-check">
                <input type="checkbox">
                자동 로그인
            </label>

            <div class="auth-links-inline">
                <a class="auth-link" href="{{ route('web.auth.find_id') }}">아이디 찾기</a>
                <span class="auth-dot">·</span>
                <a class="auth-link" href="{{ route('web.auth.find_password') }}">비밀번호 찾기</a>
            </div>
        </div>


        <div class="auth-actions">
            <button class="auth-btn auth-btn--primary" type="submit">로그인</button>
            <a class="auth-btn auth-btn--ghost" href="{{ route('web.auth.register') }}">회원가입</a>
        </div>
    </form>
@endsection

@section('auth_bottom')
    <div class="auth-links">
        <a class="auth-link" href="{{ route('web.cs.faq.index') }}">FAQ</a>
        <span class="auth-dot">·</span>
        <a class="auth-link" href="{{ route('web.cs.qna.index') }}">1:1 문의</a>
        <span class="auth-dot">·</span>
        <a class="auth-link" href="{{ route('web.cs.kakao.index') }}">카카오 상담</a>
    </div>
@endsection
