<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تسجيل الدخول</title>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body { font-family: 'Cairo', sans-serif; }
        .brand { text-align:center; margin-top: 24px; }
        .brand img { height: 60px; }
        .brand h1 { font-size: 22px; margin: 8px 0 0; }
        .brand p { margin: 6px 0 16px; color: #555; }
        .login-card { max-width: 440px; margin: 16px auto; }
    </style>
    </head>
<body dir="rtl">
    <div class="container">
        <div class="brand">
            <img src="<?php echo e(asset('logo-2.jpg')); ?>" alt="Left Logo" class="logo" style="width:220px !important">
            <h1>الهيئة الوطنية للمياه</h1>
            <p>شركة المياه الوطنية — مراقبة ورصد عناصر تلوث الهواء</p>
        </div>
        <div class="card login-card">
            <div class="card-header text-center">
                <strong>تسجيل الدخول</strong>
            </div>
            <div class="card-body">
                <?php if($errors->any()): ?>
                    <div class="alert alert-danger">
                        <?php echo e($errors->first()); ?>

                    </div>
                <?php endif; ?>
                <form method="POST" action="<?php echo e(url('/login')); ?>">
                    <?php echo csrf_field(); ?>
                    <div class="mb-3">
                        <label for="login" class="form-label">اسم المستخدم</label>
                        <input id="login" name="login" type="text" class="form-control" value="<?php echo e(old('login')); ?>" placeholder="user name" required autofocus>
                    </div>
                    <div class="mb-3">
                        <label for="password" class="form-label">كلمة المرور</label>
                        <input id="password" name="password" type="password" class="form-control" placeholder="password" required>
                    </div>
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <a href="<?php echo e(route('password.request')); ?>" class="text-decoration-none">نسيت كلمة السر</a>
                        <button type="submit" class="btn btn-primary">OK</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    </body>
</html><?php /**PATH /home/newuser/public_html/resources/views/auth/login.blade.php ENDPATH**/ ?>