278 lines
14 KiB
XML
278 lines
14 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<LinearLayout
|
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:orientation="vertical"
|
|
android:background="?attr/colorSurface">
|
|
|
|
<!-- Renderable receipt card (header grows to fill remaining space) -->
|
|
<LinearLayout
|
|
android:id="@+id/receiptCard"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginHorizontal="40dp"
|
|
android:orientation="vertical">
|
|
|
|
<!-- Green header — fills all space not taken by body -->
|
|
<FrameLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="200dp"
|
|
android:background="@drawable/trx_success_bg">
|
|
|
|
<LinearLayout
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center"
|
|
android:orientation="vertical"
|
|
android:gravity="center">
|
|
|
|
<TextView
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:text="TRANSACTION RECEIPT"
|
|
android:textColor="#FFFFFF"
|
|
android:textSize="14sp"
|
|
android:letterSpacing="0.08"
|
|
android:layout_marginBottom="22dp" />
|
|
|
|
<ImageView
|
|
android:layout_width="64dp"
|
|
android:layout_height="64dp"
|
|
android:src="@drawable/ic_receipt_check"
|
|
android:contentDescription="@null" />
|
|
|
|
<TextView
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:text="SUCCESSFUL"
|
|
android:textColor="#FFFFFF"
|
|
android:textSize="16sp"
|
|
android:letterSpacing="0.05"
|
|
android:layout_marginTop="18dp" />
|
|
|
|
</LinearLayout>
|
|
|
|
</FrameLayout>
|
|
|
|
<!-- White body — fixed size content -->
|
|
<LinearLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:orientation="vertical"
|
|
android:background="#FFFFFF"
|
|
android:paddingTop="16dp">
|
|
|
|
<!-- Avatars row -->
|
|
<LinearLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:orientation="horizontal"
|
|
android:gravity="center"
|
|
android:paddingHorizontal="24dp"
|
|
android:paddingBottom="14dp">
|
|
|
|
<LinearLayout
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_weight="1"
|
|
android:orientation="vertical"
|
|
android:gravity="center">
|
|
|
|
<com.google.android.material.imageview.ShapeableImageView
|
|
android:id="@+id/ivFromAvatar"
|
|
android:layout_width="52dp"
|
|
android:layout_height="52dp"
|
|
app:shapeAppearanceOverlay="@style/ShapeAppearance.Circle" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvFromLabel"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="6dp"
|
|
android:textSize="12sp"
|
|
android:textColor="#565656"
|
|
android:gravity="center"
|
|
android:maxLines="2" />
|
|
|
|
</LinearLayout>
|
|
|
|
<ImageView
|
|
android:layout_width="24dp"
|
|
android:layout_height="24dp"
|
|
android:layout_marginHorizontal="12dp"
|
|
android:src="@drawable/ic_arrow_right"
|
|
android:contentDescription="@null" />
|
|
|
|
<LinearLayout
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_weight="1"
|
|
android:orientation="vertical"
|
|
android:gravity="center">
|
|
|
|
<com.google.android.material.imageview.ShapeableImageView
|
|
android:id="@+id/ivToAvatar"
|
|
android:layout_width="52dp"
|
|
android:layout_height="52dp"
|
|
app:shapeAppearanceOverlay="@style/ShapeAppearance.Circle" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvToLabel"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="6dp"
|
|
android:textSize="12sp"
|
|
android:textColor="#565656"
|
|
android:gravity="center"
|
|
android:maxLines="2" />
|
|
|
|
</LinearLayout>
|
|
|
|
</LinearLayout>
|
|
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- Total Amount -->
|
|
<TextView
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:text="TOTAL AMOUNT"
|
|
android:textSize="13sp"
|
|
android:textColor="#a0a2a1"
|
|
android:letterSpacing="0.08"
|
|
android:gravity="center"
|
|
android:paddingTop="10dp"
|
|
android:paddingBottom="4dp" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvAmount"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:textSize="34sp"
|
|
android:textColor="#f14f0f"
|
|
android:gravity="center"
|
|
android:paddingBottom="10dp" />
|
|
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- Reference # -->
|
|
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingHorizontal="20dp" android:paddingVertical="11dp">
|
|
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Reference #" android:textSize="15sp" android:textColor="#a0a2a1" />
|
|
<View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
|
|
<TextView android:id="@+id/tvReferenceNo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15sp" android:textColor="#565656" />
|
|
</LinearLayout>
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- To Account -->
|
|
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingHorizontal="20dp" android:paddingVertical="11dp">
|
|
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="To Account" android:textSize="15sp" android:textColor="#a0a2a1" />
|
|
<View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
|
|
<TextView android:id="@+id/tvToAccount" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15sp" android:textColor="#565656" />
|
|
</LinearLayout>
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- To Bank -->
|
|
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingHorizontal="20dp" android:paddingVertical="11dp">
|
|
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="To Bank" android:textSize="15sp" android:textColor="#a0a2a1" />
|
|
<View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
|
|
<TextView android:id="@+id/tvToBank" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15sp" android:textColor="#565656" />
|
|
</LinearLayout>
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- Transaction Date -->
|
|
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingHorizontal="20dp" android:paddingVertical="11dp">
|
|
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Transaction Date" android:textSize="15sp" android:textColor="#a0a2a1" />
|
|
<View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
|
|
<TextView android:id="@+id/tvTransactionDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15sp" android:textColor="#565656" />
|
|
</LinearLayout>
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- Value Date -->
|
|
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingHorizontal="20dp" android:paddingVertical="11dp">
|
|
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Value Date" android:textSize="15sp" android:textColor="#a0a2a1" />
|
|
<View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
|
|
<TextView android:id="@+id/tvValueDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15sp" android:textColor="#565656" />
|
|
</LinearLayout>
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<!-- Purpose -->
|
|
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:paddingHorizontal="20dp" android:paddingVertical="11dp">
|
|
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Purpose" android:textSize="15sp" android:textColor="#a0a2a1" />
|
|
<View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
|
|
<TextView android:id="@+id/tvPurpose" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15sp" android:textColor="#565656" />
|
|
</LinearLayout>
|
|
|
|
<!-- MIB footer -->
|
|
<View android:layout_width="match_parent" android:layout_height="1dp" android:background="#CAC4D0" android:layout_marginHorizontal="20dp" />
|
|
|
|
<LinearLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:orientation="horizontal"
|
|
android:gravity="center"
|
|
android:paddingVertical="12dp">
|
|
|
|
<ImageView
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="28dp"
|
|
android:src="@drawable/mib_logo"
|
|
android:adjustViewBounds="true"
|
|
android:contentDescription="@null" />
|
|
|
|
<TextView
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="8dp"
|
|
android:text="MALDIVES ISLAMIC BANK"
|
|
android:textSize="13sp"
|
|
android:textColor="#000000"
|
|
android:letterSpacing="0.05" />
|
|
|
|
</LinearLayout>
|
|
|
|
</LinearLayout>
|
|
|
|
</LinearLayout>
|
|
|
|
<!-- Action buttons — outside renderable area -->
|
|
<LinearLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:orientation="horizontal"
|
|
android:background="?attr/colorSurface"
|
|
android:paddingHorizontal="12dp"
|
|
android:paddingTop="8dp"
|
|
android:paddingBottom="12dp">
|
|
|
|
<com.google.android.material.button.MaterialButton
|
|
android:id="@+id/btnShare"
|
|
style="@style/Widget.Material3.Button.OutlinedButton"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_weight="1"
|
|
android:layout_marginEnd="4dp"
|
|
android:text="Share" />
|
|
|
|
<com.google.android.material.button.MaterialButton
|
|
android:id="@+id/btnSave"
|
|
style="@style/Widget.Material3.Button.OutlinedButton"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_weight="1"
|
|
android:layout_marginHorizontal="4dp"
|
|
android:text="Save" />
|
|
|
|
<com.google.android.material.button.MaterialButton
|
|
android:id="@+id/btnDone"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_weight="1"
|
|
android:layout_marginStart="4dp"
|
|
android:text="Done" />
|
|
|
|
</LinearLayout>
|
|
|
|
</LinearLayout>
|