{% set category = category|default(null) %}
{% set location = location|default(null) %}
{% set major    = major|default(null)    %}

<div class="card mb-3 school shadow-sm">
	<div class="card-header bg-white">
		<div class="row position-relative">
            <a class="name col-md fw-bold text-primary" data-rank="{{ rank }}" data-id="{{ school.id }}" href="{{ path('app_school', {'slug': school.slug }) }}">{{ school.name }}</a>
			<div class="col-md-auto"><i class="fas fa-map-marker-alt me-1 text-muted"></i> {{ school.city }}, {{ school.state }}</div>
		</div>
	</div>
	{{ include('widget/school/image.html.twig', { school: school }, with_context=false) }}
	<div class="card-body bg-light">
		<div class="row">
			{{ include('widget/school/block.html.twig', {name: 'primary', type: 'school', school: school, category: category, location: location, major: major}, with_context=false) }}
		</div>
		<div class="row">
			<div class="col-md text-center text-md-start py-2">
				<span class="review-stars">
					<span class="star-rating">
						<i class="stars"></i>
						<span class="star-over" style="width: {{ school.rating|default(0) / 5 * 100}}%;">
							<i class="stars filled"></i>
						</span>
					</span>
					<span class="rating-text" itemprop="ratingValue">{{ school.rating|default(0) }}</span>
				</span>
				<span class="review-count text-primary"><a href="{{ path('app_school', {'slug': school.slug}) }}#reviews">Based on {{ school.reviews|default(0) }} Reviews</a></span>
			</div>
			<div class="col-md text-center text-md-end">
				<a href="{{ path('app_school', {'slug': school.slug}) }}" class="btn btn-warning fw-light">Learn More</a>
			</div>
		</div>
	</div>
</div>