<?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:vm="clr-namespace:Scry.ViewModels"
             x:Class="Scry.Views.SettingsPage"
             x:DataType="vm:SettingsViewModel"
             Title="Settings">

    <ScrollView>
        <VerticalStackLayout Padding="20" Spacing="20">
            
            <!-- Database Status -->
            <Frame BackgroundColor="{StaticResource Gray900}" 
                   BorderColor="{StaticResource Gray600}"
                   Padding="15">
                <VerticalStackLayout Spacing="10">
                    <Label Text="Card Database" 
                           FontSize="18" 
                           FontAttributes="Bold"/>
                    
                    <Label Text="{Binding StatusMessage}" 
                           FontSize="14"
                           TextColor="{StaticResource Gray300}"/>
                </VerticalStackLayout>
            </Frame>
            
            <!-- Info Section -->
            <Frame BackgroundColor="{StaticResource Gray900}" 
                   BorderColor="{StaticResource Gray600}"
                   Padding="15">
                <VerticalStackLayout Spacing="10">
                    <Label Text="About" 
                           FontSize="18" 
                           FontAttributes="Bold"/>
                    
                    <Label Text="Scry uses perceptual hashing to match cards from your camera to our database of Magic: The Gathering card images."
                           FontSize="14"
                           TextColor="{StaticResource Gray300}"/>
                    
                    <Label Text="Card images and data © Wizards of the Coast. Powered by Scryfall."
                           FontSize="12"
                           TextColor="{StaticResource Gray500}"/>
                </VerticalStackLayout>
            </Frame>
            
        </VerticalStackLayout>
    </ScrollView>
    
</ContentPage>
