</div>
   </div>
  <div style="color: red" v-if="form_error" class="pt-2 server-error">{{form_error}}</div>
    <!-- only show preview for new records -->
    <div class="pt-4 text-sm text-green-600 py-2" v-if="form_data.subdomain && !record"> 
        <span v-if="form_data.subdomain == '@'">
        {{domain}}.messwithdns.com
        </span>
        <span v-else>
        {{form_data.subdomain}}.{{domain}}.messwithdns.com
        </span>
    </div>

    <!-- show 'cancel' and 'save' buttons for editing reco