<%= tag.div id: "downloads-modal", "uk-modal": "", data: { releases: @releases } do %>
    <div class="uk-modal-dialog">
        <a class="uk-modal-close-default fas fa-times" type="button"></a>
        <div class="uk-modal-header">
            <h2 class="uk-modal-title">Download Exile Server Manager</h2>
        </div>

        <div class="uk-modal-body">
            <div uk-grid>
                <div class="uk-width-2-3@m uk-width-1-1">
                    <%= label_tag "Version", nil, class: "uk-form-label" %>
                    <div class="uk-form-controls">
                        <select class="uk-select" v-model="selectedVersion">
                            <option v-for="entry of releases" :value="entry.version">{{ entry.version }}</option>
                        </select>
                    </div>
                </div>
                <div>
                    <div class="uk-form-controls uk-margin-top">
                        <a :href="downloadLink" class="uk-button esm-button-confirm" target="_blank" style="margin-top: 5px">Download</a>
                    </div>
                </div>
            </div>

            <h3>How to install</h3>
            <ol>
                <li>Install @ESM mod</li>
                <ol class="uk-margin-remove">
                    <li>Extract <code>@ESM</code> and copy the directory into the root of your Arma 3 Exile server. This directory is the same directory <code>@Exile</code> and <code>@ExileServer</code> is located in</li>
                    <li>Modify your startup arguments and add <code>@ESM</code> to <code>servermod</code> startup parameter</li>
                </ol>
                <li>Modify your database</li>
                <ol class="uk-margin-remove">
                    <li>Locate and open the <code>esm.sql</code> file located in <code>@ESM</code></li>
                    <li>Execute the provided SQL on your MySQL server</li>
                    <li>Confirm the <code>territory</code> table has two new fields: <code>esm_custom_id</code> and <code>esm_payment_counter</code></li>
                </ol>
                <li>Read the server owner section of the <%= link_to "Getting Started", wiki_path %> guide</li>
            </ol>
        </div>

        <div class="uk-modal-footer uk-text-right">
            <button class="uk-button uk-button-default uk-modal-close" type="button">Close</button>
        </div>
    </div>
<% end %>