<div class="remodal"
     data-remodal-id="reinstall-package"
     data-remodal-options="hashTracking: false">
    <form>
        <div class="reinstall-package-confirm">
            <h1>{{ "PLUGIN_ADMIN.REINSTALL_THE"|t(("PLUGIN_ADMIN." ~ type|upper)|t) }}</h1>
            <p class="bigger">
                {{ "PLUGIN_ADMIN.CONFIRM_REINSTALL"|t(("PLUGIN_ADMIN." ~ type|upper)|t) }}
            </p>
            <p class="bigger hidden warning-reinstall-not-latest-release">
                {{ "PLUGIN_ADMIN.WARNING_REINSTALL_NOT_LATEST_RELEASE"|t }}
            </p>

            <div class="button-bar">
                <button data-remodal-action="cancel" class="button secondary remodal-cancel"><i class="fa fa-fw fa-close"></i> {{ "PLUGIN_ADMIN.CANCEL"|t }}</button>

                <button data-{{ type }}-action="reinstall-package"
                        data-package-slug="{{ package.slug }}"
                        data-package-type="{{ package.package_type }}"
                        data-package-name="{{ package.name }}"
                        data-package-current-version="{{ package.version }}"
                        class="button"><i class="fa fa-fw fa-check"></i> {{ "PLUGIN_ADMIN.CONTINUE"|t }}</button>

                <div class="spinning-wheel hidden">
                    {{ "PLUGIN_ADMIN.INSTALLING"|t }}.. <i class="fa fa-spinner fa-spin"></i>
                </div>
            </div>
        </div>

        <div class="reinstall-package-done hidden">
            <h1>{{ "PLUGIN_ADMIN.REINSTALLED_SUCCESSFULLY"|t(("PLUGIN_ADMIN." ~ type|upper)|t) }}</h1>
        </div>

        <div class="reinstall-package-error hidden">
            <h1>{{ "PLUGIN_ADMIN.ERROR_REINSTALLING_THE"|t(("PLUGIN_ADMIN." ~ type|upper)|t) }}</h1>
        </div>
    </form>
</div>
