@extends('layouts.auth')
@section('title', 'Login - StarHela')
@section('content')
<p class="h5 fw-semibold mb-2 text-center">Sign In</p>
<p class="mb-4 text-muted op-7 fw-normal text-center">Welcome back to StarHela!</p>

@if($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        @foreach($errors->all() as $error)<div>{{ $error }}</div>@endforeach
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<form class="mb-6" action="{{ route('login.post') }}" method="POST">
    @csrf
    <div class="col-xl-12 mb-2">
        <label class="form-label text-default">Username or Email</label>
        <input class="form-control form-control-lg" type="text" name="username" placeholder="Enter Email or Username" value="{{ old('username') }}">
    </div>
    <div class="col-xl-12 mb-2">
        <label class="form-label text-default">Password
            <a href="{{ route('forgot-password') }}" class="float-end text-danger">Forget password?</a>
        </label>
        <input class="form-control form-control-lg" type="password" name="password" placeholder="Password">
    </div>
    <div class="mt-2">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" name="remember_me" id="remember">
            <label class="form-check-label text-muted fw-normal" for="remember">Remember password?</label>
        </div>
    </div>
    <div class="col-xl-12 d-grid mt-2">
        <button type="submit" class="btn btn-primary d-grid w-100">Sign in</button>
    </div>
</form>
<div class="text-center">
    <p class="fs-12 text-muted mt-3">Don't have an account? <a href="{{ route('register') }}" class="text-primary">Sign Up</a></p>
</div>
@endsection