<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:xml="http://www.w3.org/XML/1998/namespace"
    x:Class="YourApp.CodeExhibitPage"
    BackgroundColor="{AppThemeBinding Light=#0A0F14, Dark=#0A0A0A}">

    <!-- Subtle aurora backdrop (different vibe) -->
    <ContentPage.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Color="#06121F" Offset="0.0" />
            <GradientStop Color="#0B2B3B" Offset="0.35" />
            <GradientStop Color="#1B3A5B" Offset="0.7" />
            <GradientStop Color="#0A0F14" Offset="1.0" />
        </LinearGradientBrush>
    </ContentPage.Background>

<ScrollView>

        <VerticalStackLayout Spacing="18">

            <!-- Header card -->
            <Frame CornerRadius="22" Padding="22"
                   BackgroundColor="{AppThemeBinding Light=#0E1520, Dark=#111827}">
                <Frame.Shadow>
                    <Shadow Brush="#000000" Opacity="0.35" Radius="24" Offset="0,10"/>
                </Frame.Shadow>
                <VerticalStackLayout Spacing="6">
                    <Label Text="🧩 Minimal Code, Big Results"
                           FontSize="28" FontAttributes="Bold"
                           TextColor="{AppThemeBinding Light=White, Dark=White}"/>
                    <Label Text="(Told you it was simple)"
                           FontSize="14"
			   HorizontalOptions="Center"
                           TextColor="{AppThemeBinding Light=#9FB3C8, Dark=#A5B4FC}"/>
     				<Button Text="Ready to go Mobile?"
	                	        CornerRadius="12"
        	                	x:Name="GetStartedBtn"
		                        Clicked="notused"
		                        FontSize="18"
					HorizontalOptions="Center"
        		                HeightRequest="50"
                			BackgroundColor="#6366F1"
	                        	TextColor="White"
        		                WidthRequest="200"
                        	/>
                </VerticalStackLayout>
            </Frame>

            <!-- Code panel with neon edge -->
            <Grid>
                <!-- Glow layer -->
                <Frame CornerRadius="20" Padding="0" IsEnabled="False" InputTransparent="True">
                    <Frame.Background>
                        <RadialGradientBrush Center="0.15,0.15" Radius="0.9">
                            <GradientStop Color="#00E5FF" Offset="0.0"/>
                            <GradientStop Color="#845EF7" Offset="0.4"/>
                            <GradientStop Color="#00000000" Offset="1.0"/>
                        </RadialGradientBrush>
                    </Frame.Background>
                </Frame>

                <!-- Actual code card -->
                <Frame CornerRadius="18" Padding="0"
                       BackgroundColor="{AppThemeBinding Light=#0A0F14, Dark=#0B0F17}"
                       BorderColor="#223449">
                    <Frame.Shadow>
                        <Shadow Brush="#000000" Opacity="0.40" Radius="20" Offset="0,10"/>
                    </Frame.Shadow>

                    <!-- Title bar -->
                    <Grid RowDefinitions="Auto,*">
                        <Grid BackgroundColor="#0F172A" Padding="14,10" RowSpacing="0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>

                            <!-- Traffic dots -->
                            <HorizontalStackLayout Spacing="8" VerticalOptions="Center">
                                <BoxView WidthRequest="10" HeightRequest="10" CornerRadius="5" Color="#EF4444"/>
                                <BoxView WidthRequest="10" HeightRequest="10" CornerRadius="5" Color="#F59E0B"/>
                                <BoxView WidthRequest="10" HeightRequest="10" CornerRadius="5" Color="#10B981"/>
                            </HorizontalStackLayout>

                            <Label Grid.Column="1" Text="Demo Source"
                                   HorizontalOptions="Center"
                                   TextColor="#C7D2FE" FontSize="13"/>

                            <Label Grid.Column="2" Text="Read-only"
                                   TextColor="#93C5FD" FontSize="12"/>
                        </Grid>

                        <!-- Code area -->
                        <Grid Grid.Row="1">
                            <!-- Wrap in ScrollView; preserve whitespace -->
                            <ScrollView VerticalOptions="FillAndExpand">

                                    <!-- Code text -->
                                    <Label 
                                           FontFamily="Consolas, Menlo, Monaco"
                                           FontSize="13.5"
					   VerticalOptions="Start"
                                           LineBreakMode="WordWrap"
                                           TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}">
                                        <Label.Text>
                                            <!-- ✂️ Paste your code between CDATA.
                                                 Whitespace preserved with xml:space="preserve". -->
                                            <![CDATA[
******* Hello Demo       
       IDENTIFICATION DIVISION.
       PROGRAM-ID. HELLOMOBILEWORLD.
       ENVIRONMENT DIVISION.
       DATA DIVISION.
       WORKING-STORAGE SECTION.

           COPY "MOBILECOBOL.WS".

       PROCEDURE DIVISION.
       MAIN-LOGIC.
           PERFORM SHOW-HELLO-PAGE.
           PERFORM HANDLE-EVENTS
               UNTIL MC-EVENT = "QUIT".
           GOBACK.

       HANDLE-EVENTS.
           CALL MC USING GETEVENT MC-EVENTINFO.
           EVALUATE MC-EVENT
               WHEN "Clicked"
                   EVALUATE MC-EVENT-CONTROL
                       WHEN "CodeBtn" 
                           PERFORM SHOW-CODE-PAGE
                       WHEN "ControlsBtn" 
                           PERFORM SHOW-CONTROLS-PAGE
                       WHEN "GetStartedBtn" 
                           PERFORM SHOW-GET-STARTED-PAGE
                   END-EVALUATE
           END-EVALUATE.

       SHOW-HELLO-PAGE.
           CALL MC USING CREATEPAGEXAML 
                         "FileName=hellomobileworld.xaml|".
           CALL MC USING SHOWPAGE.

       SHOW-CONTROLS-PAGE.
           CALL MC USING CREATEPAGEXAML 
                         "FileName=showcontrols.xaml|".
           CALL MC USING SHOWPAGE.

       SHOW-GET-STARTED-PAGE.
           CALL MC USING CREATEPAGEXAML 
                         "FileName=getstarted.xaml|".
           CALL MC USING SHOWPAGE.

       SHOW-CODE-PAGE.
           CALL MC USING CREATEPAGEXAML 
                         "FileName=showcode.xaml|".
           CALL MC USING SHOWPAGE.


                                            ]]>
                                        </Label.Text>
                                    </Label>

                            </ScrollView>
                        </Grid>
                    </Grid>
                </Frame>
            </Grid>

        </VerticalStackLayout>
</ScrollView>

</ContentPage>
