Files
izyim-api/public/profile-first-setup.html
T

121 lines
5.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>AzureUI - Term</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/global.style.css" />
</head>
<body>
<div class="wrapper">
<div class="wrapper-inline">
<div class="form-divider"></div>
<div class="form-row txt-center aztitle">
Personal Profile Info
</div>
<div class="form-row txt-center">
Please provide your personal info and optional profile photo.
</div>
<!-- Here Lies Main Start Here -->
<main style="margin-top: 0;">
<section class="container">
<form>
<div class="form-row txt-center">
<div class="profile-image">
<div class="profile-image-com">
<img id="CompanyProfile" class="avatar-img" src="images/Screenshot (9).png" width="80" height="80" />
<label class="update-btn fix">
<input id="CompanyUpload" type="file" style="display:none" />
<i class="fa fa-camera"></i>
</label>
</div>
</div>
</div>
<div class="form-divider"></div>
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Role</label>
</div>
<select id="role" class="form-element">
<option value="">Please select your role</option>
<option value="1">Freight Forwarder</option>
<option value="2">Importer</option>
</select>
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Full Name</label>
</div>
<input id="name"type="text" class="form-element" placeholder="Enter your full name" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Password</label>
</div>
<input id="password" type="password" class="form-element" placeholder="Enter your Password" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Confirm Password</label>
</div>
<input id="password_confirmation" type="password" class="form-element" placeholder="Enter the password again" required />
</div>
<div class="form-divider"></div>
<div class="form-row txt-center">
<a href="#" id="pers-info" class="button block green">FINISH</a>
</div>
<div class="form-divider"></div>
</form>
</section>
</main>
</div>
</div>
<!-- Require For All Pages -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/global.script.js"></script>
<!-- Require For All Pages -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pers-info').click(function() {
$.ajax({
type: "PATCH",
url: "api/user",
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
data: {
role:$('#role').val(),
name: $('#name').val(),
password: $('#password').val(),
password_confirmation:$('#password_confirmation').val()
},
success: function(data) {
document.location.href="index.html";
},
error: function() {
alert("Failed");}
})
})
});
</script>
</body>
</html>