{{#with employee}}
<div class="collection" style="border: none;">
    <div class="collection-item" style="position: relative">
        <center>
            {{#if pictureID}}
            <img src="http://www.campus.rwth-aachen.de/rwth/all/lecturerPicture.asp?gguid={{pictureID}}" style="left: 50%; display: block; width: 100%; max-width: 180px;">
            {{else}}
            <img id="userPic" src="img/Empty_Image.png" style="left: 50%; display: block; width: 100%; max-width: 180px;">
            {{/if}}
        </center>
        <center style="font-weight: bold;">{{displayname}}</center>
    </div>
    <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="{{website}}">
        <div class="col s3"><i class="material-icons" style="padding-top:5px;">language</i></div>
        <div class="col s9">{{unit}}</div>
    </a>
    <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="tel:{{phone}}">
        <div class="col s3"><i class="material-icons" style="padding-top:5px;">phone</i></div>
        <div class="col s9">{{phone}}</div>
    </a>
    <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="mailto:{{email}}">
        <div class="col s3"><i class="material-icons" style="padding-top:5px;">email</i></div>
        <div class="col s9">{{email}}</div>
    </a>
    <a class="collection-item waves-effect open-external row" style="width:100%;padding:10px 0px;" href="{{mapLink}}">
        <div class="col s3"><i class="material-icons" style="padding-top:5px;">navigation</i></div>
        <div class="col s9">{{street}} {{zip}} {{city}}{{#if room}} {{langString "campus.details.employees.room"}}: {{room}}{{/if}} {{#if consultation}}<p>({{langString "campus.details.employees.consultation"}}: {{consultation}})</p>{{/if}}</div>
    </a>
</div>
{{/with}}
