<?xml version="1.0" encoding="utf-8"?>
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:id="@+id/parent"
    tools:context="com.company.netsdk.activity.PlaybackActivity">
    <LinearLayout
        android:id="@+id/selector_continer"
        android:weightSum="2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Spinner
            android:layout_weight="1"
            android:layout_alignParentLeft="true"
            android:id="@+id/select_channel"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:background="@drawable/wp_spinner_bg"/>
        <Spinner
            android:layout_weight="1"
            android:layout_alignParentRight="true"
            android:id="@+id/select_stream_type"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:background="@drawable/wp_spinner_bg" />
    </LinearLayout>

    <SurfaceView
        android:layout_below="@+id/selector_continer"
        android:id="@+id/play_back_view"
        android:layout_width="match_parent"
        android:layout_height="280dp" />
    <SeekBar
        android:layout_marginTop="1dp"
        android:layout_below="@+id/play_back_view"
        android:max="86400"
        android:id="@+id/play_back_seekbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <TextView
        android:text="00:00:00"
        android:layout_below="@+id/play_back_seekbar"
        android:id="@+id/start_time"
        android:textSize="6sp"
        android:textColor="@android:color/black"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/end_time"
        android:layout_alignRight="@+id/play_control"
        android:layout_alignEnd="@+id/play_control"
        android:layout_below="@+id/play_back_seekbar"
        android:text="23:59:59"
        android:textSize="6sp"
        android:textColor="@android:color/black"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:layout_centerInParent="true"
        android:textSize="6sp"
        android:textColor="@android:color/black"
        android:id="@+id/current_osd_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/start_time"
        android:layout_alignTop="@+id/start_time" />

    <LinearLayout
        android:id="@+id/play_control"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/end_time"
        android:weightSum="4">
        <Button
            android:text="@string/play_back_start"
            android:textAllCaps="false"
            android:id="@+id/play_start_pause"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"/>
        <Button
            android:text="@string/play_back_fast"
            android:textAllCaps="false"
            android:id="@+id/play_fast"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"/>
        <Button
            android:text="@string/play_back_slow"
            android:textAllCaps="false"
            android:id="@+id/play_slow"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"/>
        <Button
            android:textAllCaps="false"
            android:text="@string/play_back_normal"
            android:id="@+id/play_normal"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/selector_continer2"
        android:weightSum="12"
        android:layout_below="@+id/play_control"
        android:layout_marginTop="10dp"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!--<TextView
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textAllCaps="false"
            android:id="@+id/play_start_time"
            android:text="@string/select_play_back_date"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp" /> -->

        <Spinner
            android:layout_weight="5"
            android:gravity="center_vertical"
            android:id="@+id/select_recordfile_type"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"
            android:background="@drawable/wp_spinner_bg" />

        <TextView
            android:layout_weight="3"
            android:gravity="center_vertical"
            android:textAllCaps="false"
            android:id="@+id/playback_date"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"/>
        <Button
            android:text="@string/start_play_back"
            android:textAllCaps="false"
            android:id="@+id/start_playback"
            android:layout_weight="4"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/playback_function"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/selector_continer2"
        android:layout_marginTop="10dp"
        android:weightSum="3">

        <Button
            android:textAllCaps="false"
            android:id="@+id/local_capture_picture"
            android:text="@string/capture_picture_local"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"/>

        <Button
            android:textAllCaps="false"
            android:text="@string/play_download_record"
            android:id="@+id/download_record"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp" />

        <Button
            android:text="@string/play_mark_record"
            android:textAllCaps="false"
            android:id="@+id/mark_record"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"/>
    </LinearLayout>

</RelativeLayout>
