<?xml version="1.0" encoding="UTF-8"?>
<ViewCell xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:audioViews="clr-namespace:Lama.Forms.Source.UI.CustomControls.AudioViews;assembly=Lama.Forms"
             x:Class="Lama.Forms.Source.UI.Pages.MainPages.AudioViewCell"
             xmlns:local="Lama.Forms.Source.UI.Pages.MainPages"
             xmlns:fal="clr-namespace:SharpLibrary.Forms.Source.CustomControls.Labels;assembly=SharpLibrary.Forms"
             xmlns:mainPages="clr-namespace:Lama.Forms.Source.UI.Pages.MainPages;assembly=Lama.Forms">
    <ViewCell.View>
        <StackLayout x:Name="slRoot" BackgroundColor="{Binding BgColor}" Orientation="Vertical" Margin="0,0,0,8">
            <StackLayout HeightRequest="150">
                <Grid RowSpacing="0" ColumnSpacing="0" VerticalOptions="FillAndExpand">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="10" />
                        <ColumnDefinition Width="75" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="50" />
                    </Grid.ColumnDefinitions>

                    <!-- The Tagstate -->
                    <BoxView Color="{Binding TagStateColor}" Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"/>

                    <!-- The Cover -->
                    <Image x:Name="ImgCover" BackgroundColor="{StaticResource LamaControlGray}" Source="{Binding Cover}" Grid.Row="0" Grid.Column="1" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" />

                    <!-- The Playback Buttons -->
                    <Grid Grid.Row="1" Grid.Column="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <fal:FontAwesomeLabel Text="{Binding PlayButtonIcon}"
                                              Style="{StaticResource FAIconedLabel}" />
                        <fal:FontAwesomeLabel Text="{Binding StopButtonIcon}"
                                              Grid.Column="1"
                                              Style="{StaticResource FAIconedLabel}" />
                    </Grid>

                    <!-- The WaveView -->
                    <audioViews:AudioWaveView x:Name="AwvWaveView"
                                              Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="2"
                                              HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                                              Margin="0,8,0,0"/>

                    <!-- The Expand Button -->
                    <Button x:Name="BtnExpandCollapse" Text="{Binding ExpandCollapeButtonText}" TextColor="White" FontAttributes="Bold" FontSize="25"
                            Grid.Row="1" Grid.Column="4"
                            VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" Margin="0,0,0,0" Command="{Binding ExpandCollapseCommand}"/>

                    <!-- The Grid for Filename, Artist and Title -->
                    <Grid Grid.Row="0" Grid.Column="2" Grid.ColumnSpan="2" RowSpacing="0" ColumnSpacing="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <!-- The Filename -->
                        <StackLayout Grid.ColumnSpan="2" Margin="10,0,0,0" Spacing="0"
                                     Orientation="Horizontal" >

                            <Label Text="Filename:"
                                   VerticalTextAlignment="Center"
                                   WidthRequest="100"
                                   Style="{StaticResource CellLabel}"/>

                            <Label x:Name="LblFilename" Text="{Binding Filename}"
                                   VerticalTextAlignment="Center"
                                   Style="{StaticResource CellLabel}"/>
                        </StackLayout>

                        <!-- The Artist -->
                        <StackLayout Grid.Row="1" Grid.Column="0" Margin="10,0,0,0" Orientation="Horizontal">

                            <Label Text="Artist:"
                                   WidthRequest="100"
                                   VerticalTextAlignment="Center"
                                   Style="{StaticResource CellLabel}"/>

                            <Label x:Name="LblArtist" Text="{Binding Artist}"
                               VerticalTextAlignment="Center"
                               Style="{StaticResource CellLabel}"/>
                        </StackLayout>

                        <!-- The Title -->
                        <StackLayout Grid.Row="1" Grid.Column="1" Margin="10,0,0,0" Orientation="Horizontal">

                            <Label Text="Title:"
                                   WidthRequest="100"
                                   VerticalTextAlignment="Center"
                                   Style="{StaticResource CellLabel}"/>

                            <Label x:Name="LblTitle" Text="{Binding Title}"
                               VerticalTextAlignment="Center"
                               Style="{StaticResource CellLabel}"/>
                        </StackLayout>
                    </Grid>

                </Grid>
            </StackLayout>

            <StackLayout x:Name="SlAdditionalData" HeightRequest="50" BackgroundColor="Green">

            </StackLayout>
        </StackLayout>
    </ViewCell.View>
</ViewCell>