@extends('layouts.app')
@section('title', 'Login')

@section('content')
<div class="auth-wrap">
    <div class="auth-side">
        <a href="{{ route('home') }}" class="logo logo-img logo-auth">
            <img src="/assets/brand/logo.png" alt="Befikreyy" class="logo-img-el">
        </a>
        <div>
            <h2>Welcome back.</h2>
            <p style="margin-top: 14px; color: rgba(255,255,255,0.75); max-width: 360px;">Sign in to manage your bookings, track partners, and access exclusive offers for our community.</p>
        </div>
        <p style="font-size: 12.5px; color: rgba(255,255,255,0.5);">© {{ date('Y') }} Befikreyy · Noida</p>
    </div>
    <div class="auth-form-side">
        <div class="auth-card">
            <h1>Sign in</h1>
            <p class="lead">Welcome back. Let's get you home.</p>
            @if($errors->any())
                <div class="alert alert-error">{{ $errors->first() }}</div>
            @endif
            <form method="POST" action="{{ route('login.attempt') }}">
                @csrf
                <div class="field">
                    <label>Email</label>
                    <input class="auth-input" type="email" name="email" value="{{ old('email') }}" required autofocus>
                </div>
                <div class="field">
                    <label>Password</label>
                    <input class="auth-input" type="password" name="password" required>
                </div>
                <div class="field" style="display:flex; justify-content:space-between; align-items:center;">
                    <label class="checkbox"><input type="checkbox" name="remember"> Remember me</label>
                </div>
                <button type="submit" class="btn btn-primary btn-block btn-lg">Sign in</button>
            </form>
            <p class="auth-help">New here? <a href="{{ route('register') }}">Create an account →</a></p>

            <div style="margin-top: 28px; padding: 14px; background: var(--bfk-bg-soft); border-radius: 12px; font-size: 12.5px;">
                <strong>Demo accounts</strong><br>
                <span class="muted">Admin:</span> admin@befikreyy.com / admin123<br>
                <span class="muted">Partner:</span> rajesh@partner.befikreyy.com / partner123<br>
                <span class="muted">Customer:</span> customer@demo.com / customer123
            </div>
        </div>
    </div>
</div>
@endsection
