@extends('frontend.layouts.app')
@section('title', 'Login')
@section('content')
<section class="py-5" style="min-height:70vh;display:flex;align-items:center;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-5">
                <div class="card border-0 shadow-sm" style="border-radius:20px;">
                    <div class="card-body p-5">
                        <div class="text-center mb-4">
                            <div class="d-inline-flex align-items-center justify-content-center mb-3" style="width:60px;height:60px;background:var(--purple-bg);border-radius:16px;"><i class="fas fa-lock fa-xl" style="color:var(--purple);"></i></div>
                            <h3 class="fw-bold">Welcome Back</h3>
                            <p class="text-muted">Login to your account</p>
                        </div>
                        @if($errors->any())<div class="alert alert-danger">@foreach($errors->all() as $e)<p class="mb-0">{{ $e }}</p>@endforeach</div>@endif
                        <form method="POST" action="{{ route('login') }}">
                            @csrf
                            <div class="mb-3"><label class="form-label">Email</label><input type="email" name="email" class="form-control form-control-lg" value="{{ old('email') }}" required style="border-radius:12px;"></div>
                            <div class="mb-3"><label class="form-label">Password</label><input type="password" name="password" class="form-control form-control-lg" required style="border-radius:12px;"></div>
                            <div class="d-flex justify-content-between mb-3">
                                <label><input type="checkbox" name="remember"> Remember me</label>
                            </div>
                            <button class="btn btn-purple btn-lg w-100">Login</button>
                        </form>
                        <p class="text-center mt-3 mb-0">Don't have an account? <a href="{{ route('register') }}" style="color:var(--purple);font-weight:600;">Register</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection