@extends('layouts.app')
@section('title','INNEX Login')
@section('content')
<div class="login-page">
    <section class="login-hero">
        <div class="brand-mark">I</div>
        <h1>Showcase innovation. Manage competitions with confidence.</h1>
        <p>{{ config('innex.system_name') }} brings project registration, panel assignment, rubric-based scoring, category rankings, and verifiable certificates into one secure workspace.</p>
    </section>
    <section class="login-panel">
        <div class="login-box">
            <div class="login-logo">I</div>
            <h2 class="page-title mt-3">Welcome to {{ config('innex.short_name') }}</h2>
            <p class="page-subtitle mb-3">{{ config('innex.system_name') }}</p>
            @include('partials.alerts')
            <form method="post" action="{{ route('login.perform') }}">
                @csrf
                <div class="field mb-3"><label class="required">Username or Email</label><input name="login" value="{{ old('login') }}" required autofocus autocomplete="username"></div>
                <div class="field mb-3"><label class="required">Password</label><input type="password" name="password" required autocomplete="current-password"></div>
                <label class="checkbox mb-3"><input type="checkbox" name="remember" value="1"> Keep me signed in</label>
                <button class="btn btn-primary btn-block" type="submit">Sign in securely</button>
            </form>
        </div>
    </section>
</div>
@endsection