138 lines
7.3 KiB
PHP
138 lines
7.3 KiB
PHP
<?php $currentPage = "profile" ?>
|
|
<?php include('../components/header-after-login.php') ?>
|
|
|
|
<!--FILEPOND -->
|
|
<link href="../src/plugins/src/flatpickr/flatpickr.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="../src/plugins/src/filepond/filepond.min.css">
|
|
<link rel="stylesheet" href="../src/plugins/src/filepond/FilePondPluginImagePreview.min.css">
|
|
|
|
<link href="../src/plugins/css/light/filepond/custom-filepond.css" rel="stylesheet" type="text/css" />
|
|
<link href="../src/plugins/css/light/flatpickr/custom-flatpickr.css" rel="stylesheet" type="text/css">
|
|
<link href="../src/assets/css/light/apps/invoice-edit.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<div class="main_content">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<?php include('../components/sidebar.php') ?>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="inner_contents">
|
|
<h2 class="h2_heading">My Profile</h2>
|
|
<div class="profile-page">
|
|
<div class="profile-sec mt-3 card-shadow">
|
|
<div class="pro-detals">
|
|
<!-- <div class="pro-progress" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="--value:65"></div> -->
|
|
<div class="profile-image">
|
|
<div class="img-uploader-content">
|
|
<input type="file" class="filepond" name="filepond"
|
|
accept="image/png, image/jpeg, image/gif" />
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4>Akanksha Surve</h4>
|
|
<p>Mumbai, India</p>
|
|
<p class="mb-0">+91989447594</p>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="yellow-btn">View Public Profile</button>
|
|
</div>
|
|
<form class="card-shadow">
|
|
<h3>Personal details</h3>
|
|
<div class="row mb-4">
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">First Name</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Last name</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Gender</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Email address</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Date of birth</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Phone number</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<h3>Address </h3>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Street Address</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">City</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">State</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">Zip code</label>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4 mb-3">
|
|
<button type="submit" class="yellow-btn">Save</button>
|
|
</div>
|
|
</form>
|
|
<form class="card-shadow">
|
|
<h3>Reset Password</h3>
|
|
<div class="row mb-4">
|
|
<div class="mb-3 col-md-4">
|
|
<label class="form-label">Current Password</label>
|
|
<input type="password" class="form-control">
|
|
</div>
|
|
<div class="mb-3 col-md-4">
|
|
<label class="form-label">New Password</label>
|
|
<input type="password" class="form-control">
|
|
</div>
|
|
<div class="mb-3 col-md-4">
|
|
<label class="form-label">Confirm Password</label>
|
|
<input type="password" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4 mb-3">
|
|
<button type="submit" class="yellow-btn">Save</button>
|
|
</div>
|
|
</form>
|
|
<div class="card-shadow">
|
|
<button type="button" class="delete-icn mb-0" data-bs-toggle="modal" data-bs-target="#delete-account">
|
|
<i class="bi bi-trash me-2"></i> Delete account
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- FILEPOND -->
|
|
<script src="../src/plugins/src/filepond/filepond.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/FilePondPluginFileValidateType.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/FilePondPluginImageExifOrientation.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/FilePondPluginImagePreview.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/FilePondPluginImageCrop.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/FilePondPluginImageResize.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/FilePondPluginImageTransform.min.js"></script>
|
|
<script src="../src/plugins/src/filepond/filepondPluginFileValidateSize.min.js"></script>
|
|
|
|
<script src="../src/plugins/src/flatpickr/flatpickr.js"></script>
|
|
<script src="../src/assets/js/apps/invoice-edit.js"></script>
|
|
<?php include('../components/footer.php') ?>
|