<header class="header" ng-controller="HeaderController as hc">
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="logo col-12 col-sm">
				<img src="images/logo.svg" class="img-responsive" alt="The Wealth Matrix">
            </div>
            <div class="col-12 col-sm">
                <div class="row justify-content-sm-center align-items-center">
                    <?php if (!$hideLanguageDropdown) { ?>
						<div class="language-holder col-sm-auto">
							<div class="dropdown">
								<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
									<span ng-repeat="item in hc.languages">
										<span ng-show="item.code == hc.activeLanguage" style="cursor: pointer;">
											<img style="width: 35px;" ng-src="{{item.flagPath}}"/> {{item.name}}
										</span>
										<span class="caret"></span>
									</span>
								</button>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu1" style="padding: 10px;">
									<li ng-repeat="item in hc.languages">
										<a ng-href="{{item.locationPrefix}}" style="cursor: pointer; text-decoration: none;"><img style="max-width: 25px;" ng-src="{{item.flagPath}}"/> {{item.name}}</a>
									</li>
								</ul>
							</div>
						</div>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</header>