<!--
/* Copyright (C) 2019 Intel Corporation.  All rights reserved.
 * SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
 */
-->

{% load static %}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">

    <title> Wasm-Micro-Runtime </title>
    <link rel="stylesheet" type="text/css" href="{%static 'css/appstore.css'%}"/> 

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>

<body  style="background-color:rgb(240, 240, 240)">
                				
<div id="container" style="background-image: url('{%static 'photo//totalblack.png'%}')">
    <div id="content">
        <div id= "mainnav">
            <ul>
                <li ><a href="https://github.com/intel/wasm-micro-runtime">GitHub</a></li>
                <li ><a href="/">Devices</a></li>
                <li ><a href="/appstore/">App Store</a></li>
                <li ><a href="/help/">Help</a></li>
            </ul>  
        </div>
    </div>
    <div class="headers" style="background-image: url('{%static 'photo/milky-way-2695569_1280.jpg'%}')">
        <h1 id="maintitle">WebAssembly Micro Runtime - APP Store Demo</h1>
    </div>
</div>
<!-- <div id="introinfo"></div> -->
<!-- <div class="style-one"></div> -->

<div class="deletebox" style="display:none;">
        <div class="warning2">Dialog Box</div>
            <div class="findapp"> APP </div>
        <button class="suresbtn" type="button" value="sure">OK</button>
        <button class="delsbtn" type="button" value="Cancel">Cancel</button>
</div>

 <div id = "introstore">
    <div id="applicationlist">
        <div class="bar">
            <div class="leftpart">The products </div>
            <div style="position:relative; float:left; left:50px; font-size:14px; height:50px; top:10px;">Application List</div>
            <div class="rightpart">
                <form action="/upload" method = "POST" enctype="multipart/form-data">
                    {%csrf_token%}
                    <div class="stylehere">
                        <input type ="file" required name="myfile" class = "file">
                        <a href="#" class="choosestyle">Choose File</a>
                    </div>                
                    <div class="stylehere">
                        <input type="submit" value = "upload" class="btn btn-info">
                    </div>
                </form>
            </div>
        </div>
        <div class = "appbook">
                <div id="applications">
                    <div id="appimage" ><img class="mysoftware" src="{%static 'photo/software-icon-32081.png'%}" ;height="50" width="40"/></div>
                    <p id="appinfo1" style="position:relative; font-size:15px;width:35%; height:25px; float:left; left:5%;">    Product Name:   </p>
                    <p id="appinfo2" style="position:relative; font-size:15px;width:30%; height:25px; float:left; left:5%;">   Product Version:   </p>
                    <p id="lable" style="position:relative;font-size:11px;font-family:'logo';width:10%; height:25px; float:left; left:5%;">   Preloaded Apps   </p>  
                    <button id="delbutton" type="button" style="position: relative; height:25px; float:left; left:5%;" onclick="deleteClick(this)" method = "get" name="delete">Remove</button>                        
                </div>
            </div>
            <br>
        </div>
    </div>
</div> 

<footer class="footer">
    Copyright&copy; intel.com
</footer>

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>  
<script>
var elist = {{staticlist|safe}}/*saves all the apps that preloaded and are not able to be removed from applestore*/
var flist = {{flist|safe}} /*a list of locally uploaded apps installed by users*/
var ulist = {{ulist|safe}} /*Declare about is the app avaliable for uploading to the appstore: wasm_file OR preloaded already*/
</script>
<script type="text/javascript" src="{%static 'js/appstore.js'%}"></script>

</body>

</html>

