import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

GridLayout
{
    columns: 2
    rowSpacing: 25
    Layout.leftMargin: 7

    // Grid row
    ColumnLayout
    {
        Layout.columnSpan: 2
        Label
        {
            id: contactLabel
            color: "darksalmon"
            font.bold: true
            text: qsTr("Ansprechpartner")
        }

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['salute'] + " " + contact['contact']['fname'] + " " + contact['contact']['lname']: ""
        }
    }

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

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['birthday']: ""
        }
    }

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

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['email']: ""
        }
    }

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

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['position']: ""
        }
    }

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

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['priority']: ""
        }
    }

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

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

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

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

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

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['invoice']: ""
        }
    }

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

        Label
        {
            color: "goldenrod"
            text: contact? contact['contact']['reminder']: ""
        }
    }

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

    Component.onCompleted:
    {
        if (contact && contact['contact']['salute'] === "Frau")
            contactLabel.text = qsTr("Ansprechpartnerin")
    }
}