<div id="verfacto-deactivate-modal" class="verfacto-modal-overlay">
    <div class="verfacto-modal-content">
    <!-- Close button -->
    <button type="button"
            id="verfacto-deactivate-cancel"
            class="verfacto-button verfacto-button--close">
        &times;
    </button>

    <!-- Section 1 -->
    <div class="verfacto-modal-section">
        <h4 style="font-size: 1.3em;margin: 1.2em 0;">Deactivating Verfacto plugin</h4>
        <p>You are temporarily deactivating the plugin for technical reasons.</p>
        <button style="display: block; margin-left: auto;" type="button"
                id="verfacto-deactivate-continue"
                class="verfacto-button verfacto-button--black">
        Continue
        </button>
    </div>

    <hr/>

    <!-- Section 2 -->
    <div class="verfacto-modal-section">
        <h4 style="font-size: 1.3em;margin: 1.2em 0;">Deactivate and remove Verfacto account</h4>
        <p>This action will put your account in a deletion state, and it will be permanently deleted in 14 days.</p>
        <form id="verfacto-deactivate-form">
        <input type="email" name="user_email" placeholder="Email" required class="verfacto-input"/>
        <input type="password" name="user_password" placeholder="Password" required class="verfacto-input"/>
        <div class="verfacto-modal-actions">
        <button type="submit"
                id="verfacto-deactivate-confirm"
                class="verfacto-button verfacto-button--black verfacto-button--with-loader">
            <span class="button-text">Confirm and delete</span>
            <span class="button-loader"><span></span><span></span><span></span></span>
        </button>
        </div>
        <div class="verfacto-error-message verfacto-error-danger ajax" style="display: none;"></div>
        <div class="verfacto-loader"></div>
        </form>
    </div>
    </div>
</div>
