import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.2
import QtQml 2.13
import "../"
import "../aCommon"
import "../SKTextField"

Rectangle {
    width: 500
    height: 250
    color: "#14191D"
    radius: Setting.mediumRadius
    RowLayout {
        id: idTopSection
        anchors.right: parent.right
        anchors.left: parent.left
        height: 70
        anchors.leftMargin: 20
        anchors.rightMargin: 20
        spacing: 13
        Icon {
            Layout.alignment: Qt.AlignVCenter
            source: "qrc:/SepantaUiKit/icons/back folder.svg"
        }

        SKTextField {
            width: undefined
            Layout.fillWidth: true
            Layout.preferredWidth: 300
        }
        Icon {
            Layout.alignment: Qt.AlignVCenter
            source: "qrc:/SepantaUiKit/icons/folder-plus.svg"
            color: "#DEFFDD"
        }
        Icon {
            Layout.alignment: Qt.AlignVCenter
            source: "qrc:/SepantaUiKit/icons/delete folder.svg"
            color: "#DC3545"
        }
    }
    Flickable {
        anchors.rightMargin: 20
        anchors.leftMargin: 20
        anchors.top: idTopSection.bottom
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        anchors.left: parent.left
        contentHeight: height
        contentWidth: idGridView.width
        boundsMovement: Flickable.StopAtBounds
        flickableDirection: Flickable.HorizontalFlick
        ScrollBar.horizontal: ScrollBar {
            height: 8
            anchors.bottom: parent.bottom
            policy: ScrollBar.AlwaysOn
        }
        clip: true
        GridLayout {
            id: idGridView
            flow: GridLayout.TopToBottom
            height: parent.height
            rows: 5
            columnSpacing: 13
            rowSpacing: 8
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
            FolderItem {}
        }
    }
}