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

@section('content')
	<section class="app-container" xmlns="http://www.w3.org/1999/html">
		<div class="hidden-xs edit-account-button text-right">
			<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 col-sm-10 col-md-offset-1">
					<div class="full-window-height clearfix">
						<div class="block-align-response">
							<div class="my-profile-info-container">
								@if(!empty($profile))
									<div class="heading text-center">
										<span>{{ Auth::user()->name }}, your profile is: </span>
										<h2>{{ $profile->name }}</h2>
									</div>
									<div class="description text-center">
										<span>Profile description: </span>
										<h2>{{ $profile->description }}</h2>
									</div>
									@if(!$profile->images->isEmpty())
										<div class="profile-image text-center">
											<img src="/uploads/modules/profile/entities/profile/{{ $profile->id }}/{{ $profile->files->first()->name }}" alt="Image" />
										</div>
									@endif
								@else
									<div class="heading text-center no-my-profile-found">
										<span>Hello, {{ Auth::user()->name }}. You haven't got any profile yet.</span>
									</div>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection