<link rel="stylesheet" href="<%-window.libURL%>assets/css/super.customAutoLoad.css">
<div class="row">
    <div class="col-md-6">
        <div class="card bg-dark grey mt-1">
            <div class="card-header">
                <%- lang['Download Modules'] %>
            </div>
            <div class="card-body">
                <p><%- lang.moduleDownloadText %></p>
                <div class="form-group">
                    <select class="form-control" id="moduleQuickSelect">
                        <% [

                        ].forEach((option) => { %>
                            <option value="<%- option.value %>"><%- option.label %></option>
                        <% }) %>
                    </select>
                </div>
                <div><button id="moduleQuickSelectExec" class="btn btn-round btn-block btn-default mb-0"><i class="fa fa-download"></i> <%- lang.Download %></button></div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <form class="card bg-dark grey mt-1" id="downloadNewModule">
            <div class="card-body">
                <div class="form-group">
                    <input type="text" placeholder="<%- lang['Download URL for Module'] %> (.zip)" class="form-control" name="downloadUrl" />
                </div>
                <div class="form-group">
                    <input type="text" placeholder="<%- lang['Subdirectory for Module'] %> (<%- lang['Inside the downloaded package'] %>)" class="form-control" name="packageRoot" />
                </div>
                <div><button type="submit" class="btn btn-round btn-block btn-default mb-0"><i class="fa fa-download"></i> <%- lang.Download %></button></div>
            </div>
        </form>
    </div>
</div>
<div class="pt-4 pb-0 m-0" id="customAutoLoadList">

</div>
<script src="<%-window.libURL%>assets/js/super.customAutoLoad.js" type="text/javascript"></script>
