import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3

import Common 1.0
import Linphone 1.0
import Utils 1.0

ColumnLayout  {
  spacing: 0

  Rectangle {
    Layout.fillWidth: true
    Layout.preferredHeight: 102
    color: '#D1D1D1'

    RowLayout {
      anchors.left: parent.left
      anchors.leftMargin: 40
      anchors.right: parent.right
      anchors.rightMargin: 10
      anchors.verticalCenter: parent.verticalCenter
      height: 80
      spacing: 0
      width: parent.width

      Avatar {
        Layout.fillHeight: true
        Layout.preferredWidth: 80
        Layout.rightMargin: 30
        presenceLevel: Presence.Online // TODO: Use C++.
        username: 'Cameron Andrews' // TODO: Use C++.
      }

      // TODO: Replace by text edit.
      // Component: EditableContactDescription.
      ContactDescription {
        Layout.fillHeight: true
        Layout.fillWidth: true
        username: 'Cameron Andrews' // TODO: Use C++.
      }

      ActionBar {
        iconSize: 32
        Layout.alignment: Qt.AlignBottom | Qt.AlignRight

        ActionButton {
          icon: 'history'
          onClicked: window.setView('Conversation')
        }

        ActionButton {
          icon: 'delete'
          onClicked: Utils.openConfirmDialog(this, {
            descriptionText: qsTr('removeContactDescription'),
            exitHandler: function (status) {
              if (status) {
                window.setView('Home')
              }
            },
            title: qsTr('removeContactTitle')
          })
        }
      }
    }
  }

  Flickable {
    Layout.fillHeight: true
    Layout.fillWidth: true
    ScrollBar.vertical: ForceScrollBar {}
    boundsBehavior: Flickable.StopAtBounds
    clip: true
    contentHeight: content.height
    flickableDirection: Flickable.VerticalFlick

    ColumnLayout {
      anchors.left: parent.left
      anchors.margins: 20
      anchors.right: parent.right
      id: content

      ListForm {
        title: qsTr('sipAccounts')
        model: ListModel {
          ListElement { $value: 'merinos@sip.linphone.org' }
          ListElement { $value: 'elisabeth.pro@sip.linphone.org' }
        }
        placeholder: qsTr('sipAccountsInput')
      }

      ListForm {
        title: qsTr('address')
        model: ListModel {
          ListElement { $value: '312 East 10th Street - New York, NY 1009' }
        }
        placeholder: qsTr('addressInput')
      }

      ListForm {
        title: qsTr('emails')
        model: ListModel {
          ListElement { $value: 'e.meri@gmail.com' }
          ListElement { $value: 'toto@truc.machin' }
        }
        placeholder: qsTr('emailsInput')
      }

      ListForm {
        title: qsTr('webSites')
        model: ListModel {
          ListElement { $value: 'www.totogro.com' }
          ListElement { $value: 'www.404.unknown' }
        }
        placeholder: qsTr('webSitesInput')
      }
    }
  }
}