From fb0f03900a691c7dc30d2572c7221719b6525835 Mon Sep 17 00:00:00 2001
From: MeowMeow <glitzkipalys@gmail.com>
Date: Fri, 18 Apr 2025 19:42:47 -0800
Subject: [PATCH] Update LoginView.axaml

---
 HospitalApp/HospitalApp/Views/LoginView.axaml | 145 +++++++++++-------
 1 file changed, 87 insertions(+), 58 deletions(-)

diff --git a/HospitalApp/HospitalApp/Views/LoginView.axaml b/HospitalApp/HospitalApp/Views/LoginView.axaml
index 49230a4..e22f97d 100644
--- a/HospitalApp/HospitalApp/Views/LoginView.axaml
+++ b/HospitalApp/HospitalApp/Views/LoginView.axaml
@@ -3,100 +3,129 @@
              xmlns:vm="clr-namespace:HospitalApp.ViewModels"
              x:Class="HospitalApp.Views.LoginView"
              x:DataType="vm:LoginViewModel"
-             Background="#e4ecf7">
+             Background="#F5F9FF">
+
     <Grid>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="*" />
             <ColumnDefinition Width="*" />
         </Grid.ColumnDefinitions>
         <Border Grid.Column="0"
-                CornerRadius="0,80,80,0"
-                ClipToBounds="True"
-                BoxShadow="0 4 100 0 #80000000">
-            <!-- <Image Source="D:\AppsDev\HospitalApp\HospitalApp\Assets\logo.jpg"
-                   Stretch="UniformToFill"
-                   Opacity="2"/> -->
+                Background="#DFF0F9"
+                CornerRadius="0,50,50,0">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <!-- Text -->
+                <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="10" Grid.Column="0">
+                    <TextBlock Text="HELLO !" FontSize="30" FontWeight="Bold" 
+                               Foreground="#2D3748"
+                               Margin="0 0 -150 0 "
+                               HorizontalAlignment="Center"/>
+                    <TextBlock Text="Please enter your details to continue"
+                               FontSize="14"
+                               Margin="0 0 -160 0 "
+                               Foreground="Gray"
+                               HorizontalAlignment="Center"
+                               TextAlignment="Center"/>
+                </StackPanel>
+
+                <!-- Doctor Image -->
+                <Image Source="avares://HospitalApp/Assets/doctor.png"
+                       Grid.Column="1"
+                       Width="900"
+                       Height="900"
+                       Margin="0,0,-450,0"
+                       Stretch="Uniform"
+                       VerticalAlignment="Center"
+                       HorizontalAlignment="Left"/>
+            </Grid>
         </Border>
         <Grid Grid.Column="1" Margin="40">
             <StackPanel VerticalAlignment="Center" Spacing="20">
+                <!-- logo -->
+                <Image Source="avares://HospitalApp/Assets/logo.png"
+                       Width="750"
+                       Height="300"
+                       HorizontalAlignment="Center"
+                       Margin="0 -200 0  0 "
+                       Stretch="Uniform"/>
                 <TextBlock Text="Username" 
-                           FontSize="16" 
+                           FontSize="14" 
                            FontWeight="Bold" 
                            Foreground="#2D3748"/>
-                <Border CornerRadius="10"
+                <Border CornerRadius="8"
                         Background="White"
-                        BoxShadow="0 1 10 0 #80000000"
-                        Padding="0">
+                        Padding="0"
+                        BoxShadow="0 0 10 0 #88888840">
                     <TextBox Text="{Binding Username}" 
-                             FontSize="16"
-                             Padding="15"
+                             FontSize="14"
+                             Padding="12"
                              BorderThickness="0"
                              Background="Transparent"/>
                 </Border>
                 <TextBlock Text="Password" 
-                           FontSize="16" 
+                           FontSize="14" 
                            FontWeight="Bold" 
                            Foreground="#2D3748"/>
-                <Border CornerRadius="10"
+                <Border CornerRadius="8"
                         Background="White"
-                        BoxShadow="0 1 10 0 #80000000"
-                        Padding="0">
-                    <TextBox Text="{Binding Password}"
-                             PasswordChar="{Binding ShowPasswordChar}"
-                             FontSize="16"
-                             Padding="15"
+                        Padding="0"
+                        BoxShadow="0 0 10 0 #88888840">
+                    <TextBox Text="{Binding Password}" 
+                             PasswordChar="●"
+                             FontSize="14"
+                             Padding="12"
                              BorderThickness="0"
                              Background="Transparent"/>
                 </Border>
-                
                 <Grid>
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="Auto"/>
                         <ColumnDefinition Width="*" />
                         <ColumnDefinition Width="Auto"/>
                     </Grid.ColumnDefinitions>
-                    <CheckBox IsChecked="{Binding ShowPassword}"
-                              Content="Show Password"
+                    <CheckBox Content="Show Password"
                               VerticalAlignment="Center"
                               FontSize="12"
                               Foreground="Black"
                               Grid.Column="0"/>
+                    <TextBlock Text="Forgot Password?"
+                               FontSize="12"
+                               Foreground="#1877F2"
+                               TextDecorations="Underline"
+                               VerticalAlignment="Center"
+                               Cursor="Hand"
+                               Grid.Column="2"
+                               HorizontalAlignment="Right"/>
                 </Grid>
-                <!-- Error Message Display -->
-                <Border Background="#FFEBEE"
-                        CornerRadius="8"
-                        Padding="10"
-                        IsVisible="{Binding ErrorMsgVisible}">
-                    <TextBlock Text="{Binding ErrorMsg}"
-                               Foreground="#D32F2F"
-                               FontSize="14"
-                               TextWrapping="Wrap"/>
+                <Border CornerRadius="8"
+                        Background="Transparent"
+                        BoxShadow="0 0 10 0 #88888840"
+                        Margin="0,20,0,0">
+                    <Button Content="Log In"
+                            Command="{Binding LoginCommand}"
+                            Background="#1877F2"
+                            Foreground="White"
+                            FontSize="16"
+                            FontWeight="Bold"
+                            Padding="15"
+                            BorderThickness="0"
+                            CornerRadius="8"
+                            HorizontalAlignment="Stretch"
+                            HorizontalContentAlignment="Center"
+                            VerticalContentAlignment="Center"/>
                 </Border>
-                
-                <Grid Margin="0,20,0,0">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
-                    <Border Grid.Column="0"
-                            CornerRadius="10"
-                            BoxShadow="0 1 9 0 #80000040"
-                            Background="Transparent"
-                            HorizontalAlignment="Left">
-                        <Button Content="Login"
-                                Command="{Binding LoginCommand}"
-                                Background="#00A3FF"
-                                Foreground="White"
-                                FontSize="16"
-                                FontWeight="Bold"
-                                CornerRadius="10"
-                                Padding="10,5"
-                                Width="120"
-                                HorizontalContentAlignment="Center"
-                                VerticalContentAlignment="Center"/>
-                    </Border>
-                </Grid>
+
+                <!-- Sign Up Ni PWede ra e remove -->
+                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,10,0,0">
+                    <TextBlock Text="Do Not Have Account?" FontSize="12" Foreground="Gray"/>
+                    <TextBlock Text=" Sign Up" FontSize="12" Foreground="#00B894" FontWeight="Bold" Margin="5,0,0,0" Cursor="Hand"/>
+                </StackPanel>
             </StackPanel>
         </Grid>
     </Grid>
-</UserControl>
\ No newline at end of file
+</UserControl>