<form method="POST" action="javascript:void(0)" id="updateprofileform">
@csrf
<div class="form-row">
<div class="form-group col-md-6">
<label class="">Fullname</label>
<input type="text" class="form-control " value="{{ Auth::user()->name }}" name="name">
</div>
<div class="form-group col-md-6">
<label class="">Email Address</label>
<input type="email" class="form-control " value="{{ Auth::user()->email }}" name="email" readonly>
</div>
<div class="form-group col-md-6">
<label class="">Phone Number</label>
<input type="text" class="form-control " value="{{ Auth::user()->phone }}" name="phone">
</div>
<div class="form-group col-md-6">
<label class="">Date of Birth</label>
<input type="date" value="{{ Auth::user()->dob }}" class="form-control " name="dob">
</div>
<div class="form-group col-md-6">
<label class="">Country</label>
<input type="text" value="{{ Auth::user()->country }}" class="form-control " name="country" readonly>
</div>
<div class="form-group col-md-6">
<label class="">Address</label>
<textarea class="form-control " placeholder="Full Address" name="address" row="3">{{ Auth::user()->address }}</textarea>
</div>
</div>
<button type="submit" class="btn btn-primary">Update Profile</button>
</form>
<script>
document.getElementById('updateprofileform').addEventListener('submit', function() {
$.ajax({
url: "{{ route('profile.update') }}",
type: 'POST',
data: $('#updateprofileform').serialize(),
success: function(response) {
if (response.status === 200) {
$.notify({
icon: 'flaticon-alarm-1',
title: 'Success',