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

@section('content')
<div class="d-flex align-items-center justify-content-center p-3" style="min-height:100vh;background:linear-gradient(135deg,#15191f 0%,#2b313b 100%);">
    <div class="card p-4 shadow" style="width:100%;max-width:400px;border-top:4px solid #d39a1e;">
        <div class="text-center mb-3">
            <img src="{{ $brandLogo }}" alt="{{ config('app.name') }}" style="max-height:90px;width:auto;" class="mb-2">
            <h4 class="mb-0" style="color:#bd8a18;font-weight:700;">{{ config('app.name') }}</h4>
            <small class="text-muted">Sign in to continue</small>
        </div>

        @if($errors->any())
            <div class="alert alert-danger py-2">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('login') }}">
            @csrf
            <div class="mb-3">
                <label class="form-label">Email</label>
                <input type="email" name="email" value="{{ old('email') }}" class="form-control" required autofocus>
            </div>
            <div class="mb-3">
                <label class="form-label">Password</label>
                <input type="password" name="password" class="form-control" required>
            </div>
            <div class="form-check mb-3">
                <input type="checkbox" name="remember" class="form-check-input" id="remember">
                <label class="form-check-label" for="remember">Remember me</label>
            </div>
            <button class="btn btn-primary w-100">Sign In</button>
        </form>
    </div>
</div>
@endsection