<div class="card mb-3" ng-show="show != 'hidden'">
	<div class="card-header py-1" ng-class="{
		'text-white bg-primary' : show == 'default', 
		'text-white bg-success' : show == 'success', 
		'text-white bg-info'    : show == 'info',
		'bg-secondary'          : show == 'secondary',
		}">{{orgTitle}} <span class="badge badge-warning" title="It is probably related to an Institutional Dashboard" ng-show="org.persistent">persistent ID</span></div>
	<table class="table table-sm table-condensed" style="table-layout: fixed">
		<tr class="d-flex">
			<th class="col-4 pl-3">Name</th>
			<td class="col-8">{{org.name}}</td>
		</tr>
		<tr class="d-flex">
			<th class="col-4 pl-3">Type</th>
			<td class="col-8">
				<span class="pr-3">{{org.type}}</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecLegalBody">legal body</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecLegalPerson">legal person</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecNonProfit">non profit</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecResearchOrganization">research organization</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecHigherEducation">higher education</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecInternationalOrganizationEurInterests">international organization Eur interests</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecInternationalOrganization">international organization</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecEnterprise">enterprise</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecSmeValidated">sme validated</span>
				<span title="EC flags" class="badge badge-success" ng-show="org.ecNutscode">nuts code</span>
			</td>
		</tr>
		<tr class="d-flex">
			<th class="col-4 pl-3">Place</th>
			<td class="col-8">{{org.city || '-'}}, {{org.country}}</td>
		</tr>
		<tr class="d-flex">
			<th class="col-4 pl-3">Acronyms</th>
			<td class="col-8">{{org.acronyms.join(', ')}}</td>
		</tr>
		<tr class="d-flex">
			<th class="col-4 pl-3">Also known as</th>
			<td class="col-8"><span ng-repeat="n in org.otherNames">{{n.name}}<br /></span></td>
		</tr>
		<tr class="d-flex">
			<th class="col-4 pl-3">Urls</th>
			<td class="col-8"><span ng-repeat="u in org.urls"><a href="{{u}}" target="_blank">{{u}}</a><br /></span></td>
		</tr>
		<tr class="d-flex">
			<th class="col-4 pl-3">Other identifiers</th>
			<td class="col-8"><span ng-repeat="oid in org.otherIdentifiers">{{oid.id}} <b>({{oid.type}})</b><br /></span></td>
		</tr>
	</table>
</div>
