<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".details.InfoFragment">

    <ProgressBar
        android:id="@+id/infoProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:indeterminate="true"
        android:indeterminateTint="@color/green"
        />

    <ScrollView
        android:id="@+id/info"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="15dp">

            <androidx.cardview.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:cardBackgroundColor="@color/black"
                app:cardCornerRadius="20dp">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:padding="20dp">
                    <GridLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:columnCount="2">

                        <TextView
                            android:id="@+id/artistLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Artist/Teams"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"
                            />

                        <TextView
                            android:id="@+id/artistContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Artist/Teams"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                        <TextView
                            android:id="@+id/venueLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Venue"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"/>

                        <TextView
                            android:id="@+id/venueContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Venue"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                        <TextView
                            android:id="@+id/dateLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Date"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"
                            />

                        <TextView
                            android:id="@+id/dateContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Date"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                        <TextView
                            android:id="@+id/timeLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Time"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_gravity="fill"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"/>

                        <TextView
                            android:id="@+id/timeContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Time"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                        <TextView
                            android:id="@+id/genresLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Genres"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"/>

                        <TextView
                            android:id="@+id/genresContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Genres"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                        <TextView
                            android:id="@+id/priceLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Price Range"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"/>

                        <TextView
                            android:id="@+id/priceContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Price Range"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                        <TextView
                            android:id="@+id/statusLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Ticket Status"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp"/>

                        <TextView
                            android:id="@+id/statusContent"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="On Sale"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:paddingHorizontal="8dp"
                            android:layout_gravity="center_horizontal"
                            android:layout_columnWeight="1"
                            android:background="@drawable/rounded_corner"
                            />
                        <TextView
                            android:id="@+id/buyLabel"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Buy Tickets At"
                            android:textColor="@color/white"
                            android:textSize="18sp"
                            android:textStyle="bold"
                            android:layout_columnWeight="1"
                            android:layout_marginBottom="20dp" />

                        <TextView
                            android:id="@+id/buyContent"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:text="Buy Tickets At"
                            android:textColor="@color/green"
                            android:textSize="18sp"
                            android:textAlignment="center"
                            android:layout_columnWeight="1"
                            android:ellipsize="marquee"
                            android:marqueeRepeatLimit ="marquee_forever"
                            android:focusable="true"
                            android:focusableInTouchMode="true"
                            android:scrollHorizontally="true"
                            android:singleLine="true"
                            />
                    </GridLayout>
                    <RelativeLayout
                        android:id="@+id/seatMapContent"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
                        <ImageView
                            android:id="@+id/seatMap"
                            android:layout_width="match_parent"
                            android:layout_height="300dp"
                            />
                        <ProgressBar
                            android:id="@+id/seatMapProgressBar"
                            android:layout_width="30dp"
                            android:layout_height="30dp"
                            android:layout_centerInParent="true"
                            android:indeterminate="true"
                            android:indeterminateTint="@color/green"
                            />
                    </RelativeLayout>
                </LinearLayout>
            </androidx.cardview.widget.CardView>
        </LinearLayout>
    </ScrollView>
</FrameLayout>