@extends('dashboard::layouts.app')

@section('content')
	<section class="app-container" xmlns="http://www.w3.org/1999/html">
		{{--<div class="edit-account-button text-right back-to-account-from-badges">--}}
			{{--<a href="{{ route('app.account') }}" class="form-control-app button-app button-app-two">BACK TO ACCOUNT</a>--}}
		{{--</div>--}}
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="my-badges-info-container">
						@if(!$profiles->isEmpty())
							<div class="row">
								@foreach($profiles as $profile)
									<div class="col-md-2 col-sm-3 col-xs-6">
										<a class="badge-container text-center" href = "{{ route('app.profile', $profile->id) }}">
											<div class="heading">
												{{ $profile->name }}
											</div>
											@if(!$profile->files->isEmpty())
												<div class="image">
													<img src="/uploads/modules/profile/entities/profile/{{ $profile->id }}/{{ $profile->files->first()->name }}" alt="Image" />
												</div>
											@else
												<div class="no-image-available">No Image Available</div>
											@endif
										</a>
									</div>
								@endforeach
							</div>
						@else
							<div class="full-window-height clearfix">
								<div class="block-align-response text-center">
									<span class="no-badges-found">
										Hello, {{ Auth::user()->name }}, you haven't got any profiles yet.
									</span>
								</div>
							</div>
						@endif
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection