<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0"
    >

    <title>Admin Login | PG Finsev</title>


    <style>

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            min-height: 100vh;

            display: flex;
            align-items: center;
            justify-content: center;

            padding: 20px;

            font-family:
                Inter,
                Arial,
                sans-serif;

            background:
                linear-gradient(
                    135deg,
                    #f4f8fd,
                    #edf4fc
                );

            color: #10213f;
        }


        .login-wrapper {
            width: min(410px, 100%);
        }


        .login-card {
            background: white;

            border: 1px solid #e1e8f2;

            border-radius: 20px;

            padding: 34px;

            box-shadow:
                0 25px 70px
                rgba(20, 50, 90, 0.12);
        }


        .logo {
            text-align: center;

            margin-bottom: 22px;
        }


        .logo img {
            height: 45px;

            width: auto;

            max-width: 180px;
        }


        .admin-badge {
            display: table;

            margin: 0 auto 14px;

            padding: 6px 12px;

            border-radius: 20px;

            background: #eaf2ff;

            color: #1769e0;

            font-size: 9px;

            font-weight: 800;

            letter-spacing: 1px;
        }


        h1 {
            text-align: center;

            font-size: 24px;

            margin-bottom: 7px;
        }


        .subtitle {
            text-align: center;

            color: #8794a7;

            font-size: 12px;

            line-height: 1.6;

            margin-bottom: 28px;
        }


        .form-group {
            margin-bottom: 17px;
        }


        label {
            display: block;

            margin-bottom: 7px;

            color: #344966;

            font-size: 11px;

            font-weight: 700;
        }


        input[type="email"],
        input[type="password"] {
            width: 100%;

            height: 46px;

            padding: 0 13px;

            border: 1px solid #dce5f0;

            border-radius: 9px;

            outline: none;

            color: #243958;

            font-size: 12px;

            background: #fbfdff;

            transition: .2s;
        }


        input:focus {
            border-color: #4b8bea;

            background: white;

            box-shadow:
                0 0 0 3px
                rgba(23,105,224,.08);
        }


        .remember {
            display: flex;

            align-items: center;

            gap: 7px;

            margin-bottom: 20px;

            color: #78869a;

            font-size: 11px;
        }


        .remember input {
            accent-color: #1769e0;
        }


        .login-btn {
            width: 100%;

            height: 48px;

            border: 0;

            border-radius: 9px;

            background:
                linear-gradient(
                    135deg,
                    #1769e0,
                    #0d5dcf
                );

            color: white;

            font-size: 12px;

            font-weight: 800;

            cursor: pointer;

            box-shadow:
                0 10px 22px
                rgba(23,105,224,.20);
        }


        .login-btn:hover {
            background: #0f56c0;
        }


        .error {
            background: #fff5f5;

            border: 1px solid #fecaca;

            color: #b91c1c;

            border-radius: 9px;

            padding: 10px 12px;

            margin-bottom: 18px;

            font-size: 11px;

            line-height: 1.5;
        }


        .footer {
            text-align: center;

            margin-top: 20px;

            color: #9aa6b6;

            font-size: 10px;
        }


        @media (max-width: 500px) {

            .login-card {
                padding: 27px 22px;
            }

        }

    </style>

</head>


<body>


<div class="login-wrapper">


    <div class="login-card">


        <div class="logo">

            <img
                src="<?php echo e(asset('images/logo.png')); ?>"
                alt="PG Finsev"
            >

        </div>


        <div class="admin-badge">
            ADMIN PORTAL
        </div>


        <h1>
            Welcome Back
        </h1>


        <p class="subtitle">
            Sign in to access the PG Finsev
            administration panel.
        </p>



        <?php if($errors->any()): ?>

            <div class="error">

                <?php echo e($errors->first()); ?>


            </div>

        <?php endif; ?>



        <form
            method="POST"
            action="<?php echo e(route('admin.login.submit')); ?>"
        >

            <?php echo csrf_field(); ?>


            <div class="form-group">

                <label for="email">
                    Admin Email
                </label>

                <input
                    type="email"
                    id="email"
                    name="email"
                    value="<?php echo e(old('email')); ?>"
                    placeholder="admin@pgfinsev.com"
                    required
                    autofocus
                >

            </div>



            <div class="form-group">

                <label for="password">
                    Password
                </label>

                <input
                    type="password"
                    id="password"
                    name="password"
                    placeholder="Enter your password"
                    required
                >

            </div>



            <label class="remember">

                <input
                    type="checkbox"
                    name="remember"
                    value="1"
                >

                Remember me

            </label>



            <button
                type="submit"
                class="login-btn"
            >

                Sign In to Admin Panel

            </button>


        </form>



        <div class="footer">

            PG Finsev · Administration Portal

        </div>


    </div>

</div>


</body>

</html><?php /**PATH C:\laragon\www\emi-card\resources\views/admin/login.blade.php ENDPATH**/ ?>