@extends('frontend.layouts.master')

@section('title', $user->name)

@section('content')

				<section class="module-page-title">
					<div class="container">
						<div class="row-page-title">
							<div class="page-title-captions">
								<h1 class="h5">{{ $user->name }}</h1>
							</div>
							<div class="page-title-secondary">
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="{{ route('frontend.index') }}">Home</a></li>
									<li class="breadcrumb-item"><a href="#">Account</a></li>
								</ol>
							</div>
						</div>
					</div>
				</section>
				<section class="module">
					<div class="container">
						<div class="row">
							<div class="col-md-3 col-sm-12 justify-content-center">
								<img src="{{ $user->image_half_url }}" alt="{{ $user->name }}" class="rounded mx-auto d-block m-b-10">

								@if ($errors->has('file'))
									<div class="alert alert-danger alert-dismissible fade show" role="alert">
										<strong>Error!</strong> {{ $errors->first('file') }}
										<button type="button" class="close" data-dismiss="alert" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
									</div>
								@endif

								<form class="text-center" method="post" action="{{ route('frontend.account.avatar.update') }}" enctype="multipart/form-data">

									{{ csrf_field() }}
									{!! method_field('patch') !!}

									<label class="btn btn-sm btn-primary btn-file">
										Select New Avatar<input type="file" name="file" style="display: none;" onchange="this.form.submit()">
									</label>
								</form>
								<form class="text-center" method="post" action="{{ route('frontend.account.avatar.destroy') }}">

									{{ csrf_field() }}
									{!! method_field('delete') !!}

									<button type="submit" class="btn btn-sm btn-danger">Delete Avatar</button>
								</form>
							</div>
							<div class="col-md-9 col-sm-12">
								<ul class="nav nav-tabs">
									<li class="nav-item">
										<a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Profile</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" id="password-tab" data-toggle="tab" href="#password" role="tab" aria-controls="password" aria-selected="false">Password</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" id="social-connections-tab" data-toggle="tab" href="#social-connections" role="tab" aria-controls="social-connections" aria-selected="false">Social Connections</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" id="notifications-tab" data-toggle="tab" href="#notifications" role="tab" aria-controls="notifications" aria-selected="false">Notifications</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
										<form method="POST" action="{{ route('frontend.account.profile.update') }}">

											{{ csrf_field() }}
											{!! method_field('patch') !!}

											<div class="form-group row">
												<label for="name" class="col-md-3 col-form-label">Display Name</label>
												<div class="col-md-9">
													<input type="text" name="name" id="name" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" value="{{ old('name') ? old('name') : $user->name }}" >
													@if ($errors->has('name'))<div class="invalid-feedback" role="alert">{{ $errors->first('name') }}</div>@endif
												</div>
											</div>

											<div class="form-group row">
												<label for="email" class="col-md-3 col-form-label">E-Mail</label>
												<div class="col-md-9">
													<input type="text" name="email" id="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" value="{{ old('email') ? old('email') : $user->email }}" disabled>
													@if ($errors->has('email'))<div class="invalid-feedback" role="alert">{{ $errors->first('email') }}</div>@endif
												</div>
											</div>

											<div class="form-group row">
												<label for="location" class="col-md-3 col-form-label">Location (Optional)</label>
												<div class="col-md-9">
													<input type="text" name="location" id="location" class="form-control {{ $errors->has('location') ? 'is-invalid' : '' }}" value="{{ old('location') ? old('location') : $user->location }}" >
													@if ($errors->has('location'))<div class="invalid-feedback" role="alert">{{ $errors->first('location') }}</div>@endif
												</div>
											</div>

											<div class="form-group row">
												<label for="bio" class="col-md-3 col-form-label">About Me (Optional)</label>
												<div class="col-md-9">
													<textarea  name="bio" id="bio" class="form-control {{ $errors->has('bio') ? 'is-invalid' : '' }}" rows="4">{{ old('bio') ? old('bio') : $user->bio }}</textarea>
													@if ($errors->has('bio'))<div class="invalid-feedback" role="alert">{{ $errors->first('bio') }}</div>@endif
												</div>
											</div>

											<div class="form-group row mb-0">
												<div class="col-md-6 offset-md-3">
													<button type="submit" class="btn btn-sm btn-primary">Update Profile</button>
												</div>
											</div>

										</form>
									</div>
									<div class="tab-pane" id="password" role="tabpanel" aria-labelledby="password-tab">
										<form method="POST" action="{{ route('frontend.account.password.update') }}">

											{{ csrf_field() }}

											<div class="form-group row">
												<label for="old_password" class="col-md-3 col-form-label">Current Password</label>
												<div class="col-md-6">
													<input type="password" class="form-control{{ $errors->first('old_password', ' is-invalid') }}" id="old_password" name="old_password" required >
													@if ($errors->has('old_password'))<div class="invalid-feedback" role="alert">{{ $errors->first('old_password') }}</div>@endif
												</div>
											</div>

											<div class="form-group row">
												<label for="new_password" class="col-md-3 col-form-label">New Password</label>
												<div class="col-md-6">
													<input type="password" class="form-control {{ $errors->first('new_password', 'is-invalid') }}" id="new_password" name="new_password" required >
													@if ($errors->has('new_password'))<div class="invalid-feedback" role="alert">{{ $errors->first('new_password') }}</div>@endif
												</div>
											</div>

											<div class="form-group row">
												<label for="new_password_confirmation" class="col-md-3 col-form-label">Confirm New Password</label>
												<div class="col-md-6">
													<input type="password" class="form-control {{ $errors->first('new_password_confirmation', 'is-invalid') }}" id="new_password_confirmation" name="new_password_confirmation" required >
													@if ($errors->has('new_password_confirmation'))<div class="invalid-feedback" role="alert">{{ $errors->first('new_password_confirmation') }}</div>@endif
												</div>
											</div>

											<div class="form-group row">
												<div class="col-md-6 offset-md-3">
													<button type="submit" class="btn btn-sm btn-primary">Change Password</button>
												</div>
											</div>

										</form>
									</div>
									<div class="tab-pane" id="social-connections" role="tabpanel" aria-labelledby="social-connections-tab">
										<div class="form-group row">
											<label class="col-md-3 col-form-label">Facebook</label>
											<div class="col-md-6">

												@if(!empty($user->google_id))

													<a href="{{ route('frontend.account.facebook.redirect') }}" class="btn btn-sm btn-danger">Disconnect Facebook</a>

												@else

													<a href="{{ route('frontend.account.facebook.disconnect') }}" class="btn btn-sm btn-primary">Connect to Facebook</a>

												@endif

											</div>
										</div>

										<div class="form-group row">
											<label class="col-md-3 col-form-label">Google</label>
											<div class="col-md-6">

												@if(!empty($user->google_id))

													<a href="{{ route('frontend.account.google.redirect') }}" class="btn btn-sm btn-danger">Disconnect Google</a>

												@else

													<a href="{{ route('frontend.account.google.disconnect') }}" class="btn btn-sm btn-primary">Connect to Google</a>

												@endif

											</div>
										</div>

									</div>
									<div class="tab-pane" id="notifications" role="tabpanel" aria-labelledby="notifications-tab">
										<P>Coming Soon!</P>						
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

@endsection