<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             tools:context="com.sharefaith.thesharefaithapp.ui.SFSermonDetailFragment"
             android:background="#ff272727">

    <!-- TODO: Update blank fragment layout -->

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="66dp"
        android:id="@+id/seriesTitleTextView"
        android:layout_alignParentTop="true"
        android:layout_marginTop="0dp"
        android:ellipsize="end"
        android:gravity="center_vertical|center_horizontal"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:textColor="#ffffffff"
        android:maxLines="2"
        android:layout_centerInParent="true"
        android:background="#ff323333"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/seriesImageContainerTextView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="3dp"
        android:background="#ff323333"
        android:layout_marginBottom="-40dp"
        android:layout_below="@+id/seriesTitleTextView"
        android:layout_alignBottom="@+id/seriesImageBorderTextView"
        android:clickable="false"
        android:focusable="false"
        android:visibility="visible"/>

    <ImageView
        android:layout_width="340dp"
        android:layout_height="255dp"
        android:id="@+id/seriesImageView"
        android:layout_below="@+id/seriesTitleTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        />

    <TextView
        android:layout_width="340dp"
        android:layout_height="255dp"
        android:id="@+id/seriesImageTextView"
        android:layout_below="@+id/seriesTitleTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="@drawable/borderbox"
        android:gravity="center_vertical|center_horizontal"
        android:textColor="#ffffffff"
        android:visibility="gone"/>

    <TextView
        android:layout_width="360dp"
        android:layout_height="275dp"
        android:id="@+id/seriesImageBorderTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="40dp"
        android:layout_below="@+id/seriesTitleTextView"
        android:background="@drawable/borderbox"
        android:gravity="center_vertical|center_horizontal"
        android:textColor="#ffffffff"
        android:alpha="0.1"
        android:focusable="false"
        android:clickable="false"/>

    <WebView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:id="@+id/seriesWebView"
        android:layout_below="@+id/seriesImageView"
        android:layout_marginTop="60dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:background="#ff272727"/>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/seriesWebView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="#ff272727"
        android:id="@+id/seriesDetailContainerFrame"
        android:layout_marginBottom="10dp"
        android:clickable="false"
        android:paddingTop="0dp"
        android:paddingBottom="0dp"
        android:layout_marginLeft="0dp">

        <FrameLayout
            android:layout_width="550dp"
            android:layout_height="fill_parent"
            android:layout_gravity="center_horizontal">

            <ListView
                android:layout_width="match_parent"
                android:layout_height="fill_parent"
                android:id="@+id/sermonSeriesListView"
                android:divider="#00ffffff"
                android:listSelector="#00ffffff"
                android:clickable="false"/>

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/sermonSeriesEmptyText"/>

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/nothingToSeeSermonDetail"
                android:textColor="#ffffffff"
                android:layout_gravity="center"
                android:gravity="center_vertical|center_horizontal"
                android:visibility="invisible"/>
        </FrameLayout>

    </FrameLayout>

</RelativeLayout>
