@include('layouts.header')			
@include('layouts.sidebar')			
			<div class="page-wrapper">
				<div class="content">
					<div class="page-header">
						<div class="page-title">
							<h4>Profile</h4>
							<h6>User Profile</h6>
						</div>
					</div>
					<!-- /product list -->
					<div class="card">
						<div class="card-body">
							<div class="profile-set">
								<div class="profile-head">

								</div>
								<div class="profile-top">
									{{-- <div class="profile-content">
										<div class="profile-contentimg">
											<img src="assets/img/customer/customer5.jpg" alt="img" id="blah">
											<div class="profileupload">
												<input type="file" id="imgInp">
												<a href="javascript:void(0);" ><img src="assets/img/icons/edit-set.svg"  alt="img"></a>
											</div>
										</div>
										<div class="profile-contentname">
											<h2>William Castillo</h2>
											<h4>Updates Your Photo and Personal Details.</h4>
										</div>
									</div> --}}
									<!-- <div class="ms-auto">
										<a href="javascript:void(0);" class="btn btn-submit me-2">Save</a>
										<a href="javascript:void(0);" class="btn btn-cancel">Cancel</a>
									</div> -->
								</div>
							</div>
							<!-- @if(session()->has('success'))
							    <div class="alert alert-success">
								{{ session()->get('success') }}
							    </div>
							@endif
							@if(session()->has('error'))
							<div class="alert alert-danger">
							    {{ session()->get('error') }}
							</div>
							@endif -->
							<form method="post" action="{{ route('update_profile')}}" id="updateUserForm">
							@csrf
							<input type="hidden" class="form-control" name="id" value="{{ $profile->id}}">
							<div class="row">
							
								<div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label class="form-label">Full Name</label>
										<input type="text" class="form-control" name="full_name" value="{{ $profile->full_name}}">
									</div>
								</div>
								
								<div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label>Email</label>
										<input type="email" class="form-control" name="email" value="{{ $profile->email}}">
									</div>
								</div>
								{{-- <div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label class="form-label">Phone</label>
										<input type="text" value="+1452 876 5432">
									</div>
								</div> --}}
								<div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label class="form-label">User Name</label>
										<input type="text" class="form-control" name="username" value="{{ $profile->username}}">
									</div>
								</div>
								<div class="col-lg-6 col-sm-12">
									<div class="input-blocks">
										<label class="form-label">Password</label>
										<div class="pass-group">
											<input type="password" class="pass-input form-control" value="{{ $profile->password1}}" name="password">
											<span class="fas toggle-password fa-eye-slash"></span>
										</div>
									</div>
								</div>
								<div class="col-12">
								<button type="submit" class="btn btn-submit me-2">Submit</button>
									<!--<a href="javascript:void(0);" class="btn btn-submit me-2">Submit</a>-->
									<a href="javascript:void(0);" class="btn btn-cancel">Cancel</a>
								</div>
								
							</div>
							</form>
						</div>
					</div>
					<!-- /product list -->
				</div>
			</div>
        </div>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script>
		$(document).ready(function(){
			$('#updateUserForm').on('submit', function(e) {
				e.preventDefault(); 
				let form = $(this);
				$.ajax({
					url: form.attr('action'),
					method: form.attr('method'),
					data: form.serialize(),
					success: function(response) {
						successMessage("Profile Updated Successfully.","");	
					},
					error: function(xhr) {
						errorMessage();
					}
				});
			});
		})
	</script>
		
		@include('layouts.footer')