@extends('layouts.app')

@section('content')

<div class="container">
	<div class="row justify-content-center">
		<div class="col-md-8">
			<div class="card">
				<div class="card-body d-flex justify-content-center">
					<div class="card" style="width: 18rem;">
					@if($profileUrl != '')
					<a href="{{route('Editprofile')}}"><img src="{{$profileUrl}}" class="card-img-top" alt="..."></a>
					@else
					<a href="{{route('Editprofile')}}"><img src="{{asset('images/avatar.png')}}" class="card-img-top" alt="..."></a>
					@endif
					<div class="card-body">
					<p class=" d-flex justify-content-center"><b>{{$User->name}}</b></p>					
					</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


@if($PersonalInformations)
		@foreach($PersonalInformations as $PersonalInformation)
		<div class="container" style="padding-top:20px;">
			<div class="row justify-content-center">
				<div class="col-md-8">
				<div class="card">
				<h5 class="card-header">{{$PersonalInformation->addresstype->address_type}}</h5>
				<div class="card-body">
					<div class="row">
						<div class="col-6 col-lg-6">
							<h6 class="card-title"><b>House No./Name</b></h6>
						</div>
						<div class="col-6 col-lg-6">
							<h6 class="card-title">:<span> {{$PersonalInformation->housename}}</span></h6>
						</div>
					</div>
					<div class="row">
						<div class="col-6 col-lg-6">
							<h6 class="card-title"><b>Street</b></h6>
						</div>
						<div class="col-6 col-lg-6">
							<h6 class="card-title">:<span> {{$PersonalInformation->street}}</span></h6>
						</div>
					</div>
					<div class="row">
						<div class="col-6 col-lg-6">
							<h6 class="card-title"><b>Landmark</b></h6>
						</div>
						<div class="col-6 col-lg-6">
							<h6 class="card-title">:<span> {{$PersonalInformation->landmark}}</span></h6>
						</div>
					</div>
					<div class="row">
						<div class="col-6 col-lg-6">
							<h6 class="card-title"><b>State</b></h6>
						</div>
						<div class="col-6 col-lg-6">
							<h6 class="card-title">:<span> {{$PersonalInformation->state}}</span></h6>
						</div>
					</div>
					<div class="row">
						<div class="col-6 col-lg-6">
							<h6 class="card-title"><b>City</b></h6>
						</div>
						<div class="col-6 col-lg-6">
							<h6 class="card-title">:<span> {{$PersonalInformation->city}}</span></h6>
						</div>
					</div>
					<div class="row">
						<div class="col-6 col-lg-6">
							<h6 class="card-title"><b>Pin</b></h6>
						</div>
						<div class="col-6 col-lg-6">
							<h6 class="card-title">:<span> {{$PersonalInformation->pin}}</span></h6>
						</div>
					</div>
					<div class="row">
						<div class="col-4 col-lg-4">							
						</div>
						<div class="col-4 col-lg-4">							
						</div>
						<div class="col-4 col-lg-4">
						<a href="{{route('PersonalInformation.edit',$PersonalInformation->id)}}" class="btn btn-info">Edit</a>
						</div>
					</div>
				</div>
				</div>
				</div>
			</div>
		</div>
@endforeach
@endif

@endsection