225 lines
13 KiB
PHP
225 lines
13 KiB
PHP
<?php $currentPage = "my-profile" ?>
|
|
<?php include('../components/header.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="form_sec my_profile">
|
|
<form action="">
|
|
<div class="row">
|
|
<div class="col-md-12 main_prof">
|
|
<!-- <div class="profile_edit">
|
|
<p>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
|
stroke-linecap="round" stroke-linejoin="round"
|
|
class="feather feather-edit-3">
|
|
<path d="M12 20h9"></path>
|
|
<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
|
|
</svg>
|
|
</p>
|
|
<input type="file" id="file-input" accept="image/*">
|
|
<div id="preview">
|
|
<img loading="lazy" src="../assets/images/profile.svg" alt="profile">
|
|
</div>
|
|
</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>
|
|
|
|
<!-- <input type="text" class="h5_heading" value="Anil Varma" /> -->
|
|
<div class="view_public_pro">
|
|
<div class="view_more">
|
|
<a href="">View Public Profile</a>
|
|
</div>
|
|
<div class="view_more other_view">
|
|
<a href="edit-profile.php">
|
|
Edit Profile
|
|
<img loading="lazy" src="../assets/images/edit_oth.png" alt="edit_oth">
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row bor_row">
|
|
<p class="det_head">Personal details</p>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
First Name</label>
|
|
<input type="text" class="form-control" id="" value="" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Last name</label>
|
|
<input type="text" class="form-control" id="" value="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Gender</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select gender</option>
|
|
<option value="">Male</option>
|
|
<option value="">Female</option>
|
|
<option value="">Other</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Email Address</label>
|
|
<input type="email" class="form-control" id="" value="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
DOB</label>
|
|
<input type="date" class="form-control" id="" value="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Phone Number</label>
|
|
<input type="number" class="form-control" id="" value="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row bor_row">
|
|
<p class="det_head">Address</p>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Street Address</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select Street Address</option>
|
|
<option value="">Andheri</option>
|
|
<option value="">Maharashtra, Mumbai</option>
|
|
<option value="">Chennai</option>
|
|
<option value="">Hariyana</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
City</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select city</option>
|
|
<option value="">Panjab</option>
|
|
<option value="">Mumbai</option>
|
|
<option value="">Chennai</option>
|
|
<option value="">Hariyana</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
State</label>
|
|
<select name="" id="" class="form-select">
|
|
<option value="">Select State</option>
|
|
<option value="">UP</option>
|
|
<option value="">Maharashtra</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Zip code</label>
|
|
<input type="text" class="form-control" id="" value="25252" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 view_more">
|
|
<a href="">Save</a>
|
|
</div>
|
|
</div>
|
|
<div class="row bor_row">
|
|
<p class="det_head">Reset Password</p>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Current Password</label>
|
|
<input type="password" class="form-control" id="" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
New Password</label>
|
|
<input type="password" class="form-control" id="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="label_input">
|
|
<label for="" class="form-label">
|
|
Confirm Password</label>
|
|
<input type="password" class="form-control" id="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 view_more">
|
|
<a href="">Save</a>
|
|
</div>
|
|
</div>
|
|
<div class="row bor_row">
|
|
<div class="col-md-12 red_del">
|
|
<a href="">
|
|
<img loading="lazy" src="../assets/images/red_del.png" alt="red_del">
|
|
Delete account
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<?php include('../components/footer-link.php') ?>
|
|
|
|
<!-- 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') ?>
|