fragment_new_order

<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="wrap_content"
    android:background="@color/material_grey_100"
    android:clipToPadding="true"
    tools:context="pe.curiosity.qempo2.app.buyer.NewOrderFragment">

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

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <View
            android:id="@+id/view1"
            android:layout_width="56dp"
            android:layout_height="2dp"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:background="@color/black"
            app:layout_constraintBottom_toBottomOf="@+id/text_result"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toLeftOf="@+id/text_result"
            app:layout_constraintTop_toTopOf="@+id/text_result" />

        <TextView
            android:id="@+id/text_result"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="resultado:"
            android:textAllCaps="true"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="32dp"
            app:layout_constraintHorizontal_bias="0.501" />

        <View
            android:id="@+id/view2"
            android:layout_width="56dp"
            android:layout_height="2dp"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:background="@color/black"
            app:layout_constraintBottom_toBottomOf="@+id/text_result"
            app:layout_constraintLeft_toRightOf="@+id/text_result"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="@+id/text_result"
            app:layout_constraintVertical_bias="1.0" />

        <TextView
            android:id="@+id/text_name_product"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginLeft="8dp"
            android:layout_marginStart="8dp"
            android:text="Nombre del producto:"
            app:layout_constraintBottom_toTopOf="@+id/edit_name_product"
            app:layout_constraintLeft_toLeftOf="@+id/edit_name_product" />

        <EditText
            android:id="@+id/edit_name_product"
            android:layout_width="280dp"
            android:layout_height="42dp"
            android:layout_marginTop="40dp"
            android:background="@drawable/bg_elevation_edit_text"
            android:ems="10"
            android:inputType="textPersonName"
            android:padding="12dp"
            android:text="Amazon Echo - Black"
            android:textSize="14sp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/text_result" />

        <TextView
            android:id="@+id/text_category_product"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginLeft="8dp"
            android:layout_marginStart="8dp"
            android:text="Categoría del producto:"
            app:layout_constraintBottom_toTopOf="@+id/spinner_categories"
            app:layout_constraintLeft_toLeftOf="@+id/spinner_categories" />

        <Spinner
            android:id="@+id/spinner_categories"
            android:layout_width="280dp"
            android:layout_height="42dp"
            android:layout_marginTop="40dp"
            android:background="@drawable/bg_elevation_edit_text"
            android:ems="10"
            android:inputType="textPersonName"
            android:padding="10dp"
            android:textSize="14sp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/edit_name_product" />

        <ImageView
            android:id="@+id/image_spinner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="8dp"
            app:layout_constraintBottom_toBottomOf="@+id/spinner_categories"
            app:layout_constraintRight_toRightOf="@+id/spinner_categories"
            app:layout_constraintTop_toTopOf="@+id/spinner_categories"
            app:srcCompat="@drawable/ic_arrow_drop_down_black_24dp" />

        <TextView
            android:id="@+id/text_choose_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="32dp"
            android:text="Elige una foto para mostrar tu producto:"
            android:textStyle="bold"
            app:layout_constraintHorizontal_bias="0.504"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/spinner_categories" />

        <ImageView
            android:id="@+id/image_product_image"
            android:layout_width="0dp"
            android:layout_height="200dp"
            android:layout_marginLeft="32dp"
            android:layout_marginRight="32dp"
            android:layout_marginTop="8dp"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/text_choose_image"
            app:srcCompat="@drawable/amazon_echo" />

        <TextView
            android:id="@+id/text_pricetag"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginLeft="8dp"
            android:text="Precio referencial:"
            app:layout_constraintBottom_toTopOf="@+id/edit_pricetag"
            app:layout_constraintLeft_toLeftOf="@+id/edit_pricetag" />

        <EditText
            android:id="@+id/edit_pricetag"
            android:layout_width="280dp"
            android:layout_height="42dp"
            android:layout_marginTop="45dp"
            android:background="@drawable/bg_elevation_edit_text"
            android:ems="10"
            android:inputType="textPersonName"
            android:padding="12dp"
            android:text="US$179.99"
            android:textSize="14sp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/image_product_image" />

        <TextView
            android:id="@+id/text_quantity"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginLeft="8dp"
            android:text="Cantidad"
            app:layout_constraintBottom_toTopOf="@+id/edit_quantity"
            app:layout_constraintLeft_toLeftOf="@+id/edit_pricetag" />

        <EditText
            android:id="@+id/edit_quantity"
            android:layout_width="280dp"
            android:layout_height="42dp"
            android:layout_marginTop="40dp"
            android:background="@drawable/bg_elevation_edit_text"
            android:ems="10"
            android:inputType="textPersonName"
            android:padding="12dp"
            android:text="1"
            android:textSize="14sp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/edit_pricetag" />

        <TextView
            android:id="@+id/text_details"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginLeft="8dp"
            android:layout_marginStart="8dp"
            android:text="Detalle del pedido:"
            app:layout_constraintBottom_toTopOf="@+id/edit_details"
            app:layout_constraintLeft_toLeftOf="@+id/edit_details" />

        <EditText
            android:id="@+id/edit_details"
            android:layout_width="280dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="40dp"
            android:background="@drawable/bg_elevation_edit_text"
            android:ems="10"
            android:gravity="top|start"
            android:hint="Especifica color, tamaño, modelo, etc..."
            android:inputType="textCapSentences|textMultiLine"
            android:lines="8"
            android:padding="16dp"
            android:scrollbars="vertical"
            android:text="Si no hay color negro, blanco"
            android:textSize="14sp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/edit_quantity" />

        <Button
            android:id="@+id/button_next"
            android:layout_width="0dp"
            android:layout_height="48dp"
            android:layout_marginLeft="32dp"
            android:layout_marginRight="32dp"
            android:layout_marginTop="32dp"
            android:background="@drawable/bg_gradient_button"
            android:text="siguiente"
            android:textColor="@color/colorPrimary"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/edit_details"
            app:layout_constraintBottom_toBottomOf="parent"
            android:layout_marginBottom="32dp" />
    </android.support.constraint.ConstraintLayout>
</FrameLayout>