{namespace sg=Smply\SGUtilities\ViewHelpers}
<div xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers" xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers">
  <f:layout name="Default" />
  <f:section name="main">
    <div class="row sg-contact-person sg-contact-person-vertical">
      <f:if condition="{settings.show.picture}">
        <f:if condition="{person.picture}">
          <div class="col-sm-12">
            <sg:image treatIdAsReference="1" image="{person.picture}" title="{person.firstName} {person.lastName}" alt="{person.firstName} {person.lastName}" realCrop="false" divClass="focuspoint__small" />
          </div>
        </f:if>
      </f:if>
      <div class="col-sm-12">
        <h2 class="sg-cp-name">
          <f:if condition="{settings.show.title}">{person.title} </f:if><f:if condition="{settings.show.firstname}">{person.firstName} </f:if><f:if condition="{settings.show.lastname}">{person.lastName}</f:if>
        </h2>
        <f:if condition="{settings.show.jobtitle}">
          <f:if condition="{person.jobTitle}">
            <p class="sg-cp-paragraph sg-cp-profession">{person.jobTitle}</p>
          </f:if>
        </f:if>
        <f:if condition="{settings.show.department}">
          <f:if condition="{person.department}">
            <p class="sg-cp-paragraph sg-cp-department"><span class="label label-info">{person.department.caption}</span></p>
          </f:if>
        </f:if>
        <table class="table sg-cp-table">
          <f:if condition="{settings.show.phone}">
            <f:if condition="{person.phone}">
              <tr>
                <th>Phone</th>
                <td>{person.phone}</td>
              </tr>
            </f:if>
          </f:if>
          <f:if condition="{settings.show.fax}">
            <f:if condition="{person.fax}">
              <tr>
                <th>Fax</th>
                <td>{person.fax}</td>
              </tr>
            </f:if>
          </f:if>
          <f:if condition="{settings.show.mobile}">
            <f:if condition="{person.mobile}">
              <tr>
                <th>Mobil</th>
                <td>{person.mobile}</td>
              </tr>
            </f:if>
          </f:if>
          <f:if condition="{settings.show.email}">
            <f:if condition="{person.email}">
              <tr>
                <th>E-Mail</th>
                <td><f:link.email email="{person.email}" class=""/></td>
              </tr>
            </f:if>
          </f:if>
        </table>
        <f:if condition="{settings.show.contactid}">
          <p>Contact ID: {person.contactId}</p>
        </f:if>
        <f:if condition="{settings.show.information}">
          <f:if condition="{person.information}">
            <p class="sg-cp-paragraph"><f:format.nl2br>{person.information}</f:format.nl2br></p>
          </f:if>
        </f:if>
      </div>
    </div>
  </f:section>
</div>