import QtQuick
import QtQuick.Controls

Page {
  id: root
  header: ToolBar {
    Label {
      text: qsTr("Olympia 2024 Events")
      font.pixelSize: 20
      anchors.centerIn: parent
    }
  }

  ListView {
    id: listView
    anchors.fill: parent
    topMargin: 48
    leftMargin: 48
    bottomMargin: 48
    rightMargin: 48
    spacing: 20
    model: sports
    delegate: ItemDelegate {
      required property string sportName
      text: sportName
      width: listView.width - listView.leftMargin - listView.rightMargin
      height: avatar.implicitHeight + 32
      leftPadding: avatar.implicitWidth + 32
      onClicked: root.StackView.view.push("EventInfoPage.qml", { event_id: 1 })

      Image {
        id: avatar
        // source: "images/" + modelData.replace(" ", "_") + ".png"
      }
    }
  }
}