@extends('layouts.app')
@section('title', trans('menu.schedule_title'))

@section('content')
<div class="content">
	<x-content.header title="{{ __('schedules.locations') }}" />
		<div class="row flex-grow">
		@foreach($locations as $key => $location)
			<div class="col-sm-4 grid-margin stretch-card">

				<div class="card d-flex align-items-center">
					<div class="card-body">
						<a href="{{route('schedules.index')}}?location={{ $location->id }}">
							<div class="d-flex flex-row align-items-center">

								@if(getMediaUrl($location, 'featured_image', 'medium') == asset('images/placeholder.png'))
									<i class="mdi mdi-bank text-info icon-lg"></i>
								@else
									<img src="{{getMediaUrl($location, 'featured_image', 'medium')}}" class='rounded-circle h-[80px] w-[80px]'>
								@endif
								<div class="ml-3">
									<h6 class="text-info">{{$location->name}}</h6>
									<p class="mt-2 text-muted card-text">@if(isset($location->description)){{$location->description}}@endif</p>
								</div>
							</div>
						</a>
					</div><!-- /.box-body -->
				</div>

			</div>
		@endforeach
	</div>
</div>
@stop