Crunchy-Downloader/CRD/Views/AddDownloadPageView.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             xmlns:vm="clr-namespace:CRD.ViewModels"
             xmlns:structs="clr-namespace:CRD.Utils.Structs"
             xmlns:ui="clr-namespace:CRD.Utils.UI"
             xmlns:controls="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia"
             xmlns:asyncImageLoader="clr-namespace:AsyncImageLoader;assembly=AsyncImageLoader.Avalonia"
             x:DataType="vm:AddDownloadPageViewModel"
             x:Class="CRD.Views.AddDownloadPageView"
             Unloaded="OnUnloaded">

    <Design.DataContext>
        <vm:AddDownloadPageViewModel />
    </Design.DataContext>

    <UserControl.Resources>
        <ui:UiListToStringConverter x:Key="UiListToStringConverter" />
    </UserControl.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" /> <!-- For the TextBox  -->
            <RowDefinition Height="Auto" /> <!-- For Grid with buttons/checkbox -->
            <RowDefinition Height="*" />    <!-- For the ListBox to take remaining space -->
        </Grid.RowDefinitions>


        <StackPanel Grid.Row="0" Orientation="Vertical">

            <TextBox x:Name="SearchBar" Watermark="Enter series or episode url" Text="{Binding UrlInput}" Margin="10"
                     VerticalAlignment="Top" />

            <Popup IsLightDismissEnabled="True"
                   MaxWidth="{Binding Bounds.Width, ElementName=SearchBar}"
                   MaxHeight="{Binding Bounds.Height, ElementName=Grid}"
                   IsOpen="{Binding SearchPopupVisible}"
                   Placement="Bottom"
                   PlacementTarget="{Binding ElementName=SearchBar}"
                   Closed="Popup_Closed">
                <Border BorderThickness="1" Background="{DynamicResource ComboBoxDropDownBackground}">
                    <ListBox x:Name="ListBoxDubsSelection"

                             ItemsSource="{Binding SearchItems}"
                             SelectedItem="{Binding SelectedSearchItem}">
                        <ListBox.ItemTemplate>
                            <DataTemplate DataType="{x:Type structs:CrBrowseSeries}">

                                <Grid Margin="10">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>

                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>

                                    <Grid Grid.Row="1" Grid.Column="0">
                                        <!-- Define a row with auto height to match the image height -->
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                        <!-- Define columns if needed -->
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto" />
                                        </Grid.ColumnDefinitions>

                                        <Image Margin="10"
                                               Source="{Binding ImageBitmap}"
                                               Width="120"
                                               Height="180" />

                                    </Grid>


                                    <Grid Grid.Row="1" Grid.Column="1">

                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>

                                        <TextBlock Grid.Row="0" FontSize="25" Text="{Binding Title}"></TextBlock>
                                        <TextBlock Grid.Row="1" FontSize="15" TextWrapping="Wrap"
                                                   Text="{Binding Description}">
                                        </TextBlock>

                                    </Grid>

                                </Grid>

                            </DataTemplate>
                        </ListBox.ItemTemplate>

                    </ListBox>
                </Border>
            </Popup>

        </StackPanel>


        <Grid Grid.Row="1" Margin="10 0 10 0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <!-- Button -->

            <Button Grid.Column="0" IsEnabled="{Binding ButtonEnabled}" Width="200" Command="{Binding OnButtonPress}"
                    Content="{Binding ButtonText}">
            </Button>

            <StackPanel Grid.Column="1" Orientation="Horizontal">
                <CheckBox IsEnabled="{Binding AllButtonEnabled}" IsChecked="{Binding AddAllEpisodes}"
                          Content="All" Margin="5 0 0 0">
                </CheckBox>

                <Button IsVisible="{Binding SlectSeasonVisible}" IsEnabled="{Binding !ShowLoading}" Width="200" Command="{Binding OnSelectSeasonPressed}"
                        Content="{Binding ButtonTextSelectSeason}">
                </Button>

                <CheckBox IsVisible="{Binding SearchVisible}" IsChecked="{Binding SearchEnabled}"
                          Content="Search" Margin="5 0 0 0">
                </CheckBox>
            </StackPanel>


            <!-- ComboBox -->
            <ComboBox Grid.Column="2" MinWidth="200" SelectedItem="{Binding CurrentSelectedSeason}"
                      ItemsSource="{Binding SeasonList}">
            </ComboBox>

        </Grid>


        <Grid Grid.Row="2">
            <controls:ProgressRing IsVisible="{Binding ShowLoading}" Width="100" Height="100" HorizontalAlignment="Center" VerticalAlignment="Center" />

        </Grid>

        <!-- ListBox with Custom Elements -->
        <ListBox Grid.Row="2" Margin="10" SelectionMode="Multiple,Toggle" VerticalAlignment="Stretch"
                 SelectedItems="{Binding SelectedItems}" ItemsSource="{Binding Items}" x:Name="Grid">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical" />
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <Border Padding="10 0" Margin="5" BorderThickness="1">
                            <Grid Margin="10" VerticalAlignment="Top">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>

                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />  <!-- Top content takes available space -->
                                    <RowDefinition Height="Auto" />  <!-- Bottom row for AvailableAudios TextBlock -->
                                </Grid.RowDefinitions>

                                <!-- Image -->
                                <Image Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" Width="208" Height="117" Source="{Binding ImageBitmap}"
                                       Stretch="Fill" />

                                <!-- <Image Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" asyncImageLoader:ImageLoader.Source="{Binding ImageUrl}" Width="208" Height="117" Stretch="Fill"></Image> -->


                                <!-- Text Content -->
                                <Grid Grid.Column="1" Grid.Row="0" Margin="10" VerticalAlignment="Top">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" /> <!-- Takes up most space for the title -->
                                        <ColumnDefinition Width="Auto" />
                                        <!-- Takes up space as needed for the time -->
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    <TextBlock Grid.Column="0" Text="{Binding TitleFull}" FontWeight="Bold"
                                               FontSize="16"
                                               TextWrapping="Wrap" />
                                    <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Time}" FontStyle="Italic"
                                               HorizontalAlignment="Right" TextWrapping="Wrap" />
                                    <TextBlock Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2"
                                               Text="{Binding Description}"
                                               FontStyle="Italic" Opacity="0.8" TextWrapping="Wrap" />

                                </Grid>
                                <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" VerticalAlignment="Center" Margin="10">
                                    <TextBlock FontStyle="Italic"
                                               Opacity="0.8" Text="Dubs: ">
                                    </TextBlock>
                                    <TextBlock Text="{Binding AvailableAudios, Converter={StaticResource UiListToStringConverter}}"
                                               FontStyle="Italic"
                                               Opacity="0.8"
                                               HorizontalAlignment="Left"
                                               VerticalAlignment="Bottom"
                                               TextWrapping="NoWrap" />
                                </StackPanel>
                            </Grid>
                        </Border>
                        <Border Background="LightGray" Height="1" Margin="0,5" HorizontalAlignment="Stretch" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>


    </Grid>
</UserControl>