<div class="container-fluid newsitem">
    <div class="row">
        <div class="col-sm-3">
            <div class="news-author wt-pagecontrol hidden-xs"
                 wizdom365-news-author
                 size="large"
                 date="item.startDate"
                 author="(item.alternateAuthor || item.author)"
                 is-alternate-author="(item.alternateAuthor ? true : false)"></div>
            <div class="wt-pagecontrol visible-xs"
                 wizdom365-news-author
                 size="small"
                 date="item.startDate"
                 author="(item.alternateAuthor || item.author)"
                 is-alternate-author="(item.alternateAuthor ? true : false)"></div>

            <div class="container-fluid wd-noticeboard">
                <div class="row">
                    <div class="col-sm-12 item-socialbar text-center">
                        <span wizdom365-item-social-container
                              item="item"
                              itemid="item.id"
                              itemtype="item"
                              tooltipposition="bottom"
                              template-url="view.extendedProperties.socialSummaryTemplate"
                              ng-if="(socialFeatureEnabled && ((item.metadata.allowComments == null && enableSocialOnItemByDefault) || item.metadata.allowComments))">
                        </span>

                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-9 newsitem-top">
            <h1>{{item.heading}}</h1>
            <span class="channel" ng-repeat="channel in item.channels">
                {{channel.name}}
                <span ng-if="!$last">, </span>
            </span>
            <hr />
            <div class="word-break">
                <img ng-click="showPicture(item.metadata.picture)" style="margin-right: 10px; max-width: 100%"
                     class="newsitem-img pull-left img-thumbnail img-responsive cursor-pointer" ng-show="item.metadata.picture"
                     ng-src="{{item.metadata.picture}}"
                     alt="..." />
            </div>
            <div class="newsitem-content wt-wordBreak fr-view" ng-bind-html="(item.content | wizdom365TrustHtml)"></div>

            <div class="form-group" ng-repeat="field in item.contentType.metaData.fields | filter : {isBuiltIn: false} | orderBy:'sortOrder'">
                <div><b>{{field.label | translate}}</b></div>
                <div ng-switch="field.type">
                    <div ng-switch-when="text">{{item.metadata.fieldValues[field.key]}}</div>
                    <div ng-switch-when="textarea" class="newsitem-content wt-wordBreak fr-view" ng-bind-html="(item.metadata.fieldValues[field.key] | wizdom365TrustHtml)"></div>
                    <div ng-switch-when="html" class="newsitem-content wt-wordBreak fr-view" ng-bind-html="(item.metadata.fieldValues[field.key] | wizdom365TrustHtml)"></div>
                    <div ng-switch-when="number">{{item.metadata.fieldValues[field.key]}}</div>
                    <div ng-switch-when="date" class="wtsite-pagemodified-editeddate">{{ item.metadata.fieldValues[field.key] | date: 'mediumDate' }}</div>
                    <div ng-switch-when="checkbox" class="checkbox"><label><input type="checkbox" ng-model="item.metadata.fieldValues[field.key]" /></label></div>
                    <div ng-switch-when="radio">{{item.metadata.fieldValues[field.key]}}</div>
                    <div ng-switch-when="select" ng-if="!field.allowMultiple">{{item.metadata.fieldValues[field.key]}}</div>
                    <div ng-switch-when="select" ng-if="field.allowMultiple" ng-repeat="value in item.metadata.fieldValues[field.key]">{{value}}</div>

                    <div ng-switch-when="image" class="word-break">
                        <img ng-click="showPicture(item.metadata.fieldValues[field.key])" style="margin-right: 10px; max-width: 100%"
                             class="newsitem-img pull-left img-thumbnail img-responsive cursor-pointer" ng-show="item.metadata.fieldValues[field.key]"
                             ng-src="{{item.metadata.fieldValues[field.key]}}"
                             alt="..." />
                    </div>
                    <div ng-switch-when="principals" ng-repeat="author in item.metadata.fieldValues[field.key]">
                        <a ng-href="{{author.displayNameLink}}">{{author.displayName}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
