<?php
declare(strict_types=1);
/**
 * The browse view file of store module of ZenTaoPMS.
 *
 * @copyright   Copyright 2009-2023 禅道软件（青岛）有限公司(ZenTao Software (Qingdao) Co., Ltd. www.zentao.net)
 * @license     ZPL(https://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
 * @author      Ke Zhao<zhaoke@easycorp.ltd>
 * @package     store
 * @link        http://www.zentao.net
 */

namespace zin;

$tree = array();
foreach($categories as $id => $category)
{
    $tree[] = array(
        'id'        => $id,
        'parent'    => 0,
        'name'      => $category,
        'key'       => 'storeTree-' . $id,
        'className' => "store-tree-$id"
    );
}
jsVar('tree', $tree);
jsVar('postCategories', $postCategories);
jsVar('link', inLink('browse', "sortType=$sortType"));

$setting   = usePager();
$cloudApps = array_chunk($cloudApps, 3);
$groups    = array();
foreach ($cloudApps as $group)
{
    $items = array();
    if(count($group) < 3) $group = array_merge($group, array_fill(count($group) - 1, 3 - count($group), new stdclass()));

    foreach($group as $cloudApp)
    {
        if(empty($cloudApp->id))
        {
            $items[] = div(setClass('flex-1 p-2 content-between flex col store-item'));
            continue;
        }

        $items[] = div
        (
            setClass('flex-1 bg-white shadow p-2 content-between flex col store-item state'),
            on::click("openUrl('" . $this->createLink('store', 'appview', "id=$cloudApp->id") . "')"),
            div
            (
                setStyle('height', '100px'),
                setClass('flex border-b border-lighter'),
                img(set::src($cloudApp->logo), setStyle(array('width' => '80px', 'height' => '80px'))),
                div
                (
                    setClass('ml-4'),
                    div($cloudApp->alias, setClass('app-name'), span($cloudApp->app_version, setClass('ml-5 label lighter rounded-full'))),
                    div($cloudApp->introduction, setClass('line-2'))
                )
            ),
            div
            (
                setClass('mt-5 flex justify-between'),
                span
                (
                    $lang->store->author,
                    span($cloudApp->author, setClass('font-semibold ml-2'))
                ),
                btn
                (
                    $lang->store->install,
                    setClass('primary btn size-sm install-btn'),
                    setData('prevent', true),
                    setData('toggle', 'modal'),
                    setData('size', 'sm'),
                    in_array($cloudApp->id, $installedApps) ? setData('confirm', $lang->store->alreadyInstalled) : null,
                    setData('url', $this->createLink('space', 'createApplication', "id={$cloudApp->id}")),
                    on::click('installApp', array('stop' => true)),
                )
            )
        );
    }

    $groups[] = div
    (
        setClass('flex gap-5 mt-5'),
        ...$items
    );
}

div
(
    setID('cloudAppContainer'),
    setClass('mb-5 flex col'),

    div
    (
        setClass('flex'),
        backBtn
        (
            set::icon('back'),
            set::back('GLOBAL'),
            setClass('ghost'),
            $lang->goback
        ),
        div(setClass('divider w-px h-5 mx-2'), setStyle('align-self', 'center')),
       featureBar
       (
            set::current($sortType),
            set::linkParams("sortType={key}"),
       ),

        toolbar
        (
            formGroup
            (
                set::name('name'),
                set::control(array
                (
                    'type'        => 'inputControl',
                    'prefixWidth' => 'icon',
                    'placeholder' => $lang->store->searchApp,
                    'value'       => $keyword,
                )),
            ),
        ),
    ),

    div(...$groups),
    count($cloudApps) ? pager(
        set::props(array('id' => 'storePager')),
        set::page($setting['page']),
        set::recTotal($setting['recTotal']),
        set::recPerPage($setting['recPerPage']),
        set::linkCreator($setting['linkCreator']),
        set::items($setting['items']),
        set::gap($setting['gap']),
    ) : null,
);

count($cloudApps) ? sidebar
(
    treeEditor
    (
        setID('storeTree'),
        set::items($tree),
        set::canSplit(false),
        set::onClickItem(jsRaw('window.treeClick')),
    )
) : null;