From eba212a05644460d6dce132b2fee5db95b9ee238 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Tue, 6 Jan 2026 11:56:54 +0100
Subject: [PATCH] Login Page redesign

---
 resources/js/admin/mobile/LoginPage.tsx               | 6 +++++-
 resources/js/admin/mobile/components/FormControls.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/js/admin/mobile/LoginPage.tsx b/resources/js/admin/mobile/LoginPage.tsx
index 6ea6f80..29eaf25 100644
--- a/resources/js/admin/mobile/LoginPage.tsx
+++ b/resources/js/admin/mobile/LoginPage.tsx
@@ -123,10 +123,14 @@ export default function MobileLoginPage() {
     (mutation as { isPending?: boolean; isLoading?: boolean }).isPending ??
     (mutation as { isPending?: boolean; isLoading?: boolean }).isLoading ??
     false;
+  const isFormValid = login.trim().length > 0 && password.length > 0;
 
   const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
     setError(null);
+    if (!isFormValid) {
+      return;
+    }
     mutation.mutate({
       login,
       password,
@@ -228,7 +232,7 @@ export default function MobileLoginPage() {
 
               <Button
                 type="submit"
-                disabled={isSubmitting}
+                disabled={isSubmitting || !isFormValid}
                 height={52}
                 borderRadius={16}
                 backgroundColor={primary}
diff --git a/resources/js/admin/mobile/components/FormControls.tsx b/resources/js/admin/mobile/components/FormControls.tsx
index 45d5af6..f0d309d 100644
--- a/resources/js/admin/mobile/components/FormControls.tsx
+++ b/resources/js/admin/mobile/components/FormControls.tsx
@@ -48,15 +48,18 @@ type MobileSelectProps = React.ComponentPropsWithoutRef<'select'> & ControlProps
 };
 
 export const MobileInput = React.forwardRef<HTMLInputElement, React.ComponentPropsWithoutRef<'input'> & ControlProps>(
-  function MobileInput({ hasError = false, compact = false, style, onChange, ...props }, ref) {
+  function MobileInput({ hasError = false, compact = false, style, onChange, type, ...props }, ref) {
     const { border, surface, text, primary, danger } = useAdminTheme();
     const borderColor = hasError ? danger : border;
     const ringColor = hasError ? withAlpha(danger, 0.18) : withAlpha(primary, 0.18);
+    const isPassword = type === 'password';
 
     return (
       <Input
         ref={ref as React.Ref<any>}
         {...props}
+        type={type}
+        secureTextEntry={isPassword}
         onChangeText={(value) => {
           onChange?.({ target: { value } } as React.ChangeEvent<HTMLInputElement>);
         }}