<label th:text="#{comment.comment}" class="form-control-placeholder" th:for="comment"></label>
                            <div th:if="${#fields.hasErrors('comment')}" class="invalid-feedback" th:errors="*{comment}"></div>
                        </div>
                        <div class="form-group">
                            <input th:field="*{tmpFileId}" id="tmpFileId" class="form-control" th:errorclass="is-invalid" hidden>
                            <div th:if="${#fields.hasErrors('tmpFileId')}" class="invalid-feedback" th:errors="*{tmpFileId}"></div>
                        </div>
                        <div class="form-group">
                            <input th:field="*{fileName}" class="form-control" id="fileName" th:errorclass="is-invalid" readonly>
                            <label th:text="#{comment.screenshot}" class="form-control-placeholder" th:for="fileName"></label>
                        </div>
                        <div class="form-group">
                            <label id="upload-file-label-1" class="input-file-label" for="upload-file-1">
                                <i class="fa fa-upload"></i>
                                <strong id="new-file-filename">Vyberte soubor...</strong>
                            </label>
                            <input type="file" name="upload-file-1" id="upload-file-1" hidden th:onchange="'javascript:uploadFile1Changed()'">
                        </div>
                        <div class="row">
                            <div class="col"></div>
                            <div class="col-auto">
                                <button class="btn btn-primary" type="submit" data-toggle="tooltip" th:title="#{common.save}">
                                    <span th:text="#{common.send}"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

$('#upload-file-label-1').on({
            'drop': handleDroppedFile1,
            'dragenter': function(e) { e.preventDefault(); },
            'dragover': function(e) {
                e.preventDefault();
                this.classList.add('dragged-over');
            }
        })
            .on('dragleave dragexit', function() {
                this.classList.remove('dragged-over')
            });

}
        }
    </script>
</body>
</html>