<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:fitsSystemWindows="true"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ui.profile.mystore.balance.BalanceActivity">

    <include
        android:id="@+id/header"
        layout="@layout/header" />

    <LinearLayout
        android:id="@+id/layout_balance"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center"
        android:gravity="center"
        android:paddingVertical="@dimen/vertical_safe_area"
        android:paddingHorizontal="@dimen/horizontal_safe_area">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/label_large"
            android:text="Total Saldo"
            android:layout_marginTop="16dp"/>

        <TextView
            android:id="@+id/tv_balance"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/headline_medium"
            android:fontFamily="@font/dmsans_bold"
            android:text="Rp0"/>

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/black_50"
            android:layout_marginVertical="16dp" />

        <Button
            style="@style/button.large.active.long"
            android:id="@+id/btn_top_up"
            android:text="Isi Ulang Saldo"
            android:layout_marginBottom="16dp" />

    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="8dp"
        android:background="@color/black_50"/>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingVertical="@dimen/vertical_safe_area"
                android:paddingHorizontal="@dimen/horizontal_safe_area">

                <TextView
                    style="@style/label_large_prominent"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Riwayat Saldo"
                    android:layout_marginTop="10dp"/>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:layout_marginTop="10dp">

                <!-- Date Picker dengan Icon -->
                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:background="@drawable/bg_text_field"
                        android:orientation="horizontal"
                        android:gravity="center_vertical">

                        <!-- Icon Kalender -->
                        <ImageView
                            android:id="@+id/iconDatePicker"
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:layout_marginStart="8dp"
                            android:src="@drawable/ic_calendar"
                            android:contentDescription="Pilih Tanggal" />

                        <EditText
                            android:id="@+id/edt_tgl_transaksi"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:hint="Pilih tanggal di sini"
                            android:padding="8dp"
                            style="@style/body_small"
                            android:background="@null"
                            android:focusable="false"
                            android:clickable="true" />

                        <ImageView
                            android:id="@+id/img_date_picker"
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:layout_marginEnd="8dp"
                            android:src="@drawable/ic_navigate_next"
                            android:contentDescription="Pilih Tanggal"
                            app:tint="@color/black_300" />

                    </LinearLayout>

                    <!-- Clear Filter Button -->
                    <Button
                        android:id="@+id/btn_clear_filter"
                        android:layout_width="wrap_content"
                        android:text="Clear"
                        android:layout_marginStart="8dp"
                        style="@style/button.small.secondary.short"
                        android:visibility="gone"/>

                </LinearLayout>

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/black_50"
                android:layout_marginVertical="16dp" />

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/rv_balance_transaction"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scrollbars="vertical"
                tools:listitem="@layout/item_balance_transaction" />

            <TextView
                android:id="@+id/tv_empty_state"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Tidak ada riwayat transaksi"
                android:gravity="center"
                android:padding="24dp"
                style="@style/body_medium"
                android:visibility="gone" />

        </LinearLayout>

    </ScrollView>

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:visibility="gone" />

  </LinearLayout>