<div id="add-mod" uk-modal="bg-close:false">
    <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">Add a new mod</h2>
        </div>
        <div class="uk-modal-body">
            <form class="uk-form-stacked" uk-grid>
                <div class="uk-width-2-3@l uk-width-1-1">
                    <label class="uk-form-label" for="form-stacked-text">Name</label>
                    <div class="uk-form-controls">
                        <input class="uk-input" type="text" placeholder="@Exile" v-model="mod.mod_name">
                    </div>
                </div>
                <div class="uk-width-1-3@l uk-width-1-1">
                    <label class="uk-form-label" for="form-stacked-text">Version</label>
                    <div class="uk-form-controls">
                        <input class="uk-input" type="text" placeholder="1.0.4" v-model="mod.mod_version">
                    </div>
                </div>
                <div class="uk-width-2-3@l uk-width-1-1">
                    <label class="uk-form-label" for="form-stacked-text">Download Link</label>
                    <div class="uk-form-controls">
                        <input class="uk-input" type="text" placeholder="https://www.exilemod.com/downloads" v-model="mod.mod_link">
                    </div>
                </div>
                <div class="uk-width-1-3@l uk-width-1-1">
                    <label class="uk-form-label" for="form-stacked-text">Mod Required?</label>
                    <div class="uk-form-controls uk-form-controls-text">
                        <label><input class="uk-checkbox" type="checkbox" v-model="mod.mod_required"> Required</label>
                    </div>
                </div>
                <div class="uk-width-1-3@l">
                    <button class="uk-button esm-button uk-width-1-1@s" type="button" :disabled="disableModPersistButton" @click="addMod">Add Mod</button>
                    <button class="uk-button esm-button-danger uk-modal-close uk-width-1-1  uk-hidden@l uk-margin-top" type="button">Close</button>
                </div>
            </form>
        </div>
        <div class="uk-modal-footer">
            <small>You can always modify a mod by clicking the pencil or via the "Modify a Server" section</small>
        </div>
    </div>
</div>