@extends('web.layouts.layout')

@section('body_class', 'auth-body')

{{-- auth 페이지는 보통 index 막는 게 안전 --}}
@section('robots', 'noindex,follow')

@section('content')
    <div class="auth-page">
        <div class="auth-shell">
            {{-- Right: Card --}}
            <section class="auth-card" aria-label="@yield('card_aria', '인증 폼')">
                <div class="auth-card__head">
                    <h1 class="auth-title">@yield('h1', '로그인')</h1>

                    @hasSection('desc')
                        <p class="auth-desc">@yield('desc')</p>
                    @else
                        <p class="auth-desc">
                            @yield('card_desc', '아이디(이메일)과 비밀번호를 입력해 주세요.')
                        </p>
                    @endif
                </div>

                <div class="auth-card__body">
                    @yield('auth_content')
                </div>

                <div class="auth-card__foot">
                    @yield('auth_bottom')
                </div>
            </section>

        </div>
    </div>
@endsection