@extends('admin.instagram.layout')

@section('title', 'Masuk — Instagram Lead Intelligence')

@section('content')
<div style="min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;">
    <div style="width:100%; max-width:380px;">

        <div class="wordmark" style="margin-bottom:36px;">
            <span class="signal-mark"><span></span><span></span><span></span><span></span></span>
            <div>
                Lead Intelligence
                <small>Panel internal &middot; akses terbatas</small>
            </div>
        </div>

        <div style="background:var(--surface-raised); border:1px solid var(--border); border-radius:6px; padding:28px;">
            <h1 style="font-size:20px; margin-bottom:6px;">Masuk ke panel</h1>
            <p style="color:var(--text-secondary); font-size:13.5px; margin:0 0 22px;">
                Masukkan password untuk melihat data lead Instagram.
            </p>

            @if (session('instagram_panel_notice'))
                <p style="color:var(--accent-warn); font-size:13px; margin:0 0 16px;">
                    {{ session('instagram_panel_notice') }}
                </p>
            @endif

            @if ($errors->any())
                <p style="color:var(--accent-danger); font-size:13px; margin:0 0 16px;">
                    {{ $errors->first('password') }}
                </p>
            @endif

            <form method="POST" action="{{ route('admin.instagram.panel') }}">
                @csrf
                <label for="password" style="display:block; font-size:12.5px; color:var(--text-secondary); margin-bottom:6px;">
                    Password
                </label>
                <input
                    type="password"
                    id="password"
                    name="password"
                    class="field-underline"
                    style="width:100%; margin-bottom:22px;"
                    autocomplete="current-password"
                    autofocus
                    required
                >
                <button type="submit" class="btn" style="width:100%;">Masuk</button>
            </form>
        </div>

        <p style="color:var(--accent-muted); font-size:12px; margin-top:18px;">
            Percobaan login dibatasi dan dicatat untuk keamanan.
        </p>
    </div>
</div>
@endsection