<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:background="@android:color/white"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/headerLine"
        android:layout_width="fill_parent"
        android:layout_height="54dp"
        android:background="@drawable/header_gradient"
        android:textColor="@android:color/black"
        android:weightSum="6">

        <ImageView
            android:id="@+id/imageViewLogo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="0.5"
            android:src="@drawable/ic_header" />

        <TextView
            android:id="@+id/textViewHidden1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/imageViewLogo"
            android:layout_weight="5"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:visibility="invisible" />

        <ImageView
            android:id="@+id/buttonLogout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="10dp"
            android:layout_weight="0.5"
            android:clickable="true"
            android:src="@drawable/ic_logout"
            android:visibility="gone" />

    </LinearLayout>


    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <LinearLayout
                android:id="@+id/headerMerchant"
                android:layout_width="fill_parent"
                android:layout_height="65dp"
                android:background="@color/white"
                android:textColor="@android:color/black"
                android:weightSum="5" >

                <ImageView
                    android:id="@+id/imageViewStoreLogo"
                    android:layout_width="wrap_content"
                    android:layout_height="55dp"
                    android:adjustViewBounds="true"
                    android:layout_marginRight="5dp"
                    android:layout_marginBottom="5dp"
                    android:layout_marginTop="5dp"
                    android:layout_weight="1" />

                <TextView
                    android:id="@+id/textViewHidden"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@+id/imageViewLogo"
                    android:layout_weight="3"
                    android:visibility="invisible"
                    android:text=""
                    android:textAppearance="?android:attr/textAppearanceLarge" />

                <TextView
                    android:id="@+id/textviewStore"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="10dp"
                    android:layout_toRightOf="@+id/imageViewLogo"
                    android:layout_weight="1"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:textColor="@color/store"
                    android:text="STORE"
                    android:textSize="25sp" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/amountLayout"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@color/main_bg"
                android:textColor="@android:color/black"
                android:visibility="gone"
                android:weightSum="6" >

                <EditText
                    android:id="@+id/edtAmount"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="20dp"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:layout_marginTop="20dp"
                    android:layout_weight="0.5"
                    android:background="@color/white"
                    android:gravity="center"
                    android:inputType="number"
                    android:textColor="@android:color/black"
                    android:textSize="30dp"
                    android:text="5"
                    android:visibility="gone" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="0.5dp"
                android:background="@color/horizontal_line2">
            </LinearLayout>

            <LinearLayout
                android:id="@+id/amountLayoutView"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:paddingTop="5dp"
                android:paddingBottom="5dp"
                android:background="@color/main_bg"
                android:weightSum="6"
                android:orientation="vertical">
                <TextView
                    android:id="@+id/textViewCurrency"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="Large Text"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:textColor="@android:color/black"
                    android:textSize="25dp" />

                <TextView
                    android:id="@+id/textViewAmount"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:text="Large Text"
                    android:layout_gravity="center"
                    android:gravity="center"
                    android:layout_marginTop="5dp"
                    android:textColor="@color/amount"
                    android:textSize="40dp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="0.5dp"
                android:background="@color/horizontal_line2">
            </LinearLayout>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="0.5dp"
                    android:layout_height="fill_parent"
                    android:background="@color/horizontal_line2">
                </LinearLayout>


            </LinearLayout>

            <EditText
                android:id="@+id/edtCardNumber"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="10dp"
                android:hint="@string/card_number"
                android:inputType="number"
                android:lines="1"
                android:nextFocusDown="@+id/edtCardHolderName"
                android:maxLength="16"
                android:textColor="@android:color/black"
                android:text="" />

            <EditText
                android:id="@+id/edTokenCardNumber"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="10dp"
                android:hint="@string/card_number"
                android:inputType="number"
                android:lines="1"
                android:visibility="gone"
                android:nextFocusDown="@+id/edtCardHolderName"
                android:maxLength="16"
                android:textColor="@android:color/black"
                android:text="" />

            <EditText
                android:id="@+id/edtCardHolderName"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:nextFocusDown="@+id/edtCardExpMonth"
                android:layout_marginTop="5dp"
                android:hint="@string/card_holder_name"
                android:inputType="textPersonName"
                android:lines="1"
                android:maxLines="1"
                android:textColor="@android:color/black"
                android:text="" />
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <EditText
                    android:id="@+id/edtCardExpMonth"
                    android:layout_width="0dp"
                    android:layout_weight="0.55"
                    android:nextFocusDown="@+id/edtCardExpYear"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:layout_marginTop="5dp"
                    android:hint="@string/card_exp_month"
                    android:inputType="number"
                    android:lines="1"
                    android:maxLength="2"
                    android:textColor="@android:color/black"
                    android:text="" />

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="0.05"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="5dp"
                    android:text="/"
                    android:lines="1"
                    android:id="@+id/textViewSlash"
                    android:textColor="@android:color/black"
                    android:paddingTop="1dp"
                    android:textSize="26dp"
                    android:textIsSelectable="false" />

                <EditText
                    android:id="@+id/edtCardExpYear"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.40"
                    android:layout_marginRight="10dp"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="5dp"
                    android:hint="@string/card_exp_year"
                    android:inputType="number"
                    android:lines="1"
                    android:maxLength="2"
                    android:textColor="@android:color/black"
                    android:text="" />
            </LinearLayout>
            <EditText
                android:id="@+id/edtCvv"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:nextFocusDown="@+id/edtCvv"
                android:layout_marginTop="5dp"
                android:gravity="left"
                android:hint="@string/card_cvv"
                android:inputType="numberPassword"
                android:lines="1"
                android:maxLength="4"
                android:imeOptions="actionDone"
                android:textColor="@android:color/black"
                android:text="" />

            <Button
                android:id="@+id/btnPay"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="15dp"
                android:background="@color/pay_now"
                android:text="@string/pay_now"
                android:textColor="@color/white"
                android:textSize="20dp"
                android:width="250dp" />

            <LinearLayout
                android:id="@+id/layoutCVV_exp"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/edtCardHolderName"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:textColor="@android:color/black"
                android:orientation="vertical"
                android:visibility="gone"
                android:weightSum="6" >
            </LinearLayout>

            <EditText
                android:id="@+id/edtEmail"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/layoutCVV_exp"
                android:layout_centerHorizontal="true"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="10dp"
                android:hint="Customer Email (Optional)"
                android:lines="1"
                android:visibility="gone"
                android:textColor="@android:color/black" />

            <EditText
                android:id="@+id/edtCustomerPhone"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/edtEmail"
                android:layout_centerHorizontal="true"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"
                android:hint="Customer Phone Number (Optional)"
                android:inputType="number"
                android:lines="1"
                android:maxLength="15"
                android:visibility="gone"
                android:textColor="@android:color/black" />



            <Spinner
                android:id="@+id/type"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/btnPay"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:visibility="gone" />





            <EditText
                android:id="@+id/edtCardHolderLastName"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/edtCardHolderName"
                android:layout_centerHorizontal="true"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:hint="Card Holder Last Name"
                android:textColor="@android:color/black"
                android:visibility="gone" />

            <EditText
                android:id="@+id/edtPin"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/edtCardHolderLastName"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:hint="Pin Number"
                android:maxLength="4"
                android:textColor="@android:color/black"
                android:visibility="gone" />


            <EditText
                android:id="@+id/edtSignature"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/edtPin"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:hint="Signature"
                android:textColor="@android:color/black"
                android:visibility="gone" />

            <EditText
                android:id="@+id/edtDiscount"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/edtCustomerPhone"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:hint="Discount"
                android:inputType="number"
                android:maxLength="10"
                android:textColor="@android:color/black"
                android:visibility="gone"/>



            <RatingBar
                android:id="@+id/rating"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_below="@+id/type"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:visibility="gone"/>

            <TextView
                android:id="@+id/typelebal"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/edtPin"
                android:layout_below="@+id/edtDiscount"
                android:layout_marginLeft="7dp"
                android:text="Card Type"
                android:visibility="gone"/>


        </LinearLayout>
    </ScrollView>

</LinearLayout>