import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import FluentUI.Controls
import FluentUI.impl
import Gallery

ColumnLayout {
    anchors.left: parent.left
    anchors.leftMargin: 50
    anchors.top: parent.top
    anchors.topMargin: 20
    spacing: 20

    RowLayout{
        Label{
            text: "收货方:"
            Layout.preferredWidth: 70
        }
        TextField{
            placeholderText: "TextField"
            Layout.preferredWidth: 250
        }
    }

    RowLayout{
        Label{
            text: "供货方:"
            Layout.preferredWidth: 70
        }
        RadioButton {
            checked: true
            text: "所有煤矿"
        }
        RadioButton {
            text: "框选范围"
        }
    }

    RowLayout{
        Label{
            text: "车辆类型:"
            Layout.preferredWidth: 70
        }
        CheckBox {
            checked: true
            text: "电车"
        }
        CheckBox {
            text: "氢车"
        }
        CheckBox {
            text: "燃油车"
        }
    }

    RowLayout{
        Label{
            text: "开始时间:"
            Layout.preferredWidth: 70
        }
        DatePicker {
        }
    }

    RowLayout{
        Label{
            text: "结束时间:"
            Layout.preferredWidth: 70
        }
        DatePicker {
        }
    }

    RowLayout{
        Label{
            text: ""
            Layout.preferredWidth: 70
        }
        Button{
            text: "开始计算"
            onClicked: {
                Global.sendMessage('start-sim')

                lbl_zongjie.visible = true
            }
        }
        Button{
            text: "导出报告"
        }
    }

    Label{
        id: lbl_zongjie
        visible: false
        Layout.fillWidth: true
        text: "计算总结：成本：xxx，收益：xxx，投建站点：2座，后期预估收益：100万/年"
        wrapMode: Label.WordWrap
    }

    Item{
        Layout.fillHeight: true
    }
}