AddEditVet.xaml

<Window x:Class="VetClinic.AddEditVet"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        FontSize="18" FontFamily="{DynamicResource MaterialDesignFont}" ResizeMode="NoResize"
        WindowStartupLocation="CenterScreen" WindowStyle="None" AllowsTransparency="True" Background="Transparent" 
        mc:Ignorable="d" Height="645" Width="875">
    <Grid Margin="20" Name="Container">
        <Grid.Effect>
            <DropShadowEffect BlurRadius="30" ShadowDepth="1" Opacity="0.4"/>
        </Grid.Effect>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="4*"/>
        </Grid.ColumnDefinitions>

        <!--Left Section-->
        <Border Background="#42389D" CornerRadius="15 0 0 15" ClipToBounds="True">
            <Border.Clip>
                <RectangleGeometry RadiusX="10" RadiusY="10" Rect="0,0,400,605"/>
            </Border.Clip>

            <Grid>
                <!--Title-->
                <StackPanel Margin="0 40 0 0" VerticalAlignment="Top">
                    <Image Source="/images/pic.png" Margin="0 0 0 40" Width="180" Height="180"/>


                </StackPanel>

                <!--Paw-->
                <StackPanel Margin="0 470 0 0" VerticalAlignment="Top">
                    <Image Source="/images/paw.png" Margin="0 0 0 20" Width="50" Height="40"/>
                    <Image Source="/images/paw.png" Margin="-100 0 0 20" Width="50" Height="40"/>
                    <Image Source="/images/paw.png" Margin="70 -20 0 0" Width="50" Height="40"/>
                </StackPanel>
            </Grid>
        </Border>

        <!--Right Section-->
        <Border  Grid.Column="1" Background="#ffffff" CornerRadius="0 15 15 0" MouseDown="Border_MouseDown">
            <Grid>
                <!--Close Icon-->
                <materialDesign:PackIcon Kind="Close" VerticalAlignment="Top" Width="20" Height="20" HorizontalAlignment="Right" Margin="0 13 14 0" Opacity="0.3"/>

                <!--Inputs-->
                <StackPanel  VerticalAlignment="Center" Margin="75,0,75,0" Height="593">
                    <TextBox Name="UserNameInput" BorderThickness="0 0 0 1.5" BorderBrush="#C5C8CC" materialDesign:HintAssist.FloatingOffset="0,-20" materialDesign:HintAssist.Hint="Username" Text="Tom" Style="{StaticResource MaterialDesignFloatingHintTextBox}" />
                    <TextBox Name="EmailInput" BorderThickness="0 0 0 1.5" BorderBrush="#C5C8CC" materialDesign:HintAssist.FloatingOffset="0,-20" materialDesign:HintAssist.Hint="Email" Text="tom@email.com" Margin="0 20 0 20" Style="{StaticResource MaterialDesignFloatingHintTextBox}" />
                    <PasswordBox Name="PasswordInput" BorderThickness="0 0 0 1.5" BorderBrush="#C5C8CC" materialDesign:HintAssist.FloatingOffset="0,-18" materialDesign:HintAssist.Hint="Password" Password="Aaaaa1111**" Style="{StaticResource MaterialDesignFloatingHintPasswordBox}" />
                    <PasswordBox Name="RepPasswordInput" BorderThickness="0 0 0 1.5" BorderBrush="#C5C8CC" materialDesign:HintAssist.FloatingOffset="0,-18" materialDesign:HintAssist.Hint="Repeat Password" Password="Aaaaa1111**" Margin="0 20 0 0" Style="{StaticResource MaterialDesignFloatingHintPasswordBox}" />
                    <TextBox Name="NameInput"  BorderThickness="0 0 0 1.5" BorderBrush="#C5C8CC" materialDesign:HintAssist.FloatingOffset="0,-20" materialDesign:HintAssist.Hint="Name" Text="Tom" Margin="0 20 0 0" Style="{StaticResource MaterialDesignFloatingHintTextBox}" />
                    <TextBox Name="PhoneInput"  BorderThickness="0 0 0 1.5" BorderBrush="#C5C8CC" materialDesign:HintAssist.FloatingOffset="0,-20" materialDesign:HintAssist.Hint="Phone" Text="1234567890" Margin="0 20 0 0" Style="{StaticResource MaterialDesignFloatingHintTextBox}" />
                    <StackPanel Orientation="Horizontal" Margin="0 20 0 20">
                        <RadioButton Name="RbnVet" GroupName="Role" IsChecked="True" Margin="0 0 40 0">Vet</RadioButton>
                        <RadioButton Name="RbnAdmin" GroupName="Role" >Admin</RadioButton>
                    </StackPanel>

                    <StackPanel Orientation="Horizontal">
                        <Button Name="BtnAdd" IsDefault="True" Content="Add" Background="#42389D" Foreground="#ffffff" FontSize="18" Margin="50"  materialDesign:ButtonAssist.CornerRadius="22" Height="45" Width="120" Click="BtnAdd_Click"/>
                        <Button Name="BtnCancel" IsCancel="True"  Content="Cancel" Background="#42389D" Foreground="#ffffff" FontSize="18" Margin="50" materialDesign:ButtonAssist.CornerRadius="22" Height="45" Width="120" />

                    </StackPanel>
                </StackPanel>
            </Grid>
        </Border>
    </Grid>
</Window>