<Page
    x:Class="XXX.Camera"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:XXX"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:controls="using:XXX.Controls"
    mc:Ignorable="d"
    xmlns:viewmodels="using:XXX.ViewModels"
    d:DataContext="{d:DesignInstance IsDesignTimeCreatable=False, IsDesignTimeCreatable=False, Type=viewmodels:Camera}"
    xmlns:converters="using:appfactory.core.converters">
    <Page.Resources>
        <converters:BoolToVisibility x:Key="BoolToVis" />
    </Page.Resources>
    <Page.BottomAppBar>
        <CommandBar>
            <AppBarButton Label="Change Camera" Icon="Camera" Click="ChangeCamera" />
        </CommandBar>
    </Page.BottomAppBar>

    <controls:PageLayout ShowBackButton="False">
        <Grid Background="Black" Margin="-335,-195,-325,-195">
            <CaptureElement Name="capturePreview" />
            <Viewbox Width="{Binding IDBookOverlayWidth}" Visibility="{Binding ShowIDBookOverlay, Converter={StaticResource BoolToVis}}">
                <Grid Width="600">
                    <Rectangle Width="600" Height="825.6" StrokeDashArray="2.5" HorizontalAlignment="Left" VerticalAlignment="Top" Stroke="#7FFFFFFF" StrokeThickness="5" />
                    <Rectangle Width="528" Height="124.8" StrokeDashArray="2.5"  Margin="32,32,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Stroke="#7FFFFFFF" StrokeThickness="5" />
                    <Rectangle Width="244" Height="266.8" StrokeDashArray="2.5" Margin="32,0,0,32" VerticalAlignment="Bottom" HorizontalAlignment="Left" Stroke="#7FFFFFFF" StrokeThickness="5" />
                </Grid>
            </Viewbox>
            <Button HorizontalAlignment="Left" Margin="79,79,0,0" Style="{StaticResource BackButton}" Command="{Binding GoBack}" />
            <Button Click="TakePhoto" Style="{StaticResource NoAnimationButton}" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,0,70,0" Width="200" Height="200" Padding="0" Background="Transparent">
                <Grid>
                    <Ellipse Fill="White" Width="200" Height="200" />
                    <Path Data="M31.478432,15.239C36.687607,15.239 40.906941,19.457997 40.906941,24.661992 40.906941,29.865988 36.687607,34.085986 31.478432,34.085986 26.279251,34.085986 22.059918,29.865988 22.059918,24.661992 22.059918,19.457997 26.279251,15.239 31.478432,15.239z M31.425879,9.8389888C23.416933,9.8389888 16.88777,16.362975 16.88777,24.379973 16.88777,32.394988 23.416933,38.916991 31.425879,38.916991 39.444832,38.916991 45.963986,32.394988 45.963986,24.379973 45.963986,16.362975 39.444832,9.8389888 31.425879,9.8389888z M43.904202,0C45.124008,-2.9131115E-08,46.113869,0.98797598,46.113869,2.205993L46.113869,4.8519898C46.113869,4.9059749,46.103981,4.9589839,46.103981,5.013L49.523449,5.013C51.613137,5.013,53.333,6.7279964,53.333,8.8219905L53.333,39.297972C53.333,41.392973,51.613137,43.108,49.523449,43.108L3.8095522,43.108C1.7198642,43.108,0,41.392973,0,39.297972L0,8.8219905C0,6.7279964,1.7198642,5.013,3.8095522,5.013L5.6292574,5.013C5.6192486,4.9459834,5.6192486,4.8799739,5.6192486,4.8109741L5.6192486,3.6089783C5.6192486,1.836975,7.0491121,0.40100091,8.8188965,0.40100085L22.057127,0.40100085C23.826912,0.40100091,25.266663,1.836975,25.266663,3.6089783L25.266663,4.8109741C25.266663,4.8799739,25.256653,4.9459834,25.246645,5.013L41.71455,5.013C41.70454,4.9589839,41.70454,4.9059749,41.70454,4.8519898L41.70454,2.205993C41.70454,1.8799743,41.774479,1.5699767,41.904465,1.2909849L41.904465,1.2019956 41.9445,1.2019956C42.314446,0.48999017,43.054337,-2.9131115E-08,43.904202,0z" Stretch="Uniform" Fill="{StaticResource PrimaryRedColourBrush}" Width="110" Height="110" />
                </Grid>
            </Button>
        </Grid>
    </controls:PageLayout>
</Page>