@extends('layouts.app')

@section('content')
    <section class="section" style="padding-top:60px;padding-bottom:80px">
        <div class="container" style="max-width:420px">
            <div class="content-card" style="padding:26px">
                <h1 style="margin:0 0 6px;font-size:1.5rem">অ্যাকাউন্টে লগইন</h1>
                <p style="color:var(--muted);margin:0 0 18px;font-size:.95rem">
                    স্টুডেন্ট বা অ্যাডমিন — ইমেইল ও পাসওয়ার্ড দিয়ে ঢুকুন।
                </p>

                @if($errors->any())
                    <div role="alert" style="background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:10px 14px;border-radius:10px;margin-bottom:14px">
                        {{ $errors->first() }}
                    </div>
                @endif

                <form method="POST" action="{{ route('login.attempt') }}">
                    @csrf
                    <label style="display:block;margin-bottom:12px">
                        <span style="display:block;font-weight:600;margin-bottom:6px;font-size:.92rem">ইমেইল</span>
                        <input type="email" name="email" value="{{ old('email') }}" required autofocus
                               style="width:100%;padding:11px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit">
                    </label>
                    <label style="display:block;margin-bottom:18px">
                        <span style="display:block;font-weight:600;margin-bottom:6px;font-size:.92rem">পাসওয়ার্ড</span>
                        <input type="password" name="password" required
                               style="width:100%;padding:11px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit">
                    </label>
                    <button class="btn btn-primary" type="submit" style="width:100%">লগইন করুন</button>
                </form>
            </div>
        </div>
    </section>
@endsection