@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(!$badges->isEmpty())
							<div class="row">
								@foreach($badges as $badge)
									<div class="col-md-2 col-sm-3 col-xs-6">
										<div class="badge-container text-center">
											<div class="heading">
												{{ $badge->title }}
											</div>
											@if(!$badge->files->isEmpty())
												<div class="image">
													<img src="/uploads/modules/badge/entities/badge/{{ $badge->id }}/{{ $badge->files->first()->name }}" alt="Image" />
												</div>
											@endif
										</div>
									</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 badges yet.
									</span>
								</div>
							</div>
						@endif
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection