<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>KVA-Mumbai - My Account</title>
    <?php include("scripts-styles.php"); ?>
        <link rel="stylesheet" href="css/magnific-popup.css">
</head>

<body>
    <div class="wrapper">

        <?php include("header.php"); ?>

            <div class="inner-page-wrapper">
                
                    <div class="wrapper-container">
                        <div class="row">
                            <div class="col-md-12">
                                <h2><span>My</span>Account</h2>
                                <div class="row">
                                    <div id="main">
                                        <div class="row profile-block my-acc-details">
                                            <div class="col-sm-4 profile-feature">
                                                <img src="images/girl-image.jpg">                                                
                                            </div>
                                            <div class="col-sm-8 profile-detail">
                                                <div class="clearfix">
                                                    <div class="col-sm-6 pro-user">Jane Doe</div>
                                                    <div class="col-sm-6 pro-id">ID 7235797653</div>
                                                </div>
                                                <div class="profile-info-list">
                                                    <ul>
                                                        <li><span class="input-feild">Name of the Association</span> <span class="input-data">xyz</span></li>
                                                        <li><span class="input-feild">Name of the Company</span> <span class="input-data">Vectorz interactive</span></li>
                                                        <li><span class="input-feild">Contact No.</span> <span class="input-data">+91 8975485785</span></li>
                                                        <li><span class="input-feild">Email Id</span> <span class="input-data">jane@gmail.com</span></li>
                                                        <li><span class="input-feild">Area of Operation</span> <span class="input-data">Mumbai</span></li>
                                                    </ul>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="profile-feature-icons">
                                            <div class="row clearfix">

                                                <div class="col-sm-4 svg-container">
                                                    <a href="view-profile.php">
                                                        <div class="icon">
                                                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
                                                                <path fill="#787878" class="svg-icon" d="M31.393,15.972c-4.957-4.646-10.17-7.001-15.494-7.001c-9.065,0-15.134,6.765-15.389,7.053l-0.518,0.588
	l0.598,0.507c4.635,3.922,9.678,5.911,14.987,5.911c9.011,0,15.528-5.68,15.8-5.923l0.631-0.558L31.393,15.972z M11.537,16
	c0-2.448,1.991-4.439,4.439-4.439c2.449,0,4.439,1.991,4.439,4.439c0,2.448-1.99,4.439-4.439,4.439
	C13.528,20.439,11.537,18.448,11.537,16z M13.12,10.753c-1.857,1.015-3.119,2.985-3.119,5.248c0,2.339,1.354,4.364,3.316,5.344
	c-3.877-0.457-7.599-2.079-11.096-4.874C3.639,15.103,7.655,11.685,13.12,10.753z M18.9,21.207c1.82-1.026,3.053-2.973,3.053-5.207
	c0-2.225-1.223-4.165-3.033-5.195c3.658,0.679,7.268,2.572,10.766,5.688C28.158,17.648,24.143,20.334,18.9,21.207z" />
                                                            </svg>
                                                        </div>
                                                        <p>View my profile</p>
                                                    </a>
                                                </div>
                                                <div class="col-sm-4 svg-container">
                                                    <a href="update-profile.php">
                                                        <div class="icon">
                                                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
                                                                <g>
                                                                    <g>
                                                                        <path fill="#787878" class="svg-icon" d="M25.565,14.903c0.343,1.58,0.317,3.184-0.073,4.764c-0.678,2.746-2.384,5.063-4.803,6.525
			c-2.42,1.461-5.265,1.895-8.009,1.215c-5.666-1.4-9.138-7.146-7.738-12.811c0.893-3.621,3.65-6.475,7.166-7.563l0.015,2.477
			l5.809-3.4l-5.85-3.33l0.017,2.676c-4.223,1.131-7.556,4.498-8.613,8.781c-1.597,6.467,2.366,13.027,8.836,14.627
			c0.968,0.238,1.946,0.357,2.919,0.355c2.175,0,4.315-0.59,6.225-1.744c2.763-1.668,4.71-4.314,5.484-7.449
			c0.445-1.805,0.474-3.635,0.083-5.439L25.565,14.903z M28.207,6.373l-2.512-2.5c-0.853-0.846-2.322-0.85-3.181,0.014l-0.473,0.488
			l-0.005-0.004l-9.19,9.336l-0.883,0.896l0.001,0.229l0.004,6.037l5.509-0.613l0.212-0.023l0.919-0.934l8.08-8.211l0.02,0.02
			l1.512-1.561C29.09,8.672,29.084,7.248,28.207,6.373z M13.467,19.193l-0.002-2.795l2.584,2.508L13.467,19.193z M17.556,18.229
			l-3.584-3.527l8.083-8.209l1.211,1.191l2.36,2.348L17.556,18.229z M27.148,8.498l-0.447,0.463l-2.354-2.318l-1.229-1.221
			l0.467-0.484c0.28-0.279,0.771-0.281,1.053-0.002l2.511,2.5C27.44,7.727,27.443,8.201,27.148,8.498z" />
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <p>Update my profile</p>
                                                    </a>
                                                </div>
                                                <div class="col-sm-4 svg-container">
                                                    <a href="" data-toggle="modal" data-target="#change-password">
                                                        <div class="icon">
                                                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
                                                                <g>
                                                                    <g>
                                                                        <path fill="#787878" class="svg-icon" d="M23.839,11.764h-1.244V9.295c0-3.516-2.859-6.375-6.375-6.375c-3.515,0-6.375,2.859-6.375,6.375v2.469
			H8.16c-1.593,0-2.888,1.296-2.888,2.889v11.541c0,1.592,1.295,2.887,2.888,2.887h15.679c1.593,0,2.889-1.295,2.889-2.887V14.652
			C26.728,13.06,25.432,11.764,23.839,11.764z M11.345,9.295c0-2.688,2.188-4.875,4.875-4.875c2.688,0,4.875,2.187,4.875,4.875
			v2.469h-9.75V9.295z M25.228,26.193c0,0.765-0.623,1.387-1.389,1.387H8.16c-0.766,0-1.388-0.622-1.388-1.387V14.652
			c0-0.766,0.622-1.389,1.388-1.389h1.685h12.75h1.244c0.766,0,1.389,0.623,1.389,1.389V26.193z M16.22,16.859
			c-1.214,0-2.198,0.984-2.198,2.197c0,0.766,0.392,1.439,0.984,1.832v1.883c0,0.672,0.544,1.215,1.214,1.215
			c0.671,0,1.214-0.543,1.214-1.215v-1.883c0.594-0.393,0.985-1.066,0.985-1.832C18.419,17.844,17.435,16.859,16.22,16.859z" />
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <p>Change Password</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="change-password" class="modal fade" role="dialog">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-icon change-icon">
                                                        <div class="icon-img">
                                                            <img src="images/change-password.svg">
                                                        </div>
                                                    </div>
                                                    <div class="modal-body">
                                                        <h4>Change Password</h4>
                                                        <div class="alert-msg-form">
                                                            <form>
                                                                <div class="row">
                                                                    <div class="col-sm-12 form-group">
                                                                        <input type="password" name="oldpassword" id="oldpassword" required="required" />
                                                                        <label class="control-label" for="oldpassword">Old Password</label>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-sm-12 form-group">
                                                                        <input type="password" name="newpassword" id="newpassword" required="required" />
                                                                        <label class="control-label" for="newpassword">New Password</label>
                                                                    </div>
                                                                </div>

                                                                <button type="button" class="btn change-btn">Change</button>
                                                                <button type="button" class="btn cancel-btn" data-dismiss="modal">Cancel</button>

                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row interest-msg-box">
                                            <div class="col-sm-6">
                                                <h4>Interest received</h4>
                                                <div class="interest-msg-detail">
                                                    <a href="interest-received.php">
                                                        <p>Accepted</p><span>20</span></a>
                                                    <div class="clearfix"></div>
                                                    <a href="interest-received.php">
                                                        <p>Declined</p><span>30</span></a>
                                                    <div class="clearfix"></div>
                                                    <a href="interest-received.php">
                                                        <p>Pending</p><span>15</span></a>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <h4>Interest sent</h4>
                                                <div class="interest-msg-detail">
                                                    <a href="interest-sent.php">
                                                        <p>Accepted</p><span>20</span></a>
                                                    <div class="clearfix"></div>
                                                    <a href="interest-sent.php">
                                                        <p>Declined</p><span>30</span></a>
                                                    <div class="clearfix"></div>
                                                    <a href="interest-sent.php">
                                                        <p>Pending</p><span>15</span></a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 membership-block">
                                                <h4>Membership Details</h4>
                                                <div class="membership-alert-row">
                                                    <div class="row">
                                                       
                                                        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                                                            <div class="row warning-alert">
                                                                <div class="col-sm-8">
                                                                    <h5>Your membership will expire soon</h5>
                                                                </div>
                                                                <div class="col-sm-4">
                                                                    <button href="" class="btn renew-btn"> Renew Now</button>
                                                                </div>
                                                            </div>
                                                            <div class="row warning-alert">
                                                            	<div class="col-sm-8">
                                                            		<div class="">
                                                            			<h5>Your membership has Expired</h5>
                                                            		</div>
                                                            	</div>
                                                            	<div class="col-sm-4">
                                                            		<button href="" class="btn renew-btn"> Renew Now</button>
                                                            	</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <table>
                                                    <tr>
                                                        <th>Membership ID</th>
                                                        <th>Membership</th>
                                                        <th>Expiry date of membership</th>
                                                    </tr>
                                                    <tr>
                                                        <td>7235797653</td>
                                                        <td>1 year</td>
                                                        <td>23 December, 2021</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12 form-msg-row">
                                                <p><a href="" data-toggle="modal" data-target="#delete-profile">Delete My Profile</a></p>
                                            </div>
                                        </div>
                                        <div id="delete-profile" class="modal fade" role="dialog">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-icon del-icon">
                                                        <div class="icon-img">
                                                            <img src="images/delete.svg">
                                                        </div>
                                                    </div>
                                                    <div class="modal-body">
                                                        <h4>Delete Profile</h4>
                                                        <div class="alert-msg-form">
                                                            <form>
                                                                <div class="form-group">
                                                                    <p>Are you sure that you want to permanently delete your profile?</p>
                                                                    <p>Please enter your login password to confirm</p>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-sm-12 form-group">
                                                                        <input type="password" name="delpassword" id="delpassword" required="required" />
                                                                        <label class="control-label" for="newpassword"> Password</label>
                                                                    </div>
                                                                </div>

                                                                <button type="button" class="btn del-btn">Delete</button>
                                                                <button type="button" class="btn cancel-btn" data-dismiss="modal">Cancel</button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        
                                    </div>
                                    <div class="right-block">
                                        <?php include("sidebar.php"); ?>
                                    </div>
                                </div>
								<?php include("ad-block-bottom.php"); ?>
                            </div>
                        </div>
                    </div>
                

            </div>

            <?php include("footer.php"); ?>
    </div>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/general.js"></script>

</body>

</html>