<?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>

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

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

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

        <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:padding="15dp">

                <!-- 基本信息标题 -->
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="基本信息"
                    android:textColor="@color/text_normal"
                    android:textSize="16sp"
                    android:textStyle="bold" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    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">

                        <!-- 运单号 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="运单号：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.wbNo}"
                                tools:text="78109081212" />
                        </LinearLayout>

                        <!-- 件数 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="件数：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.pc}"
                                tools:text="11" />
                        </LinearLayout>

                        <!-- 重量 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="重量：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text='@{viewModel.dataBean.weight + "kg"}'
                                tools:text="200kg" />
                        </LinearLayout>
                    </LinearLayout>

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

                    <!-- 第二行 -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <!-- 特码 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="特码：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.spCode}"
                                tools:text="PEK" />
                        </LinearLayout>

                        <!-- 代理 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="代理：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.agentCode}"
                                tools:text="SF" />
                        </LinearLayout>

                        <!-- 品名 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="品名：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.goods}"
                                tools:text="苹果" />
                        </LinearLayout>
                    </LinearLayout>

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

                    <!-- 第三行 -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <!-- 进港航班 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="进港航班：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.flight}"
                                tools:text="20240712/MU2023" />
                        </LinearLayout>

                        <!-- 航程 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="航程：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.route}"
                                tools:text="LAX-PEK-HFE" />
                        </LinearLayout>

                        <!-- 运单类型 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="运单类型：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.awbType}"
                                tools:text="转国际进港" />
                        </LinearLayout>
                    </LinearLayout>

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

                    <!-- 第四行 -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <!-- 电报号 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="电报号：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.telegramNo}"
                                tools:text="TG20240712001" />
                        </LinearLayout>

                        <!-- 移交状态 -->
                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="horizontal">

                            <TextView
                                style="@style/tv_manifest_details_label"
                                android:text="移交状态：" />

                            <TextView
                                style="@style/tv_manifest_details_value"
                                android:text="@{viewModel.dataBean.handoverStatus}"
                                tools:text="未移交" />
                        </LinearLayout>

                        <Space
                            android:layout_width="0dp"
                            android:layout_height="match_parent"
                            android:layout_weight="1" />
                    </LinearLayout>

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

                    <!-- 备注 -->
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <TextView
                            style="@style/tv_manifest_details_label"
                            android:text="备注：" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:background="@color/white"
                            android:gravity="center_vertical"
                            android:minHeight="40dp"
                            android:text="@{viewModel.dataBean.remark}"
                            android:textColor="#333333"
                            android:textSize="16sp"
                            tools:text="这是备注信息" />
                    </LinearLayout>
                </LinearLayout>

                <!-- 交接图片标题 -->
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dp"
                    android:text="交接图片"
                    android:textColor="@color/text_normal"
                    android:textSize="16sp"
                    android:textStyle="bold" />

                <!-- 图片展示区域 -->
                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rv_images"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:overScrollMode="never"
                    itemLayoutId="@{viewModel.imageItemLayoutId}"
                    viewHolder="@{viewModel.imageItemViewHolder}"
                    app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
                    app:spanCount="3" />

            </LinearLayout>
        </ScrollView>

    </LinearLayout>
</layout>
