@extends('layouts.app')

@section('title', 'Game Master · '.config('app.name'))
@section('body_class', 'no-clock')

@section('content')
<main class="page">
    <div class="panel login-card">
        <div style="font-size:64px">🕵️</div>
        <h1 class="headline" style="font-size:28px">GAME MASTER</h1>
        <p class="subline" style="font-size:16px">Authorised personnel only.</p>

        <form method="POST" action="{{ route('admin.login.submit') }}">
            @csrf
            @error('password')
                <div class="alert err">{{ $message }}</div>
            @enderror
            <div class="field">
                <input type="password" name="password" class="input" placeholder="Password" autofocus required style="text-align:center">
            </div>
            <button class="btn gold" style="width:100%">ENTER CONTROL ROOM</button>
        </form>
    </div>
</main>
@endsection

@push('scripts')
<script>VaultFx.bindChrome();</script>
@endpush