@extends('admin.layouts.base')

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

@section('body')
    <div class="a-auth-bg" aria-hidden="true"></div>

    <main class="a-auth-shell">
        <section class="a-auth-card" role="main">
            <div class="a-auth-left">
                <div class="a-brand">

                    <div class="a-brand__logoBox" aria-hidden="true">
                        <img
                            class="a-brand__logo"
                            src="{{ asset('assets/images/common/top_logo.png') }}"
                            alt=""
                            loading="lazy"
                            onerror="this.style.display='none'; this.parentElement.style.display='none';"
                        />
                    </div>

                    <div class="a-brand__text">
                        <div class="a-brand__name">Pin For You Admin Login</div>
                        <div class="a-brand__sub">Secure console</div>
                    </div>
                </div>

                <div class="a-auth-left__copy">
                    <h1 class="a-h1">@yield('heading', '관리자 로그인')</h1>
                    <p class="a-muted">@yield('subheading', '허용된 IP에서만 접근 가능합니다. 로그인 후 SMS 인증을 진행합니다.')</p>
                </div>

                <div class="a-badges">
                    <span class="a-badge">IP Allowlist</span>
                    <span class="a-badge">2-Step (SMS)</span>
                    <span class="a-badge">Audit Ready</span>
                </div>
            </div>

            <div class="a-auth-right">
                @include('admin.partials.flash')

                <div class="a-panel">
                    @yield('content')
                </div>

                <div class="a-foot">
                    <small class="a-muted">© 2018 {{ config('app.name') }}. Admin only.</small>
                </div>
            </div>
        </section>
    </main>
@endsection
@stack('recaptcha')