import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

GridLayout
{
    columns: 2
    rowSpacing: 25
    SplitView.preferredWidth: clDetView.width / 3 * 1.8

    // Grid row
    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Steuer-ID")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['tax']? client['business']['tax']: ""
        }
    }

    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Anmerkungen")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['info']? client['business']['info']: ""
        }
    }

    // Grid row
    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Kundenname")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['company']
        }
    }

    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("CEO")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['ceo']
        }
    }

    // Grid row
    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Telefon")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['phone']? client['business']['phone']: ""
        }
    }

    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Handy")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['cell']? client['business']['cell']: ""
        }
    }

    // Grid row
    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Webseite")
            font.bold: true
        }

        Label
        {
            id: clientWebsite
            color: "goldenrod"
            font.underline: false
            text: client['business']['website']? '<a href="' + client['business']['website'] + '">' +  client['business']['website'] + '</a>': ""
            onLinkActivated:
            {
                var web_protocol = /^((http|https):\/\/)/;
                var client_website = !web_protocol.test(client['business']['website'])? "https://" + client['business']['website']: client['business']['website'];
                Qt.openUrlExternally(client_website)
            }
        }
    }

    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("E-Mail")
            font.bold: true
        }

        Label
        {
            id: clientEmail
            color: "goldenrod"
            text: client['business']['email']? '<a href="mailto:' + client['business']['email'] + '">' + client['business']['email'] + '</a>': ""
            onLinkActivated: Qt.openUrlExternally('mailto:' + client['business']['email'])
        }
    }

    // Grid row
    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Straße")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['street']? client['business']['tax']: ""
        }
    }

    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Haus-Nr.")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['house']? client['business']['house']: ""
        }
    }

    // Grid row
    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("PLZ")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['zip']? client['business']['zip']: ""
        }
    }

    ColumnLayout
    {
        Label
        {
            color: "darksalmon"
            text: qsTr("Stadt")
            font.bold: true
        }

        Label
        {
            color: "goldenrod"
            text: client['business']['city']? client['business']['city']: ""
        }
    }

    // Grid row
    // Item
    // {
    //     Layout.columnSpan: 2
    //     Layout.fillHeight: true
    // }
}