<?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"
    xmlns:tools="http://schemas.android.com/tools"
    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.product.DetailStoreProductActivity">

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

    <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"
            android:paddingVertical="@dimen/vertical_safe_area"
            android:paddingHorizontal="@dimen/horizontal_safe_area"
            android:layout_marginTop="19dp">

            <!-- Foto Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginTop="24dp">

                <!-- Label Foto Produk -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Foto Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                    <!-- TextView sebagai link untuk upload gambar -->
                    <TextView
                        android:id="@+id/tv_tambah_foto"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Tambah Foto"
                        style="@style/body_small"
                        android:textColor="@color/blue_500"
                        android:padding="4dp"
                        android:clickable="true"
                        android:focusable="true"/>

                </LinearLayout>

                <!-- ViewSwitcher untuk Upload Gambar Produk -->
                <ViewSwitcher
                    android:id="@+id/switcher_foto_produk"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:layout_marginBottom="24dp">

                    <!-- Tampilan saat belum ada gambar di-upload -->
                    <FrameLayout
                        android:id="@+id/layout_upload_foto"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/bg_upload"
                        android:gravity="center"
                        android:padding="13dp">

                        <ImageView
                            android:layout_width="44dp"
                            android:layout_height="44dp"
                            android:src="@drawable/ic_upload"
                            android:contentDescription="Ikon Upload" />

                    </FrameLayout>

                    <!-- Tampilan saat gambar sudah di-upload -->
                    <FrameLayout
                        android:layout_width="70dp"
                        android:layout_height="70dp"
                        android:background="@drawable/bg_upload"
                        android:layout_gravity="center">

                        <ImageView
                            android:id="@+id/iv_preview_foto"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:scaleType="centerCrop"
                            android:contentDescription="Preview Gambar"
                            android:src="@drawable/placeholder_image"/>

                        <ImageButton
                            android:id="@+id/btn_remove_foto"
                            android:layout_width="12dp"
                            android:layout_height="12dp"
                            android:layout_gravity="top|end"
                            android:layout_margin="6dp"
                            android:elevation="8dp"
                            android:src="@drawable/ic_close"
                            android:contentDescription="Hapus Gambar"
                            android:padding="4dp"
                            app:tint="@color/white" />

                    </FrameLayout>

                </ViewSwitcher>

            </LinearLayout>

            <!-- Nama Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

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

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Nama Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <EditText
                    android:id="@+id/edt_nama_produk"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/bg_text_field"
                    android:hint="Isi nama produk di sini"
                    android:padding="8dp"
                    style="@style/body_small"
                    android:layout_marginTop="10dp"/>

            </LinearLayout>

            <!-- Kategori Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

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

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Kategori Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <!-- Spinner Dropdown dengan Chevron -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:background="@drawable/bg_text_field"
                    android:gravity="center_vertical"
                    android:layout_marginTop="10dp">

                    <Spinner
                        android:id="@+id/spinner_kategori_produk"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:padding="8dp"
                        style="@style/body_small"
                        android:background="@null"/>

                    <!-- Chevron Down Icon -->
                    <ImageView
                        android:layout_width="16dp"
                        android:layout_height="16dp"
                        android:src="@drawable/ic_down"
                        android:layout_marginEnd="8dp"
                        android:contentDescription="Chevron Down" />

                </LinearLayout>

            </LinearLayout>

            <!-- Deskripsi Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

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

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Deskripsi Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <EditText
                    android:id="@+id/edt_deskripsi_produk"
                    android:layout_width="match_parent"
                    android:layout_height="70dp"
                    android:background="@drawable/bg_text_field"
                    android:hint="Isi deskripsi produk di sini"
                    android:padding="8dp"
                    style="@style/body_small"
                    android:inputType="text|textMultiLine"
                    android:gravity="top"
                    android:layout_marginTop="10dp"/>

            </LinearLayout>

            <!-- Harga Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <!-- Label Harga Produk -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Harga Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>
                </LinearLayout>

                <!-- Input Harga dengan Prefix "Rp" -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:background="@drawable/bg_text_field"
                    android:layout_marginTop="10dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Rp"
                        style="@style/label_medium_prominent"
                        android:textColor="@color/black_300"
                        android:padding="8dp" />

                    <EditText
                        android:id="@+id/edt_harga_produk"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@null"
                        android:hint="Isi harga produk di sini"
                        android:inputType="number"
                        android:padding="8dp"
                        style="@style/body_small" />

                </LinearLayout>

            </LinearLayout>

            <!-- Stok Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="24dp"
                android:orientation="vertical">

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

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginEnd="4dp"
                        android:text="Stok Produk"
                        style="@style/body_medium" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="end"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required" />

                </LinearLayout>

                <EditText
                    android:id="@+id/edt_stok_produk"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:background="@drawable/bg_text_field"
                    android:hint="Isi stok produk di sini"
                    android:padding="8dp"
                    style="@style/body_small" />

            </LinearLayout>

            <!-- Minimum Pemesanan -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

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

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Minimum Pemesanan"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <EditText
                    android:id="@+id/edt_min_order"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/bg_text_field"
                    android:hint="Isi minimum pemesanan produk di sini"
                    android:padding="8dp"
                    style="@style/body_small"
                    android:layout_marginTop="10dp" />

            </LinearLayout>

            <!-- Berat Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <!-- Label Berat Produk -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Berat Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>


                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <!-- Input Berat dengan Suffix "gram" -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:background="@drawable/bg_text_field"
                    android:gravity="center"
                    android:layout_marginTop="10dp">

                    <EditText
                        android:id="@+id/edt_berat_produk"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:hint="Isi berat produk di sini"
                        android:inputType="number"
                        style="@style/body_small"
                        android:background="@null"
                        android:padding="8dp"/>

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="gram"
                        style="@style/label_medium_prominent"
                        android:textColor="@color/black_300"
                        android:padding="8dp"/>

                </LinearLayout>

            </LinearLayout>

            <!-- Kondisi Produk -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <!-- Label Kondisi Produk -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Kondisi Produk"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <!-- Spinner Dropdown dengan Chevron -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:background="@drawable/bg_text_field"
                    android:gravity="center_vertical"
                    android:layout_marginTop="10dp">

                    <Spinner
                        android:id="@+id/spinner_kondisi_produk"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:padding="8dp"
                        style="@style/body_small"
                        android:background="@null"/>

                    <!-- Chevron Down Icon -->
                    <ImageView
                        android:layout_width="16dp"
                        android:layout_height="16dp"
                        android:src="@drawable/ic_down"
                        android:layout_marginEnd="8dp"
                        android:contentDescription="Chevron Down" />

                </LinearLayout>

            </LinearLayout>

            <!-- Pre-Order -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="center">

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="Pre-Order"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <Switch
                        android:id="@+id/switch_is_pre_order"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="end"
                        tools:ignore="UseSwitchCompatOrMaterialXml" />

                </LinearLayout>

            </LinearLayout>

            <!-- Durasi Pre-Order -->
            <LinearLayout
                android:id="@+id/layout_durasi"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp"
                android:visibility="gone">

                <!-- Label Durasi Pre-Order -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Durasi Pre-Order"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <!-- Input Durasi Pre-Order dengan Suffix "hari" -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:background="@drawable/bg_text_field"
                    android:gravity="center"
                    android:layout_marginTop="10dp">

                    <EditText
                        android:id="@+id/edt_durasi"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:hint="Isi durasi pre-order di sini"
                        android:inputType="number"
                        style="@style/body_small"
                        android:background="@null"
                        android:padding="8dp"/>

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="hari"
                        style="@style/label_medium_prominent"
                        android:textColor="@color/black_300"
                        android:padding="8dp"/>

                </LinearLayout>

            </LinearLayout>

            <!-- Produk Grosir -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="center">

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="Produk Grosir"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <Switch
                        android:id="@+id/switch_is_wholesale"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="end"
                        tools:ignore="UseSwitchCompatOrMaterialXml" />

                </LinearLayout>

            </LinearLayout>

            <!-- Minimum Pesan Grosir -->
            <LinearLayout
                android:id="@+id/layout_min_pesan_grosir"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="24dp"
                android:orientation="vertical"
                android:visibility="gone">

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

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginEnd="4dp"
                        android:text="Minimum Pesanan Grosir"
                        style="@style/body_medium" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="end"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required" />

                </LinearLayout>

                <EditText
                    android:id="@+id/edt_min_pesan_grosir"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:background="@drawable/bg_text_field"
                    android:hint="Isi minimum produk untuk mendapatkan harga grosir di sini"
                    android:padding="8dp"
                    style="@style/body_small" />

            </LinearLayout>

            <!-- Harga grosir produk -->
            <LinearLayout
                android:id="@+id/layout_harga_grosir"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp"
                android:visibility="gone">

                <!-- Label Harga Grosir -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Harga Grosir"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*"
                        style="@style/body_medium"
                        android:textColor="@color/red_required"
                        android:layout_gravity="end"/>

                </LinearLayout>

                <!-- Input Harga dengan Prefix "Rp" -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:background="@drawable/bg_text_field"
                    android:layout_marginTop="10dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Rp"
                        style="@style/label_medium_prominent"
                        android:textColor="@color/black_300"
                        android:padding="8dp" />

                    <EditText
                        android:id="@+id/edt_harga_grosir"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@null"
                        android:hint="Isi harga grosir per item produk di sini"
                        android:inputType="number"
                        android:padding="8dp"
                        style="@style/body_small" />

                </LinearLayout>

            </LinearLayout>

            <!-- SPPIRT -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <!-- Label SPPIRT -->
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="SPPIRT"
                    style="@style/body_medium"/>

                <!-- ViewSwitcher: Switches antara upload box dan uploaded preview SPPIRT -->
                <ViewSwitcher
                    android:id="@+id/switcher_sppirt"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp">

                    <!-- Upload Prompt Layout -->
                    <FrameLayout
                        android:id="@+id/layout_upload_sppirt"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@drawable/bg_upload"
                        android:padding="20dp">

                        <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="vertical"
                            android:layout_gravity="center"
                            android:gravity="center">

                            <ImageView
                                android:layout_width="48dp"
                                android:layout_height="48dp"
                                android:src="@drawable/ic_upload"
                                android:contentDescription="Ikon Unggah" />

                            <TextView
                                style="@style/body_small"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="Unggah dokumen SPPIRT Anda di sini"
                                android:textColor="@color/black_300"
                                android:layout_marginTop="8dp"/>

                        </LinearLayout>

                    </FrameLayout>

                    <!-- Uploaded File Preview Layout -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:background="@drawable/bg_text_field"
                        android:gravity="center"
                        android:layout_marginTop="10dp"
                        android:padding="8dp">

                        <TextView
                            android:id="@+id/tv_sppirt_name"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:text="sppirt.pdf"
                            style="@style/body_small"/>

                        <ImageButton
                            android:id="@+id/btn_remove_sppirt"
                            android:layout_width="12dp"
                            android:layout_height="12dp"
                            android:src="@drawable/ic_close"
                            app:tint="@color/black_300"
                            android:contentDescription="Hapus unggahan" />

                    </LinearLayout>

                </ViewSwitcher>

            </LinearLayout>

            <!-- Halal -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <!-- Label Halal -->
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="Sertifikasi Halal"
                    style="@style/body_medium"/>

                <!-- ViewSwitcher: Switches antara upload box dan uploaded preview halal -->
                <ViewSwitcher
                    android:id="@+id/switcher_halal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp">

                    <!-- Upload Prompt Layout -->
                    <FrameLayout
                        android:id="@+id/layout_upload_halal"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@drawable/bg_upload"
                        android:padding="20dp">

                        <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="vertical"
                            android:layout_gravity="center"
                            android:gravity="center">

                            <ImageView
                                android:layout_width="48dp"
                                android:layout_height="48dp"
                                android:src="@drawable/ic_upload"
                                android:contentDescription="Ikon Unggah" />

                            <TextView
                                style="@style/body_small"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="Unggah dokumen Sertifikasi Halal Anda di sini"
                                android:textColor="@color/black_300"
                                android:layout_marginTop="8dp"/>

                        </LinearLayout>

                    </FrameLayout>

                    <!-- Uploaded File Preview Layout -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:background="@drawable/bg_text_field"
                        android:gravity="center"
                        android:layout_marginTop="10dp"
                        android:padding="8dp">

                        <TextView
                            android:id="@+id/tv_halal_name"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:text="sppirt.pdf"
                            style="@style/body_small"/>

                        <ImageButton
                            android:id="@+id/btn_remove_halal"
                            android:layout_width="12dp"
                            android:layout_height="12dp"
                            android:src="@drawable/ic_close"
                            app:tint="@color/black_300"
                            android:contentDescription="Hapus unggahan" />

                    </LinearLayout>

                </ViewSwitcher>

            </LinearLayout>

            <!-- Produk Aktif -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginBottom="24dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:gravity="center">

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="Produk Aktif"
                        style="@style/body_medium"
                        android:layout_marginEnd="4dp"/>

                    <Switch
                        android:id="@+id/switch_is_active"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="end"
                        tools:ignore="UseSwitchCompatOrMaterialXml" />

                </LinearLayout>

            </LinearLayout>

            <Button
                android:id="@+id/btn_save_product"
                android:text="Simpan Produk"
                style="@style/button.large.disabled.long"
                android:enabled="false"
                android:layout_marginBottom="16dp"/>

        </LinearLayout>

    </ScrollView>

</LinearLayout>