<div class="pull-left">
    <a href="#/apps/install" class="btn btn-default slide back"><span class="glyphicon glyphicon-chevron-left"></span> App list</a>
</div>
<div class="clearfix"></div>
<div class="view-title">Install {{manifest.name}}</div>

<div class="br"></div>

<form action="#/apps" method="POST" class="form-horizontal">

<ul class="list-group">
    <li class="list-group-item">
        <div class="row">
            <div class="col-sm-3 text-right hidden-xs"><strong>ID</strong></div>
            <div class="col-sm-3 visible-xs"><strong>ID</strong></div>
            <div class="col-sm-9"> {{manifest.id}}</div>
        </div>
    </li>
    <li class="list-group-item">
        <div class="row">
            <div class="col-sm-3 text-right hidden-xs"><strong>Description</strong></div>
            <div class="col-sm-3 visible-xs"><strong>Description</strong></div>
            <div class="col-sm-9"> {{manifest.description.en}}</div>
        </div>
    </li>
</ul>
<br>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="form-group">
            <label for="label" class="col-sm-12">Label for {{manifest.name}}</label>
            <div class="col-sm-12">
                <input type="text" name="label" class="form-control" value="{{manifest.name}}" required>
            </div>
        </div>
        {{#manifest.arguments.install}} 
        <div class="form-group">
            <label for="{{name}}" class="col-sm-12">{{ask.en}}</label>
            <div class="col-sm-12">
                <input type="text" name="{{name}}" class="form-control" value="{{default}}" placeholder="{{example}}" required>
            </div>
        </div>
        {{/manifest.arguments.install}}
        <hr>
        <input type="hidden" name="app" value="{{manifest.id}}">
        <div class="text-center">
            <input type="submit" class="btn btn-success slide back" value="Install">
        </div>
    </div>
</div>

</form>
