<div id="file_edit_window">
    <?= $aside_template->render() ?>
    <div id="file_management_forms">
        <form method="post" data-dialog class="default"
              action="<?= PluginEngine::getURL(NextcloudPlugin::class, [], 'file/edit/' . $file->getId()) ?>">
            <?= CSRFProtection::tokenTag() ?>
            <fieldset>
                <legend><?= dgettext('NextcloudPlugin', 'Datei bearbeiten') ?></legend>
                <label>
                    <?= dgettext('NextcloudPlugin', 'Name') ?>
                    <input id="edit_file_name" type="text" name="name"
                           value="<?= htmlReady($name) ?>">
                </label>
            </fieldset>
            <footer data-dialog-button>
                <?= Studip\Button::createAccept(dgettext('NextcloudPlugin', 'Speichern'), 'save') ?>
                <?= Studip\LinkButton::createCancel(
                    dgettext('NextcloudPlugin', 'Abbrechen'),
                    $controller->url_for((in_array($folder->range_type, ['course', 'institute']) ? $folder->range_type . '/' : '') . 'files/index/' . $folder->id)
                ) ?>
            </footer>
        </form>
    </div>
</div>

<script>
    //On focus on the edit file name input field, the whole file name but the
    //extension shall be selected. This can't be done with jQuery directly!

    jQuery('#edit_file_name').focus(function() {
        //select the whole file name, but the file extension
        var text = $(this).val(),
            //get start position of extension:
            extension_start_pos = text.lastIndexOf('.');

        $(this).setSelection(0, extension_start_pos);
    });

</script>