@extends('web.layouts.auth')

@section('title', '회원가입 | PIN FOR YOU')
@section('meta_description', 'PIN FOR YOU 회원가입 페이지입니다.')
@section('canonical', url('/auth/register'))

@section('h1', '회원가입')
@section('desc', '간단한 정보 입력 후 본인인증을 진행합니다.')
@section('card_aria', '회원가입 폼')
@section('show_cs_links', true)

@section('auth_content')
    <form class="auth-form" onsubmit="return false;">
        <div class="auth-field">
            <label class="auth-label" for="reg_email">
                아이디(이메일) <small>로그인에 사용</small>
            </label>
            <input class="auth-input" id="reg_email" type="email"
                   placeholder="example@domain.com" autocomplete="email">
        </div>

        <div class="auth-field">
            <label class="auth-label" for="reg_pw">
                비밀번호 <small>영문/숫자/특수문자 권장</small>
            </label>
            <input class="auth-input" id="reg_pw" type="password"
                   placeholder="비밀번호" autocomplete="new-password">
        </div>

        <div class="auth-field">
            <label class="auth-label" for="reg_pw2">비밀번호 확인</label>
            <input class="auth-input" id="reg_pw2" type="password"
                   placeholder="비밀번호 재입력" autocomplete="new-password">
        </div>

        <div class="auth-field">
            <label class="auth-label" for="reg_phone">
                휴대폰 번호 <small>본인 확인용</small>
            </label>
            <input class="auth-input" id="reg_phone" type="tel"
                   placeholder="010-0000-0000" autocomplete="tel">
        </div>

        <div class="auth-divider">약관 동의</div>

        <label class="auth-check">
            <input type="checkbox">
            (필수) 이용약관 동의
        </label>

        <label class="auth-check">
            <input type="checkbox">
            (필수) 개인정보처리방침 동의
        </label>

        <label class="auth-check">
            <input type="checkbox">
            (선택) 마케팅 수신 동의
        </label>

        <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.login') }}">
                이미 계정이 있어요 (로그인)
            </a>
        </div>

    </form>
@endsection

@section('auth_bottom')
    {{-- 로그인 페이지처럼 하단에 CS 링크 들어가게 하고 싶으면(선택) --}}
    {{-- auth 레이아웃에서 show_cs_links=true 처리 중이면 이 섹션은 비워도 됩니다. --}}
@endsection
