<!DOCTYPE html>
<html lang="en">
<head>
    @include('layouts.partials.head')
</head>
<body class="bg-gray-100">
<main class="main-content mt-0">
    <div class="page-header min-vh-100 d-flex align-items-center justify-content-center py-5"
         style="background:linear-gradient(310deg,#ff8a00 0%,#f5330a 40%,#ec1c8f 75%,#2f6bff 120%)">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-4 col-lg-5 col-md-7">
                    <div class="card shadow-lg border-0">
                        <div class="mi-brand-strip rounded-top"></div>
                        <div class="card-body p-4">
                            <div class="text-center mb-4">
                                <img src="{{ asset('assets/img/logo-main.png') }}" alt="MyIndependent" style="max-height:56px">
                                <h5 class="font-weight-bolder mt-3 mb-0">Worker Management</h5>
                                <p class="text-sm text-muted mb-0">Sign in to your account</p>
                            </div>
                            @if ($errors->any())
                                <div class="alert alert-danger text-white text-sm">{{ $errors->first() }}</div>
                            @endif
                            <form role="form" method="POST" action="{{ route('login') }}">
                                @csrf
                                <div class="mb-3">
                                    <label class="form-label text-xs text-uppercase">Email</label>
                                    <input type="email" name="email" value="{{ old('email') }}"
                                           class="form-control" placeholder="you@myindependent.com.my" required autofocus>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label text-xs text-uppercase">Password</label>
                                    <input type="password" name="password" class="form-control" placeholder="Password" required>
                                </div>
                                <div class="form-check form-switch mb-3">
                                    <input class="form-check-input" type="checkbox" name="remember" id="remember">
                                    <label class="form-check-label text-sm" for="remember">Remember me</label>
                                </div>
                                <button type="submit" class="btn btn-lg btn-primary w-100 mb-0">Sign in</button>
                            </form>
                        </div>
                        <div class="card-footer text-center pt-0">
                            <p class="mb-2 text-xs text-secondary">Independent Sdn Bhd (1387076-M)</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
</body>
</html>
