<?xml version="1.0" encoding="utf-8"?>
<!--
  ~ Copyright (C) 2015 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/detail"
    android:layout_width="match_parent"
    android:layout_height="@dimen/program_guide_table_detail_height"
    android:background="@color/program_guide_table_grid_background" >

    <!-- The following element is needed to not get a gap in the background during transition. -->
    <FrameLayout
        android:id="@+id/detail_content_full"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="@dimen/program_guide_table_detail_padding_negative"
        android:layout_marginStart="@dimen/program_guide_table_detail_padding_negative"
        android:layout_marginBottom="@dimen/program_guide_table_detail_padding_negative"
        android:layout_marginEnd="@dimen/program_guide_table_detail_padding_negative"
        android:padding="@dimen/program_guide_table_detail_padding"
        android:background="@color/program_guide_table_detail_background" >

        <!-- The following element is needed to fade content separate from the background. -->
        <RelativeLayout
            android:id="@+id/detail_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingStart="@dimen/program_guide_table_detail_padding"
            android:paddingTop="@dimen/program_guide_table_detail_padding"
            android:paddingBottom="@dimen/program_guide_table_detail_padding"
            android:paddingEnd="@dimen/program_guide_table_detail_padding_end" >

            <ImageView
                android:id="@+id/image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"
                android:maxWidth="@dimen/program_guide_table_detail_image_width"
                android:maxHeight="@dimen/program_guide_table_detail_image_height"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="@dimen/program_guide_table_detail_image_margin_end" />

            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignWithParentIfMissing="true"
                android:layout_alignParentTop="true"
                android:layout_toEndOf="@id/image"
                android:layout_marginTop="@dimen/program_guide_table_detail_title_margin_top"
                android:fontFamily="@string/condensed_font"
                android:textSize="@dimen/program_guide_table_detail_title_text_size"
                android:textColor="@color/program_guide_table_detail_title_text_color"
                android:singleLine="true"
                android:ellipsize="end" />

            <TextView
                android:id="@+id/time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_alignStart="@id/title"
                android:layout_marginTop="@dimen/program_guide_table_detail_time_margin_top"
                android:fontFamily="@string/condensed_font"
                android:textSize="@dimen/program_guide_table_detail_time_text_size"
                android:textColor="@color/program_guide_table_detail_time_text_color" />

            <include layout="@layout/program_track_meta"
                android:id="@+id/program_track_meta"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/time"
                android:layout_toEndOf="@id/time"
                android:layout_marginStart="@dimen/program_guide_table_detail_meta_margin_start"
                android:layout_marginBottom="@dimen/program_guide_table_detail_meta_margin_bottom" />

            <LinearLayout android:id="@+id/dvr_indicator"
                android:orientation="horizontal"
                android:layout_alignBottom="@id/time"
                android:layout_toEndOf="@id/program_track_meta"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:visibility="gone" >

                <ImageView android:id="@+id/dvr_icon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="@dimen/program_guide_table_detail_dvr_drawable_padding"
                    android:layout_marginTop="@dimen/program_guide_table_detail_dvr_icon_margin_top"
                    android:layout_gravity="center" />

                <TextView android:id="@+id/dvr_text_icon"
                    style="@style/track_meta_text"
                    android:text="@string/dvr_epg_program_icon_text"
                    android:layout_marginEnd="@dimen/program_guide_table_detail_dvr_drawable_padding"
                    android:layout_marginTop="@dimen/program_guide_table_detail_dvr_icon_margin_top"
                    android:layout_gravity="center"
                    android:visibility="gone" />

                <TextView android:id="@+id/dvr_status"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:textSize="@dimen/program_guide_table_detail_dvr_text_size"
                    android:textColor="@color/program_guide_table_detail_dvr_text_color" />
            </LinearLayout>

            <!-- layout for the rotten tomatoes score -->
            <LinearLayout
                android:id="@+id/critic_scores"
                android:orientation="horizontal"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/time"
                android:layout_toEndOf="@id/dvr_indicator"
                android:layout_marginStart="@dimen/program_guide_table_detail_critic_scores_margin_start" >
            </LinearLayout>

            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="@dimen/program_guide_table_detail_desc_margin_top"
                android:layout_alignParentTop="true"
                android:layout_alignStart="@id/title" >

                <ImageView
                    android:id="@+id/block"
                    android:layout_width="@dimen/program_guide_table_detail_block_width"
                    android:layout_height="@dimen/program_guide_table_detail_block_height"
                    android:layout_marginEnd="@dimen/program_guide_table_detail_block_margin_end"
                    android:src="@drawable/ic_guide_lock"
                    android:alpha="@dimen/program_guide_table_detail_block_opacity" />

                <TextView
                    android:id="@+id/desc"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fontFamily="@string/font"
                    android:textSize="@dimen/program_guide_table_detail_desc_text_size"
                    android:textColor="@color/program_guide_table_detail_desc_text_color"
                    android:lineSpacingExtra="4sp"
                    android:maxLines="2"
                    android:ellipsize="end" />

            </LinearLayout>

        </RelativeLayout>

    </FrameLayout>

</FrameLayout>