//
//  AppHeader.js
//  altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
//
//  Copyright (c) 2023 Foxster.
//  MIT License.
//

import { sourceURL } from "../utilities.js";

export const AppHeader = app => app ? `
<div class="item">
    <div class="app-header">
        <div class="content">
            <img id="app-icon" src="${app.iconURL}" alt="">
            <div class="right">
                <div class="text">
                    <p class="title">${app.name}</p>
                    <p class="subtitle">${app.developerName}</p>
                </div>
                <a href="app.html?source=${sourceURL}&id=${app.bundleIdentifier}">
                    <button class="uibutton" style="background-color: #${app.tintColor.replaceAll("#", "")};">View</button>
                </a>
            </div>
        </div>
        <div class="background" style="background-color: #${app.tintColor.replaceAll("#", "")};"></div>
    </div>
</div>` : undefined;