<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>

        <import type="com.lukouguoji.module_base.ui.weight.data.layout.DataLayoutType" />

        <import type="com.lukouguoji.module_base.common.DetailsPageType" />

        <import type="android.view.View" />

        <variable
            name="viewModel"
            type="com.lukouguoji.gnj.page.yiku.handover.GnjYiKuHandoverViewModel" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/color_f2"
        android:orientation="vertical">

        <include layout="@layout/title_tool_bar" />

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fillViewport="true">

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

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/bg_white_radius_8"
                    android:orientation="vertical"
                    android:padding="15dp">

                    <!-- 第一行：运单号、件数、重量（均只读） -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"运单号"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.wbNo}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"件数"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.pc}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"重量"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.weight}' />

                    </LinearLayout>

                    <!-- 第二行：特码、代理、品名（均只读） -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="8dp"
                        android:orientation="horizontal">

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"特码"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.spCode}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"代理"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.agentCode}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"品名"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.goods}' />

                    </LinearLayout>

                    <!-- 第三行：进港航班、航程、运单类型（均只读） -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="8dp"
                        android:orientation="horizontal">

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"进港航班"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.flight}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"航程"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.routeDisplay}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"运单类型"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.awbType}' />

                    </LinearLayout>

                    <!-- 第四行：电报号（只读）、备注（编辑模式可编辑） -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="8dp"
                        android:orientation="horizontal">

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            enable="@{false}"
                            title='@{"电报号"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@{viewModel.dataBean.telegramDisplay}' />

                        <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayoutNew
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="2"
                            enable="@{viewModel.pageType != DetailsPageType.Details}"
                            hint='@{"请输入备注"}'
                            title='@{"备注"}'
                            titleLength="@{5}"
                            type="@{DataLayoutType.INPUT}"
                            value='@={viewModel.dataBean.remark}' />

                    </LinearLayout>

                    <!-- 交接图片区域：label 在左，图片在右 -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="15dp"
                        android:orientation="horizontal">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical"
                            android:text="交接图片"
                            android:textColor="@color/text_gray"
                            completeSpace="@{5}" />

                        <androidx.recyclerview.widget.RecyclerView
                            android:id="@+id/rv_images"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:overScrollMode="never"
                            itemLayoutId="@{viewModel.imageItemLayoutId}"
                            viewHolder="@{viewModel.imageItemViewHolder}"
                            app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
                            app:spanCount="9" />

                    </LinearLayout>

                    <!-- 详情模式下无图片时的占位提示 -->
                    <TextView
                        android:id="@+id/tv_no_image"
                        android:layout_width="match_parent"
                        android:layout_height="60dp"
                        android:gravity="center"
                        android:text="暂无图片"
                        android:textColor="@color/text_gray"
                        android:textSize="14sp"
                        android:visibility="@{viewModel.showNoImage ? View.VISIBLE : View.GONE}" />

                </LinearLayout>

                <!-- 底部按钮（详情模式不显示） -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="24dp"
                    android:layout_marginBottom="15dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:visibility="@{viewModel.pageType != DetailsPageType.Details ? View.VISIBLE : View.GONE}">

                    <TextView
                        style="@style/tv_bottom_btn"
                        android:layout_width="120dp"
                        android:onClick="@{()-> viewModel.getTopActivity().finish()}"
                        android:text="取消" />

                    <TextView
                        style="@style/tv_bottom_btn"
                        android:layout_width="120dp"
                        android:onClick="@{()-> viewModel.submit()}"
                        android:text="保存" />

                </LinearLayout>

            </LinearLayout>
        </ScrollView>

    </LinearLayout>
</layout>
