import QtQuick 2.12
import QtQuick.Controls 2.12
import "./"

Item {
    id: root
    width: GC.screenWidth
    height: GC.screenHeight
    ImageButtonType {
        id: back
        x: 10
        y: 10
        width: 26
        height: 20
        icon.source: "qrc:/images/arrow_left.png"
        onClicked: {
            UiLogic.closePage()
        }
    }
    Text {
        font.family: "Lato"
        font.styleName: "normal"
        font.pixelSize: 24
        color: "#100A44"
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        text: qsTr("DNS Servers")
        x: 10
        y: 35
        width: 361
        height: 31
    }
    Image {
        anchors.horizontalCenter: root.horizontalCenter
        width: GC.trW(150)
        height: GC.trH(22)
        y: GC.trY(590)
        source: "qrc:/images/AmneziaVPN.png"
    }
    LabelType {
        x: 40
        y: 95
        width: 291
        height: 21
        text: qsTr("Primary DNS server")
    }
    LabelType {
        x: 40
        y: 175
        width: 291
        height: 21
        text: qsTr("Secondray DNS server")
    }
    TextFieldType {
        id: dns1
        x: 40
        y: 120
        width: 271
        height: 40
        text: UiLogic.lineEditNetworkSettingsDns1Text
        onEditingFinished: {
            UiLogic.lineEditNetworkSettingsDns1Text = text
            UiLogic.onLineEditNetworkSettingsDns1EditFinished(text)
        }
        validator: RegExpValidator {
            regExp: UiLogic.ipAddressValidatorRegex
        }
    }
    TextFieldType {
        id: dns2
        x: 40
        y: 200
        width: 271
        height: 40
        text: UiLogic.lineEditNetworkSettingsDns2Text
        onEditingFinished: {
            UiLogic.lineEditNetworkSettingsDns2Text = text
            UiLogic.onLineEditNetworkSettingsDns2EditFinished(text)
        }
        validator: RegExpValidator {
            regExp: UiLogic.ipAddressValidatorRegex
        }
    }
    ImageButtonType {
        id: resetDNS1
        x: 320
        y: 127
        width: 24
        height: 24
        icon.source: "qrc:/images/reload.png"
        onClicked: {
            UiLogic.onPushButtonNetworkSettingsResetdns1Clicked()
        }
    }
    ImageButtonType {
        id: resetDNS2
        x: 320
        y: 207
        width: 24
        height: 24
        icon.source: "qrc:/images/reload.png"
        onClicked: {
            UiLogic.onPushButtonNetworkSettingsResetdns2Clicked()
        }
    }
}