{{#with data}}
<div class="row ">
	<a id="{{@root/dom/aSchoolName}}">
		<div class="col-lg-5 col-xs-12">
			<strong class="paint-first-font school-name theme-main-font">{{name}}</strong>
			<span class="context text-nowrap school-range">{{gradeRange}}</span><br />

			<span class="context school-district">{{district.name}}</span>

		</div>
		<div class="col-lg-5 col-xs-8 paint-first-font">
			{{#if rating.raw}}
			<div class="progress school-item-progress" >
				<div class="progress-bar school-item-progress-bar paint-first-background" role="progressbar"
					 aria-valuenow="{{rating.raw}}" aria-valuemin="0" aria-valuemax="10" style="width:{{rating.raw}}0%;">
				</div>
			</div>

			{{else }}
			RATING NOT AVAILABLE
			{{/if}}


		</div>
		{{#if rating.raw}}
		<div class="col-sm-4 col-lg-2 text-right">
			<span class="school-ranking paint-first-font">{{rating.raw}}</span> <span>/ 10</span>
		</div>
		{{/if}}
	</a>
</div>
{{/with}}