<style>
	.spinner {
		background: url(https://crevolsoft.com/demo/woocommerce/marketplace/wp-admin/images/spinner-2x.gif) no-repeat;
		background-size: 35px 35px;
	}
</style>
<div class="crmp crmp-vendor marketplace">
	<div class="row">
			<div class="col-lg-12 col-md-12	col-sm-12 col-xs-12 ">
    	<div class="timeline-header-wrapper">
        <div class="cover-container">
            <div class="cover-wrapper">
                <img src="https://crevolsoft.com/demo/woocommerce/marketplace/wp-content/plugins/wc-marketplace-v2.2.6/public/img/cover.png">
                <div class="cover-progress"></div>
                <div class="cover-buttons">            
                    <table border="0" width="150" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="cover-button" align="center" valign="middle">
                                <a class="wpmp-edit-cover"><i class="fa fa-camera camera-icon"></i>Edit Cover Photo</a>
                            </td>
                        </tr>
                    </table>
                    
                    <div class="mp-cover-photo">
                        <ul>
							<li><a class="wpmp-upload-cover banner-upload">Upload Photo</a></li>
                            <li><a class="mp-reposition-cover">Reposition</a></li>
                            <li><a class="mp-remove-cover">Remove Cover</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="cover-resize-wrapper">
                <img src="">
                <div class="drag-div" align="center">Drag to reposition</div>
                <div class="cover-progress"></div>
                <div class="cover-buttons">
                    <table border="0" width="100%" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="center" valign="middle">
                            <a class="saveReposition">Save Position</a>
                        </td>
                        <td align="center" valign="middle">
                            <a class="cancelReposition">Cancel</a>
                        </td>
                    </tr>
                    </table>
                    <form class="cover-position-form hidden" name="cover_iamge" id="cover_image" method="post">
						<input type="text" name="action" value="reposition_crmpcover_img" class="hidden" />
						<input class="cover-position" name="pos" value="0" type="hidden">
						<input type="file" name="banner" class="banner_upload hidden" id='verborgen_file'>
                    </form>
                </div>
            </div>
            <div class="avatar-wrapper">
                <img class="avatar avatar-circle" src="https://crevolsoft.com/demo/woocommerce/marketplace/wp-content/plugins/wc-marketplace-v2.2.6/public/img/avatar.png">
				<span id="upload-avatar"><i class="fa fa-camera camera-icon"></i></span>
                <div class="avatar-change-wrapper">
				</div>
				<div id="avatar-modal" class="crmp-modal">
					<!-- Modal content -->
					<div class="modal-content">
						<span class="close">&times;</span>
						
							<div class="container">
								<div class="panel panel-default">
									<div class="panel-body avatar-area">
										<div id="crpm-avatar-crop"></div>
										<input type="file" id="profile-avatar-upload">
										<br/>
										<button class="button crmp-upload-avatar">Upload Image</button>
										<table border="0" width="100%" cellspacing="0" cellpadding="0">
											<tr>
												<td align="center" valign="middle">
													<a class="button button-success save-crmp-avatar">Save Profile Image</a>
												</td>
												<td align="center" valign="middle">
													<a class="button button-default cancel-crmp-avatar">Cancel</a>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
					</div>
				</div>
            </div>
        </div>
    </div>
	<br>
	<form action="" method="post" enctype=multipart/form-data>
		<div class="crmp crmp-tabs">
						<ul class="nav nav-tabs" id="socialprofile">
									<li class="active">
						<a href="https://crevolsoft.com/demo/woocommerce/marketplace/my-account//seller-settings/?tab=profile">
							Profile						</a>
					</li>
									<li class="">
						<a href="https://crevolsoft.com/demo/woocommerce/marketplace/my-account//seller-settings/?tab=payouts">
							Payouts						</a>
					</li>
									<li class="">
						<a href="https://crevolsoft.com/demo/woocommerce/marketplace/my-account//seller-settings/?tab=social">
							Social						</a>
					</li>
									<li class="">
						<a href="https://crevolsoft.com/demo/woocommerce/marketplace/my-account//seller-settings/?tab=terms">
							Add Policies						</a>
					</li>
									<li class="">
						<a href="https://crevolsoft.com/demo/woocommerce/marketplace/my-account//seller-settings/?tab=whatsapp">
							Whats App Chat						</a>
					</li>
									<li class="">
						<a href="https://crevolsoft.com/demo/woocommerce/marketplace/my-account//seller-settings/?tab=mppgv">
							Product Gallery Video						</a>
					</li>
							</ul>

			<div class="tab-content account-content">
				<div id="seller-profile-banner">
    <label for="shop-name">Shop Name:</label>
    <input type="text" name="shop-name" id="shop-name" value="" class="form-control border"/>
    <br>
    <label for="seller-name">Seller name:</label>
    <input type="text" name="seller-name" id="seller-name" value=" " class="form-control border"/>
    <br>
    <label for="shop-email">Seller Email:</label>
    <input type="text" name="seller-email" id="seller-email" value="" class="form-control border"/>

    <label for="shop-contact">Seller Contact:</label>
    <input type="text" name="vendor-contact" id="seller-contact" value="" class="form-control border"/>
</div>							  	
			</div>
		</div>
	</div>
	<br>
	<input type="hidden" name="action" value="update_seller_account"/>
	<input type="hidden" id="_wpnonce" name="_wpnonce" value="d6083d9c3a" /><input type="hidden" name="_wp_http_referer" value="/demo/woocommerce/marketplace/wp-json/wp/v2/pages/65" />	<input type="submit" class="btn btn-success crmp-btn" name="update" value="update profile" id="uploadButton"/>
	<br>
	<br>
	</form>
</div>
{"id":65,"date":"2019-11-23T12:42:15","date_gmt":"2019-11-23T12:42:15","guid":{"rendered":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/settings\/"},"modified":"2019-11-23T12:42:15","modified_gmt":"2019-11-23T12:42:15","slug":"settings","status":"publish","type":"page","link":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/settings\/","title":{"rendered":"Settings"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":0,"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"wp:attachment":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}