@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
<div class="side-app">
<div class="page-header">
	<h4 class="page-title">Profile Update</h4>
	<ol class="breadcrumb">
		
		<li class="breadcrumb-item active" >Profile</li>
	</ol>

</div>

<div class="col-md-12">
	@if(Session::has('success'))

		<div class="alert alert-primary">
			<p>{{ Session::get('success') }}</p>
		</div>

	@endif

	@if(Session::has('errors'))

		<div class="alert alert-danger">
			<p>{{ Session::get('errors') }}</p>
		</div>

	@endif
</div>

<div class="row">
	<div class="col-md-12">

	</div>
	<div class="col-lg-12 col-xl-12">
		<div class="card card-profile cover-image "  data-image-src="../assets/images/photos/8.jpg">
			<div class="card-body text-center">
				<form action="{{ route('admin.profilePicUpdate', base64_encode($data->id)) }}" method="post" enctype="multipart/form-data">
					{{csrf_field()}}
					@if($data->avatar_location !='')
					<img class="card-profile-img" src="
					{{ asset('storage/'.$data->avatar_location) }}" alt="img" style="width: 96px; height: 94px;">
					@else
					<img class="card-profile-img" src="
					{{ asset('storage/avatars/default_avatar.png') }}" alt="img">
					@endif
					<label for="profilepic">
						<i class="fa fa-camera"></i>
						<input type="file" name="profilepic" id="profilepic" style="display:none">

					</label>
					<h3 class="mb-1 ">{{$data->first_name}}</h3>
					<p class="mb-2 ">Admin</p>
					<input type="submit" name="submit" value="Update Picture" class="btn btn-success btn-sm mt-2">
				</form>
			</div>
		</div>
		
	</div>
	<div class="col-lg-12 col-xl-12">
		<form class="card" method="post" action="{{ route('admin.updateProfile', base64_encode($data->id)) }}" onsubmit="return profile()">
			@csrf
			
			<div class="card-body">
				<div class="row">
					
					<div class="col-sm-6 col-md-4">
						<div class="form-group">
							<label class="form-label">Email address</label>
							<input type="email" class="form-control" name="email" value="{{ $data->email }}" readonly="">
						</div>
					</div>
					
					<div class="col-sm-6 col-md-4">
						<div class="form-group">
							<label class="form-label">First Name</label>
							<input type="text" class="form-control" name="fname" value="{{ $data->first_name }}">
						</div>
					</div>

					<div class="col-sm-6 col-md-4">
						<div class="form-group">
							<label class="form-label">Last Name</label>
							<input type="text" class="form-control" name="lname" value="{{ $data->last_name }}">
						</div>
					</div>


					<div class="col-sm-6 col-md-6">
						<div class="form-group">
							<label class="form-label">Password</label>
							<span><h5 id="pass1check" style="color: red; display: none;">  </h5></span>
							<input type="password" class="form-control" name="pword" id="ppword">
						</div>
					</div>
					<div class="col-sm-6 col-md-6">
						<div class="form-group">
							<label class="form-label">Confirm Password</label>
							<span><h5 id="passcheck" style="color: red; display: none;">  </h5></span>
							<input type="password" class="form-control"  name="cpword" id="pcpword">
						</div>
					</div>

				</div>
			</div>
			<div class="card-footer text-center">
				<button type="submit" class="btn btn-primary btn-lg custom-btn mr-2">Update</button>
			</div>
		</form>
		
	</div>

</div>
</div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
function profile() {

var pass = $('#ppword').val();
var cpass = $('#pcpword').val();



if(pass && cpass == '')
{
$('#passcheck').show();
$('#passcheck').html('** Please Fill This Field');
setTimeout(function(){
$('#passcheck').hide();
}, 2000);

return false;		
}


else if(cpass && pass == '')
{
$('#pass1check').show();
$('#pass1check').html('** Please Fill This Field');
setTimeout(function(){
$('#pass1check').hide();
}, 2000);

return false;		
}

else if(cpass != pass)
{
$('#passcheck').show();
$('#passcheck').html('** Password Do Not Match');
setTimeout(function(){
$('#passcheck').hide();
}, 2000);

return false;
}

else
{
return true;
}
}
</script>
@endsection