787 lines
49 KiB
XML
787 lines
49 KiB
XML
<Window x:Class="UI.Cadastro.FrmCadastroClientes"
|
||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||
WindowStartupLocation="CenterScreen"
|
||
ResizeMode="CanResize"
|
||
WindowStyle="None"
|
||
Height="950" Width="1480"
|
||
MinHeight="800" MinWidth="1100"
|
||
Background="#0D1117">
|
||
|
||
<Window.Resources>
|
||
|
||
<SolidColorBrush x:Key="BgBase" Color="#0D1117"/>
|
||
<SolidColorBrush x:Key="BgCard" Color="#111827"/>
|
||
<SolidColorBrush x:Key="BgInput" Color="#1A2235"/>
|
||
<SolidColorBrush x:Key="BorderSubtle" Color="#1E2D4A"/>
|
||
<SolidColorBrush x:Key="TextPrimary" Color="#F1F5F9"/>
|
||
<SolidColorBrush x:Key="TextMuted" Color="#64748B"/>
|
||
|
||
<!-- LABEL -->
|
||
<Style x:Key="FieldLabel" TargetType="TextBlock">
|
||
<Setter Property="Foreground" Value="#94A3B8"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="Margin" Value="0 0 0 6"/>
|
||
</Style>
|
||
|
||
<!-- ASTERISCO OBRIGATÓRIO -->
|
||
<Style x:Key="RequiredStar" TargetType="TextBlock">
|
||
<Setter Property="Foreground" Value="#EF4444"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="Margin" Value="2 0 0 6"/>
|
||
</Style>
|
||
|
||
<!-- TEXTBOX -->
|
||
<Style x:Key="InputStyle" TargetType="TextBox">
|
||
<Setter Property="Background" Value="#1A2235"/>
|
||
<Setter Property="Foreground" Value="#64748B"/>
|
||
<Setter Property="BorderBrush" Value="#1E2D4A"/>
|
||
<Setter Property="BorderThickness" Value="1"/>
|
||
<Setter Property="CaretBrush" Value="#3B82F6"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="Height" Value="40"/>
|
||
<Setter Property="Padding" Value="12 0"/>
|
||
<Setter Property="VerticalContentAlignment" Value="Center"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="TextBox">
|
||
<Border x:Name="bd"
|
||
Background="{TemplateBinding Background}"
|
||
BorderBrush="{TemplateBinding BorderBrush}"
|
||
BorderThickness="{TemplateBinding BorderThickness}"
|
||
CornerRadius="8">
|
||
<ScrollViewer x:Name="PART_ContentHost"
|
||
Margin="{TemplateBinding Padding}"
|
||
VerticalAlignment="Center"/>
|
||
</Border>
|
||
<ControlTemplate.Triggers>
|
||
<Trigger Property="IsFocused" Value="True">
|
||
<Setter TargetName="bd" Property="BorderBrush" Value="#3B82F6"/>
|
||
</Trigger>
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter TargetName="bd" Property="BorderBrush" Value="#2D4A7A"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!-- COMBOBOX -->
|
||
<Style x:Key="ComboStyle" TargetType="ComboBox">
|
||
<Setter Property="Background" Value="#1A2235"/>
|
||
<Setter Property="Foreground" Value="#CBD5E1"/>
|
||
<Setter Property="BorderBrush" Value="#1E2D4A"/>
|
||
<Setter Property="BorderThickness" Value="1"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="Height" Value="40"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="ComboBox">
|
||
<Border x:Name="bd"
|
||
Background="{TemplateBinding Background}"
|
||
BorderBrush="{TemplateBinding BorderBrush}"
|
||
BorderThickness="{TemplateBinding BorderThickness}"
|
||
CornerRadius="8">
|
||
<Grid>
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="36"/>
|
||
</Grid.ColumnDefinitions>
|
||
<ContentPresenter IsHitTestVisible="False"
|
||
Content="{TemplateBinding SelectionBoxItem}"
|
||
Margin="12 0 0 0"
|
||
VerticalAlignment="Center"/>
|
||
<TextBlock Grid.Column="1" Text="▾" Foreground="#64748B"
|
||
FontSize="12" HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"/>
|
||
<Popup x:Name="Popup" Placement="Bottom"
|
||
IsOpen="{TemplateBinding IsDropDownOpen}"
|
||
AllowsTransparency="True" Focusable="False">
|
||
<Border Background="#1A2235" BorderBrush="#1E2D4A"
|
||
BorderThickness="1" CornerRadius="8"
|
||
MinWidth="{TemplateBinding ActualWidth}">
|
||
<Border.Effect>
|
||
<DropShadowEffect Color="#000" Opacity="0.5"
|
||
BlurRadius="16" ShadowDepth="4"/>
|
||
</Border.Effect>
|
||
<ItemsPresenter/>
|
||
</Border>
|
||
</Popup>
|
||
</Grid>
|
||
</Border>
|
||
<ControlTemplate.Triggers>
|
||
<Trigger Property="IsFocused" Value="True">
|
||
<Setter TargetName="bd" Property="BorderBrush" Value="#3B82F6"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!-- RADIOBUTTON -->
|
||
<Style x:Key="RadioStyle" TargetType="RadioButton">
|
||
<Setter Property="Foreground" Value="#CBD5E1"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="Cursor" Value="Hand"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="RadioButton">
|
||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||
<Border x:Name="circle" Width="18" Height="18"
|
||
CornerRadius="9" BorderThickness="2"
|
||
BorderBrush="#334155" Background="Transparent">
|
||
<Ellipse x:Name="dot" Width="8" Height="8"
|
||
Fill="#3B82F6" Visibility="Collapsed"
|
||
HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"/>
|
||
</Border>
|
||
<ContentPresenter Margin="8 0 0 0" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
<ControlTemplate.Triggers>
|
||
<Trigger Property="IsChecked" Value="True">
|
||
<Setter TargetName="circle" Property="BorderBrush" Value="#3B82F6"/>
|
||
<Setter TargetName="dot" Property="Visibility" Value="Visible"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!-- BOTÃO PRIMÁRIO -->
|
||
<Style x:Key="BtnPrimary" TargetType="Button">
|
||
<Setter Property="Foreground" Value="White"/>
|
||
<Setter Property="BorderThickness" Value="0"/>
|
||
<Setter Property="Cursor" Value="Hand"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="FontWeight" Value="SemiBold"/>
|
||
<Setter Property="Height" Value="44"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="Button">
|
||
<Border x:Name="bd" CornerRadius="10"
|
||
Background="{TemplateBinding Background}"
|
||
Padding="{TemplateBinding Padding}">
|
||
<ContentPresenter HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"/>
|
||
</Border>
|
||
<ControlTemplate.Triggers>
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter TargetName="bd" Property="Opacity" Value="0.85"/>
|
||
</Trigger>
|
||
<Trigger Property="IsPressed" Value="True">
|
||
<Setter TargetName="bd" Property="Opacity" Value="0.7"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!-- BOTÃO OUTLINE -->
|
||
<Style x:Key="BtnOutline" TargetType="Button">
|
||
<Setter Property="Foreground" Value="#94A3B8"/>
|
||
<Setter Property="BorderThickness" Value="1"/>
|
||
<Setter Property="BorderBrush" Value="#1E2D4A"/>
|
||
<Setter Property="Background" Value="#111827"/>
|
||
<Setter Property="Cursor" Value="Hand"/>
|
||
<Setter Property="FontSize" Value="13"/>
|
||
<Setter Property="FontWeight" Value="SemiBold"/>
|
||
<Setter Property="Height" Value="44"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="Button">
|
||
<Border x:Name="bd" CornerRadius="10"
|
||
Background="{TemplateBinding Background}"
|
||
BorderBrush="{TemplateBinding BorderBrush}"
|
||
BorderThickness="{TemplateBinding BorderThickness}"
|
||
Padding="{TemplateBinding Padding}">
|
||
<ContentPresenter HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"/>
|
||
</Border>
|
||
<ControlTemplate.Triggers>
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter TargetName="bd" Property="BorderBrush" Value="#3B82F6"/>
|
||
<Setter Property="Foreground" Value="#F1F5F9"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!-- SIDEBAR BTN -->
|
||
<Style x:Key="SidebarBtn" TargetType="Button">
|
||
<Setter Property="Background" Value="Transparent"/>
|
||
<Setter Property="BorderThickness" Value="0"/>
|
||
<Setter Property="Cursor" Value="Hand"/>
|
||
<Setter Property="Height" Value="44"/>
|
||
<Setter Property="HorizontalContentAlignment" Value="Left"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="Button">
|
||
<Border x:Name="bd" Background="{TemplateBinding Background}"
|
||
CornerRadius="10" Padding="12 0">
|
||
<ContentPresenter VerticalAlignment="Center"/>
|
||
</Border>
|
||
<ControlTemplate.Triggers>
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter TargetName="bd" Property="Background" Value="#111827"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<Style x:Key="SidebarBtnActive" TargetType="Button" BasedOn="{StaticResource SidebarBtn}">
|
||
<Setter Property="Background" Value="#162035"/>
|
||
</Style>
|
||
|
||
</Window.Resources>
|
||
|
||
<Grid>
|
||
<Grid.RowDefinitions>
|
||
<RowDefinition Height="56"/>
|
||
<RowDefinition Height="*"/>
|
||
</Grid.RowDefinitions>
|
||
|
||
<!-- ══════════════════════════════════ -->
|
||
<!-- TOP BAR -->
|
||
<!-- ══════════════════════════════════ -->
|
||
<Border Grid.Row="0" BorderThickness="0 0 0 1" BorderBrush="#1E2D4A">
|
||
<Border.Background>
|
||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
|
||
<GradientStop Color="#0A1020" Offset="0"/>
|
||
<GradientStop Color="#0D1117" Offset="1"/>
|
||
</LinearGradientBrush>
|
||
|
||
</Border.Background>
|
||
<Grid Margin="20 0">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="220"/>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="Auto"/>
|
||
</Grid.ColumnDefinitions>
|
||
|
||
<!-- Logo -->
|
||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||
<Viewbox Width="26" Height="26">
|
||
<Grid Width="100" Height="100">
|
||
<Path Fill="#3B82F6">
|
||
<Path.Data>
|
||
<PathGeometry>
|
||
<PathFigure StartPoint="50,5" IsClosed="True">
|
||
<LineSegment Point="78,33"/>
|
||
<LineSegment Point="50,47"/>
|
||
<LineSegment Point="22,33"/>
|
||
</PathFigure>
|
||
</PathGeometry>
|
||
</Path.Data>
|
||
</Path>
|
||
<Path Fill="#60A5FA">
|
||
<Path.Data>
|
||
<PathGeometry>
|
||
<PathFigure StartPoint="53,50" IsClosed="True">
|
||
<LineSegment Point="78,33"/>
|
||
<LineSegment Point="95,50"/>
|
||
<LineSegment Point="78,67"/>
|
||
</PathFigure>
|
||
</PathGeometry>
|
||
</Path.Data>
|
||
</Path>
|
||
<Path Fill="#2563EB">
|
||
<Path.Data>
|
||
<PathGeometry>
|
||
<PathFigure StartPoint="50,53" IsClosed="True">
|
||
<LineSegment Point="78,67"/>
|
||
<LineSegment Point="50,95"/>
|
||
<LineSegment Point="22,67"/>
|
||
</PathFigure>
|
||
</PathGeometry>
|
||
</Path.Data>
|
||
</Path>
|
||
<Path Fill="#3B82F6">
|
||
<Path.Data>
|
||
<PathGeometry>
|
||
<PathFigure StartPoint="47,50" IsClosed="True">
|
||
<LineSegment Point="22,33"/>
|
||
<LineSegment Point="5,50"/>
|
||
<LineSegment Point="22,67"/>
|
||
</PathFigure>
|
||
</PathGeometry>
|
||
</Path.Data>
|
||
</Path>
|
||
</Grid>
|
||
</Viewbox>
|
||
<TextBlock Text="Levelcode SGI" Foreground="White" FontSize="17"
|
||
FontWeight="Bold" Margin="10 0 0 0" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
|
||
<!-- Search -->
|
||
<Border Grid.Column="1" Background="#111827" BorderBrush="#1E2D4A"
|
||
BorderThickness="1" CornerRadius="10" Height="36"
|
||
MaxWidth="380" HorizontalAlignment="Center" VerticalAlignment="Center">
|
||
<StackPanel Orientation="Horizontal" Margin="12 0">
|
||
<TextBlock Text="🔍" FontSize="13" Foreground="#334155"
|
||
VerticalAlignment="Center" Margin="0 0 8 0"/>
|
||
<TextBlock Text="Pesquisar..." Foreground="#334155"
|
||
FontSize="13" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Border>
|
||
|
||
<!-- Direita -->
|
||
<StackPanel Grid.Column="2" Orientation="Horizontal"
|
||
VerticalAlignment="Center" Margin="0 0 4 0">
|
||
<Grid Width="36" Height="36" Margin="0 0 6 0" Cursor="Hand">
|
||
<Border CornerRadius="9" Background="#111827" BorderBrush="#1E2D4A" BorderThickness="1"/>
|
||
<TextBlock Text="🔔" FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
<Border Width="16" Height="16" CornerRadius="8" Background="#EF4444"
|
||
HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0 -4 -4 0">
|
||
<TextBlock Text="3" Foreground="White" FontSize="9" FontWeight="Bold"
|
||
HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Border>
|
||
</Grid>
|
||
<Border Width="36" Height="36" CornerRadius="9" Background="#111827"
|
||
BorderBrush="#1E2D4A" BorderThickness="1" Cursor="Hand" Margin="0 0 10 0">
|
||
<Path Fill="#64748B" HorizontalAlignment="Center" VerticalAlignment="Center"
|
||
Width="16" Height="16" Stretch="Uniform"
|
||
Data="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94zM12,15.6c-1.98,0-3.6-1.62-3.6-3.6s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"/>
|
||
</Border>
|
||
<Border CornerRadius="10" Background="#111827" BorderBrush="#1E2D4A"
|
||
BorderThickness="1" Padding="10 0 12 0" Height="36" Cursor="Hand">
|
||
<StackPanel Orientation="Horizontal">
|
||
<Border Width="26" Height="26" CornerRadius="13" Background="#1E3A5F">
|
||
<TextBlock Text="A" Foreground="#60A5FA" FontSize="12" FontWeight="Bold"
|
||
HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Border>
|
||
<TextBlock Name="lblUsserName" Text="Administrador" Foreground="#CBD5E1" FontSize="13"
|
||
Margin="8 0 6 0" VerticalAlignment="Center"/>
|
||
<TextBlock Text="▾" Foreground="#334155" FontSize="10" VerticalAlignment="Center"/>
|
||
|
||
<!-- BOTÃO SAIR -->
|
||
<Button Height="38"
|
||
Padding="12 0"
|
||
Style="{StaticResource BtnOutline}"
|
||
Click="BtnSair_Click">
|
||
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="" FontSize="13"
|
||
Margin="0 0 12 0"
|
||
VerticalAlignment="Center"/>
|
||
<TextBlock Text="Sair" FontSize="12" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
|
||
</Button>
|
||
</StackPanel>
|
||
|
||
</Border>
|
||
</StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
|
||
<!-- ══════════════════════════════════ -->
|
||
<!-- BODY -->
|
||
<!-- ══════════════════════════════════ -->
|
||
<Grid Grid.Row="1">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="190"/>
|
||
<ColumnDefinition Width="*"/>
|
||
</Grid.ColumnDefinitions>
|
||
|
||
<!-- SIDEBAR -->
|
||
<Border BorderThickness="0 0 1 0" BorderBrush="#1E2D4A">
|
||
<Border.Background>
|
||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
|
||
<GradientStop Color="#0A1020" Offset="0"/>
|
||
<GradientStop Color="#0D1117" Offset="1"/>
|
||
</LinearGradientBrush>
|
||
</Border.Background>
|
||
<Grid>
|
||
<Grid.RowDefinitions>
|
||
<RowDefinition Height="*"/>
|
||
<RowDefinition Height="Auto"/>
|
||
</Grid.RowDefinitions>
|
||
<StackPanel Margin="12 16 12 0">
|
||
<Button Style="{StaticResource SidebarBtn}" Margin="0 0 0 2">
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="⊞" FontSize="16" Width="28" TextAlignment="Center"
|
||
Margin="0 0 10 0" Foreground="#64748B" VerticalAlignment="Center"/>
|
||
<TextBlock Text="Dashboard" Foreground="#64748B" FontSize="14" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
<Button Style="{StaticResource SidebarBtnActive}" Margin="0 0 0 2">
|
||
<StackPanel Orientation="Horizontal">
|
||
<Border Width="28" Height="28" CornerRadius="8" Background="#1A3A6E" Margin="0 0 10 0">
|
||
<TextBlock Text="👤" FontSize="13" HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Border>
|
||
<TextBlock Text="Pessoas" Foreground="#F1F5F9" FontWeight="SemiBold"
|
||
FontSize="14" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
<Button Style="{StaticResource SidebarBtn}" Margin="0 0 0 2">
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="📋" FontSize="14" Width="28" TextAlignment="Center"
|
||
Margin="0 0 10 0" VerticalAlignment="Center"/>
|
||
<TextBlock Text="Relatórios" Foreground="#64748B" FontSize="14" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
<Button Style="{StaticResource SidebarBtn}" Margin="0 0 0 2">
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="⚙" FontSize="14" Width="28" TextAlignment="Center"
|
||
Margin="0 0 10 0" VerticalAlignment="Center"/>
|
||
<TextBlock Text="Configurações" Foreground="#64748B" FontSize="14" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
<Button Style="{StaticResource SidebarBtn}">
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="❓" FontSize="14" Width="28" TextAlignment="Center"
|
||
Margin="0 0 10 0" VerticalAlignment="Center"/>
|
||
<TextBlock Text="Ajuda" Foreground="#64748B" FontSize="14" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
</StackPanel>
|
||
<StackPanel Grid.Row="1" Margin="16 0 16 16">
|
||
<Rectangle Height="1" Fill="#1E2D4A" Margin="0 0 0 12"/>
|
||
<StackPanel Orientation="Horizontal" Margin="0 0 0 4">
|
||
<Ellipse Width="8" Height="8" Fill="#22C55E" Margin="0 0 6 0" VerticalAlignment="Center"/>
|
||
<TextBlock Text="Usuários Ativos" Foreground="#334155" FontSize="12"/>
|
||
</StackPanel>
|
||
<TextBlock Foreground="#22C55E" FontSize="14" FontWeight="Bold" Margin="14 0 0 0">
|
||
<Run Text="1 "/><Run Text="Online" FontWeight="Normal"/>
|
||
</TextBlock>
|
||
<TextBlock Text="© 2024 Levelcode" Foreground="#1E2D4A" FontSize="11" Margin="0 10 0 0"/>
|
||
</StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
|
||
<!-- ══════════════════════════════════ -->
|
||
<!-- CONTEÚDO PRINCIPAL -->
|
||
<!-- ══════════════════════════════════ -->
|
||
<ScrollViewer Grid.Column="1" VerticalScrollBarVisibility="Auto" Background="#0D1117">
|
||
<StackPanel Margin="24 20 24 24">
|
||
|
||
<!-- Breadcrumb -->
|
||
<StackPanel Orientation="Horizontal" Margin="0 0 0 14">
|
||
<TextBlock Text="‹" Foreground="#64748B" FontSize="16"
|
||
VerticalAlignment="Center" Margin="0 0 6 0" Cursor="Hand"/>
|
||
<TextBlock Text="Dashboard" Foreground="#64748B" FontSize="13"
|
||
VerticalAlignment="Center" Cursor="Hand"/>
|
||
<TextBlock Text=" › " Foreground="#334155" FontSize="13" VerticalAlignment="Center"/>
|
||
<TextBlock Text="Cadastro Pessoal" Foreground="#F1F5F9"
|
||
FontSize="13" FontWeight="SemiBold" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
|
||
<!-- Título -->
|
||
<TextBlock Text="Cadastro Pessoal" Foreground="#F1F5F9"
|
||
FontSize="22" FontWeight="Bold" Margin="0 0 0 20"/>
|
||
|
||
<!-- ══ CARD PRINCIPAL ══ -->
|
||
<Border CornerRadius="14" BorderThickness="1" BorderBrush="#1E2D4A" Padding="24">
|
||
<Border.Background>
|
||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
|
||
<GradientStop Color="#111827" Offset="0"/>
|
||
<GradientStop Color="#0F1A2E" Offset="1"/>
|
||
</LinearGradientBrush>
|
||
</Border.Background>
|
||
|
||
<!-- Layout: coluna esquerda (foto+dados) | coluna direita (form) -->
|
||
<Grid>
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="230"/>
|
||
<ColumnDefinition Width="*"/>
|
||
</Grid.ColumnDefinitions>
|
||
|
||
<!-- ─────────────────────────────── -->
|
||
<!-- COLUNA ESQUERDA -->
|
||
<!-- ─────────────────────────────── -->
|
||
<StackPanel Margin="0 0 28 0">
|
||
|
||
<!-- Upload de foto -->
|
||
<Border Height="190" CornerRadius="12" BorderThickness="1.5"
|
||
BorderBrush="#1E2D4A" Background="#0D1525"
|
||
Cursor="Hand" Margin="0 0 0 20">
|
||
<Border.Style>
|
||
<Style TargetType="Border">
|
||
<Style.Triggers>
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter Property="BorderBrush" Value="#3B82F6"/>
|
||
</Trigger>
|
||
</Style.Triggers>
|
||
</Style>
|
||
</Border.Style>
|
||
<Grid>
|
||
<Rectangle StrokeDashArray="6 3" StrokeThickness="1.5"
|
||
Stroke="#334155" Margin="8" RadiusX="8" RadiusY="8"/>
|
||
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
|
||
<Grid Width="54" Height="54" HorizontalAlignment="Center" Margin="0 0 0 6">
|
||
<Border Width="54" Height="54" CornerRadius="27" Background="#1A2235"/>
|
||
<Path Fill="#64748B" HorizontalAlignment="Center"
|
||
VerticalAlignment="Center" Width="26" Height="26"
|
||
Stretch="Uniform"
|
||
Data="M12 15.2A3.2 3.2 0 0 1 8.8 12 3.2 3.2 0 0 1 12 8.8 3.2 3.2 0 0 1 15.2 12 3.2 3.2 0 0 1 12 15.2M9 2L7.17 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4H16.83L15 2H9Z"/>
|
||
<Border Width="20" Height="20" CornerRadius="10"
|
||
HorizontalAlignment="Right" VerticalAlignment="Bottom"
|
||
Margin="0 0 -3 -3">
|
||
<Border.Background>
|
||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
|
||
<GradientStop Color="#3B82F6" Offset="0"/>
|
||
<GradientStop Color="#2563EB" Offset="1"/>
|
||
</LinearGradientBrush>
|
||
</Border.Background>
|
||
<TextBlock Text="+" Foreground="White" FontSize="14"
|
||
FontWeight="Bold" HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"/>
|
||
</Border>
|
||
</Grid>
|
||
</StackPanel>
|
||
</Grid>
|
||
</Border>
|
||
|
||
<!-- Telefone -->
|
||
<TextBlock Text="Telefone" Style="{StaticResource FieldLabel}"/>
|
||
<TextBox x:Name="TxtTelefone" Style="{StaticResource InputStyle}"
|
||
Text="(xx)-xxxxx-xxxx" Margin="0 0 0 16"/>
|
||
|
||
<!-- Data de Nascimento -->
|
||
<TextBlock Text="Data de Nascimento" Style="{StaticResource FieldLabel}"/>
|
||
<Border Background="#1A2235" BorderBrush="#1E2D4A" BorderThickness="1"
|
||
CornerRadius="8" Height="40" Margin="0 0 0 16" Cursor="Hand">
|
||
<Grid Margin="12 0">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="28"/>
|
||
</Grid.ColumnDefinitions>
|
||
<TextBlock Text="dd/mm/aaaa" Foreground="#64748B"
|
||
FontSize="13" VerticalAlignment="Center"/>
|
||
<TextBlock Grid.Column="1" Text="📅" FontSize="14"
|
||
HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||
</Grid>
|
||
</Border>
|
||
|
||
<!-- Sexo vertical -->
|
||
<TextBlock Text="Sexo" Style="{StaticResource FieldLabel}"/>
|
||
<StackPanel Margin="0 4 0 0">
|
||
<RadioButton Content="Masculino" Style="{StaticResource RadioStyle}"
|
||
IsChecked="True" GroupName="SexoEsq" Margin="0 0 0 10"/>
|
||
<RadioButton Content="Feminino" Style="{StaticResource RadioStyle}"
|
||
GroupName="SexoEsq" Margin="0 0 0 10"/>
|
||
<RadioButton Content="Outro" Style="{StaticResource RadioStyle}"
|
||
GroupName="SexoEsq"/>
|
||
</StackPanel>
|
||
</StackPanel>
|
||
|
||
<!-- ─────────────────────────────── -->
|
||
<!-- COLUNA DIREITA: StackPanel -->
|
||
<!-- (evita o Height="*" colapsando) -->
|
||
<!-- ─────────────────────────────── -->
|
||
<StackPanel Grid.Column="1">
|
||
|
||
<!-- Row A: Nome Completo + CEP -->
|
||
<Grid Margin="0 0 0 16">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="220"/>
|
||
</Grid.ColumnDefinitions>
|
||
<StackPanel Margin="0 0 16 0">
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="Nome Completo" Style="{StaticResource FieldLabel}"/>
|
||
<TextBlock Text=" *" Style="{StaticResource RequiredStar}"/>
|
||
</StackPanel>
|
||
<TextBox x:Name="TxtNome" Style="{StaticResource InputStyle}"
|
||
Text="Digite o nome completo"/>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="1">
|
||
<TextBlock Text="CEP" Style="{StaticResource FieldLabel}"/>
|
||
<Grid>
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="80"/>
|
||
</Grid.ColumnDefinitions>
|
||
<TextBox x:Name="TxtCep" Style="{StaticResource InputStyle}"
|
||
Text="xxxxx-xxxx" Margin="0 0 8 0"/>
|
||
<Button Grid.Column="1" Content="Buscar"
|
||
Style="{StaticResource BtnPrimary}" Height="40" Padding="0">
|
||
<Button.Background>
|
||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
|
||
<GradientStop Color="#3B82F6" Offset="0"/>
|
||
<GradientStop Color="#2563EB" Offset="1"/>
|
||
</LinearGradientBrush>
|
||
</Button.Background>
|
||
</Button>
|
||
</Grid>
|
||
</StackPanel>
|
||
</Grid>
|
||
|
||
<!-- Row B: Email + Endereço -->
|
||
<Grid Margin="0 0 0 16">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="220"/>
|
||
</Grid.ColumnDefinitions>
|
||
<StackPanel Margin="0 0 16 0">
|
||
<StackPanel Orientation="Horizontal">
|
||
<TextBlock Text="Email" Style="{StaticResource FieldLabel}"/>
|
||
<TextBlock Text=" *" Style="{StaticResource RequiredStar}"/>
|
||
</StackPanel>
|
||
<TextBox x:Name="TxtEmail" Style="{StaticResource InputStyle}"
|
||
Text="exemplo@email.com"/>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="1">
|
||
<TextBlock Text="Endereço" Style="{StaticResource FieldLabel}"/>
|
||
<TextBox x:Name="TxtEndereco" Style="{StaticResource InputStyle}"
|
||
Text="Rua São Paulo, 123" Foreground="#CBD5E1"/>
|
||
</StackPanel>
|
||
</Grid>
|
||
|
||
<!-- Row C: Sexo (horizontal) + Número + Bairro -->
|
||
<Grid Margin="0 0 0 16">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="106"/>
|
||
<ColumnDefinition Width="114"/>
|
||
</Grid.ColumnDefinitions>
|
||
<StackPanel Margin="0 0 16 0">
|
||
<TextBlock Text="Sexo" Style="{StaticResource FieldLabel}"/>
|
||
<StackPanel Orientation="Horizontal" Margin="0 6 0 0">
|
||
<RadioButton Content="Masculino" Style="{StaticResource RadioStyle}"
|
||
IsChecked="True" GroupName="SexoDir" Margin="0 0 18 0"/>
|
||
<RadioButton Content="Feminino" Style="{StaticResource RadioStyle}"
|
||
GroupName="SexoDir" Margin="0 0 18 0"/>
|
||
<RadioButton Content="Outro" Style="{StaticResource RadioStyle}"
|
||
GroupName="SexoDir"/>
|
||
</StackPanel>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="1" Margin="0 0 10 0">
|
||
<TextBlock Text="Número" Style="{StaticResource FieldLabel}"/>
|
||
<TextBox x:Name="TxtNumero" Style="{StaticResource InputStyle}"
|
||
Text="123" Foreground="#CBD5E1"/>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="2">
|
||
<TextBlock Text="Bairro" Style="{StaticResource FieldLabel}"/>
|
||
<TextBox x:Name="TxtBairro" Style="{StaticResource InputStyle}"
|
||
Text="Centro" Foreground="#CBD5E1"/>
|
||
</StackPanel>
|
||
</Grid>
|
||
|
||
<!-- Row D: CEP (form) + Cidade -->
|
||
<Grid Margin="0 0 0 16">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="220"/>
|
||
</Grid.ColumnDefinitions>
|
||
<StackPanel Margin="0 0 16 0">
|
||
<TextBlock Text="CEP" Style="{StaticResource FieldLabel}"/>
|
||
<TextBox x:Name="TxtCep2" Style="{StaticResource InputStyle}"
|
||
Text="xxxxx-xxxx"/>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="1">
|
||
<TextBlock Text="Cidade" Style="{StaticResource FieldLabel}"/>
|
||
<ComboBox x:Name="CmbCidade" Style="{StaticResource ComboStyle}">
|
||
<ComboBoxItem Content="São Paulo" IsSelected="True"/>
|
||
<ComboBoxItem Content="Rio de Janeiro"/>
|
||
<ComboBoxItem Content="Belo Horizonte"/>
|
||
<ComboBoxItem Content="Curitiba"/>
|
||
<ComboBoxItem Content="Fortaleza"/>
|
||
</ComboBox>
|
||
</StackPanel>
|
||
</Grid>
|
||
|
||
<!-- Row E: Cargo + Estado -->
|
||
<Grid Margin="0 0 0 16">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="*"/>
|
||
<ColumnDefinition Width="220"/>
|
||
</Grid.ColumnDefinitions>
|
||
<StackPanel Margin="0 0 16 0">
|
||
<TextBlock Text="Cargo" Style="{StaticResource FieldLabel}"/>
|
||
<TextBox x:Name="TxtCargo" Style="{StaticResource InputStyle}"
|
||
Text="Analista de Sistemas" Foreground="#CBD5E1"/>
|
||
</StackPanel>
|
||
<StackPanel Grid.Column="1">
|
||
<TextBlock Text="Estado" Style="{StaticResource FieldLabel}"/>
|
||
<ComboBox x:Name="CmbEstado" Style="{StaticResource ComboStyle}">
|
||
<ComboBoxItem Content="São Paulo" IsSelected="True"/>
|
||
<ComboBoxItem Content="Rio de Janeiro"/>
|
||
<ComboBoxItem Content="Minas Gerais"/>
|
||
<ComboBoxItem Content="Paraná"/>
|
||
<ComboBoxItem Content="Bahia"/>
|
||
<ComboBoxItem Content="Ceará"/>
|
||
</ComboBox>
|
||
</StackPanel>
|
||
</Grid>
|
||
|
||
<!-- Row F: Data de Cadastro -->
|
||
<StackPanel HorizontalAlignment="Left" Width="210" Margin="0 0 0 32">
|
||
<TextBlock Text="Data de Cadastro" Style="{StaticResource FieldLabel}"/>
|
||
<Border Background="#1A2235" BorderBrush="#1E2D4A"
|
||
BorderThickness="1" CornerRadius="8" Height="40">
|
||
<StackPanel Orientation="Horizontal" Margin="12 0">
|
||
<TextBlock Text="📅" FontSize="13" Margin="0 0 8 0"
|
||
VerticalAlignment="Center"/>
|
||
<TextBlock x:Name="TxtDataCadastro" Text="24/04/2024"
|
||
Foreground="#CBD5E1" FontSize="13"
|
||
VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Border>
|
||
</StackPanel>
|
||
|
||
<!-- ✅ BOTÕES — dentro do StackPanel, sempre visíveis -->
|
||
<Border BorderThickness="0 1 0 0" BorderBrush="#1E2D4A" Padding="0 20 0 0">
|
||
<Grid HorizontalAlignment="Right">
|
||
<Grid.ColumnDefinitions>
|
||
<ColumnDefinition Width="180"/>
|
||
<ColumnDefinition Width="130"/>
|
||
</Grid.ColumnDefinitions>
|
||
|
||
<!-- Salvar Pessoa -->
|
||
<Button x:Name="BtnSalvar"
|
||
Style="{StaticResource BtnPrimary}"
|
||
Padding="0" Margin="0 0 12 0">
|
||
<Button.Background>
|
||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
|
||
<GradientStop Color="#3B82F6" Offset="0"/>
|
||
<GradientStop Color="#2563EB" Offset="1"/>
|
||
</LinearGradientBrush>
|
||
</Button.Background>
|
||
<StackPanel Orientation="Horizontal">
|
||
<Path Fill="White" Width="14" Height="14"
|
||
Stretch="Uniform" Margin="0 0 8 0"
|
||
VerticalAlignment="Center"
|
||
Data="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z"/>
|
||
<TextBlock Text="Salvar cadastro" FontSize="14"
|
||
FontWeight="SemiBold" VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
|
||
<!-- Limpar -->
|
||
<Button x:Name="BtnLimpar" Grid.Column="1"
|
||
Style="{StaticResource BtnOutline}" Padding="0">
|
||
<StackPanel Orientation="Horizontal">
|
||
<Path Fill="#94A3B8" Width="13" Height="13"
|
||
Stretch="Uniform" Margin="0 0 8 0"
|
||
VerticalAlignment="Center"
|
||
Data="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z"/>
|
||
<TextBlock Text="Limpar" FontSize="13"
|
||
VerticalAlignment="Center"/>
|
||
</StackPanel>
|
||
</Button>
|
||
</Grid>
|
||
</Border>
|
||
|
||
</StackPanel>
|
||
<!-- fim coluna direita -->
|
||
|
||
</Grid>
|
||
</Border>
|
||
<!-- fim card -->
|
||
|
||
</StackPanel>
|
||
</ScrollViewer>
|
||
|
||
</Grid>
|
||
</Grid>
|
||
</Window>
|