'use strict';

var MockDetailsDom = '<section id="view-contact-details" role="region" class="view view-right view-contact-profile">' +
        '<gaia-header id="details-view-header" action="back">' +
          '<h1 id="contact-name-title"><bdi></bdi></h1>' +
          '<button id="edit-contact-button" data-icon="edit-contact" data-l10n-id="editButton"></button>' +
        '</gaia-header>' +
        '<article id="contact-detail-wrapper" class="view-body">' +
          '<div id="cover-img"></div>' +
            '<section id="contact-detail" class="view-body-inner">' +
              '<!-- Phone Template -->' +
              '<li data-phone id="phone-details-template-#i#" data-template>' +
                '<h2>#type# <span class="carrier">#carrier#</span></h2>' +
                '<div class="item">' +
                  '<div class="item-media pull-right">' +
                    '<button id="send-sms-button-#i#" class="activity send-sms icon icon-message"></button>' +
                  '</div>' +
                  '<div class="item-body-exp">' +
                    '<button class="activity icon icon-call" id="call-or-pick-#i#">' +
                      '<b>' +
                        '#value#' +
                      '</b>' +
                    '</button>' +
                  '</div>' +
                '</div>' +
              '</li>' +

              '<!-- Dates template -->' +
                '<li id="dates-template-#i#" data-template>' +
                  '<h2>#type#</h2>' +
                  '<p><strong>#date#</strong></p>' +
                '</li>' +

              '<!-- Email Template -->' +
              '<li data-mail id="email-details-template-#i#" data-template>' +
                '<h2>#type#</h2>' +
                '<div class="item">' +
                  '<div class="item-body-exp">' +
                    '<button id="email-or-pick-#i#" class="activity icon icon-email">' +
                      '<b>#value#</b>' +
                    '</button>' +
                  '</div>' +
                '</div>' +
              '</li>' +
              '<!-- Social Template -->' +
              '<li data-social class="social-actions" id="social-template-#i#" data-template>' +
                '<h2 data-l10n-id="social-network" id="social-label">Social Network</h2>' +
                  '<div class="fillflow-twocols">' +
                    '<button id="msg_button" data-l10n-id="msg-send" class="activity icon icon-message">' +
                      'Message' +
                    '</button>' +
                    '<button id="wall_button" data-l10n-id="wall-post" class="activity icon icon-email">' +
                      'Wall Post' +
                    '</button>' +
                  '</div>' +
                  '<button id="profile_button" data-l10n-id="show-fb-profile" class="fillflow-row activity icon icon-fb-profile">' +
                    'View Facebook profile' +
                  '</button>' +
                  '<button id="link_button" class="activity icon icon-link">' +
                    '#action#' +
                  '</button>' +
                  '<button id="share_button" class="activity icon icon-share">' +
                    'Share' +
                  '</button>' +
              '</li>' +
              '<li class="duplicate-actions" id="duplicate-contacts-template" data-template>' +
                '<h2 data-l10n-id="duplicate-contacts">Organise Contacts</h2>' +
                '<button id="find-merge-button" data-l10n-id="find-merge-contacts" class="activity no-icon">' +
                  'Find duplicate contacts' +
                '</button>' +
              '</li>' +
              '<!-- Address Template -->' +
              '<li data-address id="address-details-template-#i#" data-template>' +
                '<h2>#type#</h2>' +
                '<div class="item">' +
                  '<div class="item-body-exp">' +
                    '<a href="#" class="action action-block">' +
                      '<span role="button" class="icon-address bb-button" data-l10n-id="legendAddress">Address</span>' +
                      '<b>' +
                      '<span>#streetAddress#</span>' +
                        '#postalCode#' +
                        '#locality#' +
                        '#countryName#' +
                      '</b>' +
                    '</a>' +
                  '</div>' +
                '</div>' +
              '</li>' +
              '<!-- Comment Template -->' +
              '<p data-comment id="note-details-template-#i#" data-template class="comment-notes">#note#</p>' +
              '<div id="contact-detail-inner">' +
                '<h1 id="org-title"></h1>' +
                '<ul id="details-list">' +
                  '<!-- Iterating mails, phones, addresses adn comments here -->' +
                '</ul>' +
                '<ul>' +
                  '<li>' +
                    '<button id="toggle-favorite" class="fillflow-row icon icon-fav">' +
                      'Add as favorite' +
                    '</button>' +
                  '</li>' +
                '</ul>' +
              '</div>' +
            '</section>' +
        '</article>' +
      '</section>' +
      '<gaia-sim-picker id="sim-picker" tabindex="-1"></gaia-sim-picker>';