<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:cardView="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    cardView:cardCornerRadius="4dp"
    cardView:cardElevation="4dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:paddingBottom="10dp">

        <RelativeLayout
            android:id="@+id/encabezado_mediciones"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingEnd="2dp"
            android:paddingStart="2dp"
            android:paddingTop="8dp">

            <TextView
                android:id="@+id/paciente"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/colorPrimary"
                android:clickable="false"
                android:focusable="false"
                android:gravity="center"
                android:padding="5dp"
                android:text="@string/paciente"
                android:textColor="@android:color/white"
                android:textSize="25sp" />

            <Button
                android:id="@+id/borrar_medicion"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="20dp"
                android:layout_marginRight="20dp"
                android:background="@drawable/ic_delete_forever_black_24dp" />

            <TextView
                android:id="@+id/paciente_textView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_toEndOf="@+id/paciente"
                android:layout_toLeftOf="@id/borrar_medicion"
                android:layout_toRightOf="@+id/paciente"
                android:layout_toStartOf="@+id/borrar_medicion"
                android:clickable="false"
                android:focusable="false"
                android:gravity="center"
                android:padding="5dp"
                android:textColor="@android:color/black"
                android:textSize="20sp" />


        </RelativeLayout>

        <View
            android:id="@+id/view"
            android:layout_width="match_parent"
            android:layout_height="1dip"
            android:layout_below="@+id/encabezado_mediciones"
            android:background="@android:color/darker_gray" />

        <HorizontalScrollView
            android:id="@+id/horizontalScrollView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/view"
            android:fillViewport="true">

            <TableLayout
                android:id="@+id/listado_mediciones"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@android:color/white"
                android:paddingEnd="2dp"
                android:paddingStart="2dp"
                android:stretchColumns="*">

                <TableRow android:background="#ADD8E6">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="12dp"
                        android:text="@string/fecha"
                        android:textColor="@android:color/black" />

                    <View
                        android:layout_width="1dip"
                        android:layout_height="match_parent"
                        android:background="@android:color/darker_gray" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="10dp"
                        android:text="@string/articulacion"
                        android:textColor="@android:color/black" />

                    <View
                        android:layout_width="1dip"
                        android:layout_height="match_parent"
                        android:background="@android:color/darker_gray" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="10dp"
                        android:text="@string/movimiento"
                        android:textColor="@android:color/black" />

                    <View
                        android:layout_width="1dip"
                        android:layout_height="match_parent"
                        android:background="@android:color/darker_gray" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="5dp"
                        android:text="@string/lectura_goniometro"
                        android:textColor="@android:color/black" />
                </TableRow>

                <View
                    android:layout_height="1dip"
                    android:background="@android:color/darker_gray" />

                <TableRow>

                    <TextView
                        android:id="@+id/fechaHora"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="5dp"
                        android:textColor="@android:color/black" />

                    <View
                        android:layout_width="1dip"
                        android:layout_height="match_parent"
                        android:background="@android:color/darker_gray" />

                    <TextView
                        android:id="@+id/articulacion"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="5dp"
                        android:textColor="@android:color/black" />

                    <View
                        android:layout_width="1dip"
                        android:layout_height="match_parent"
                        android:background="@android:color/darker_gray" />

                    <TextView
                        android:id="@+id/movimiento"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="5dp"
                        android:textColor="@android:color/black" />

                    <View
                        android:layout_width="1dip"
                        android:layout_height="match_parent"
                        android:background="@android:color/darker_gray" />

                    <TextView
                        android:id="@+id/lectura_goniometro"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:clickable="false"
                        android:focusable="false"
                        android:gravity="center"
                        android:padding="5dp"
                        android:textColor="@android:color/black" />
                </TableRow>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dip"
                    android:background="@android:color/darker_gray" />
            </TableLayout>

        </HorizontalScrollView>
    </RelativeLayout>
</android.support.v7.widget.CardView>
