<?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.edit.GnjYiKuEditViewModel" />
    </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">

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

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

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

                    <!-- 件数 -->
                    <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        enable="@{viewModel.pageType != DetailsPageType.Details}"
                        required="@{viewModel.pageType != DetailsPageType.Details}"
                        title='@{"件数："}'
                        titleLength="@{5}"
                        type="@{DataLayoutType.INPUT}"
                        value='@={viewModel.dataBean.pc}' />

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

                    <!-- 重量 -->
                    <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        enable="@{viewModel.pageType != DetailsPageType.Details}"
                        required="@{viewModel.pageType != DetailsPageType.Details}"
                        title='@{"重量(kg)："}'
                        titleLength="@{5}"
                        type="@{DataLayoutType.INPUT}"
                        value='@={viewModel.dataBean.weight}' />
                </LinearLayout>

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

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

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

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

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

                    <!-- 品名 -->
                    <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        enable="@{viewModel.pageType != DetailsPageType.Details}"
                        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="10dp"
                    android:orientation="horizontal">

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

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

                    <!-- 航程 -->
                    <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        enable="@{viewModel.pageType != DetailsPageType.Details}"
                        title='@{"航程："}'
                        titleLength="@{5}"
                        type="@{DataLayoutType.INPUT}"
                        value='@={viewModel.dataBean.route}' />

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

                    <!-- 运单类型 -->
                    <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        enable="@{viewModel.pageType != DetailsPageType.Details}"
                        list="@{viewModel.waybillTypeList}"
                        title='@{"运单类型："}'
                        titleLength="@{5}"
                        type="@{DataLayoutType.SPINNER}"
                        value='@={viewModel.dataBean.awbType}' />
                </LinearLayout>

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

                    <!-- 电报号 -->
                    <com.lukouguoji.module_base.ui.weight.data.layout.PadDataLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        enable="@{viewModel.pageType != DetailsPageType.Details}"
                        title='@{"电报号："}'
                        titleLength="@{5}"
                        type="@{DataLayoutType.INPUT}"
                        value='@={viewModel.dataBean.telegramNo}' />

                    <Space
                        android:layout_width="10dp"
                        android:layout_height="match_parent" />

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

                <!-- 交接图片标题 -->
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dp"
                    android:text="交接图片（最多7张）"
                    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
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@color/white"
            android:gravity="center"
            android:orientation="horizontal"
            visible="@{viewModel.pageType != DetailsPageType.Details}">

            <TextView
                android:layout_width="150dp"
                android:layout_height="50dp"
                android:layout_marginRight="20dp"
                android:background="@drawable/bg_gray_radius_4"
                android:gravity="center"
                android:onClick="@{()-> viewModel.getTopActivity().finish()}"
                android:text="取消"
                android:textColor="@color/white"
                android:textSize="18sp" />

            <TextView
                style="@style/tv_bottom_btn_lg"
                android:onClick="@{()-> viewModel.submit()}"
                android:text="@{viewModel.pageType == DetailsPageType.Add ? `提交` : `保存`}" />

        </LinearLayout>

    </LinearLayout>
</layout>
