532 lines
31 KiB
HTML
532 lines
31 KiB
HTML
<style>
|
|
.profile-avatar-container {
|
|
position: relative;
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.profile-avatar-container .profile-user-img {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.profile-avatar-container .profile-avatar-text {
|
|
display: none;
|
|
}
|
|
|
|
.profile-avatar-container:hover .profile-avatar-text {
|
|
display: block;
|
|
position: absolute;
|
|
height: 100px;
|
|
width: 100px;
|
|
background: #444;
|
|
opacity: .6;
|
|
color: #fff;
|
|
top: 0;
|
|
left: 0;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
.profile-avatar-container button {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
opacity: 0;
|
|
}
|
|
</style>
|
|
<div class="row animated fadeInRight">
|
|
<div class="col-md-12" style="display: flex;justify-content: center;" >
|
|
<div class="col-md-5">
|
|
<form id="update-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/update')}">
|
|
{:token()}
|
|
<div class="box box-success">
|
|
<div class="panel-heading">
|
|
{:__('Profile')}
|
|
</div>
|
|
<div class="panel-body">
|
|
<input type="hidden" id="c-avatar" name="row[avatar]" value="{$manystore.avatar|htmlentities}"/>
|
|
<div class="box-body box-profile">
|
|
|
|
<div class="profile-avatar-container">
|
|
<img class="profile-user-img img-responsive img-circle plupload"
|
|
src="{$manystore.avatar|cdnurl|htmlentities}" alt="">
|
|
<div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
|
|
<button id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}
|
|
</button>
|
|
</div>
|
|
|
|
<h3 class="profile-username text-center">{$manystore.username|htmlentities}</h3>
|
|
|
|
<p class="text-muted text-center">{$manystore.email|htmlentities}</p>
|
|
|
|
<p class="text-muted text-center">所属前端用户ID: <span style="color:red ">[{$manystore.user_id|htmlentities}]</span> </p>
|
|
|
|
<div class="form-group">
|
|
<label for="username" class="control-label">{:__('Username')}:</label>
|
|
<input type="text" class="form-control" id="username" name="row[username]"
|
|
value="{$manystore.username|htmlentities}" disabled/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email" class="control-label">{:__('Email')}:</label>
|
|
<input type="text" class="form-control" id="email" name="row[email]"
|
|
value="{$manystore.email|htmlentities}" data-rule="required;email"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="nickname" class="control-label">{:__('Nickname')}:</label>
|
|
<input type="text" class="form-control" id="nickname" name="row[nickname]"
|
|
value="{$manystore.nickname|htmlentities}" data-rule="required;"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password" class="control-label">{:__('Password')}:</label>
|
|
<input type="password" class="form-control" id="password"
|
|
placeholder="{:__('Leave password blank if dont want to change')}"
|
|
autocomplete="new-password" name="row[password]" value="" data-rule="password"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-success">{:__('Submit')}</button>
|
|
<button type="reset" class="btn btn-default">{:__('Reset')}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{if condition="$auth->check('general/profile/shop_update')"}
|
|
<div class="form-horizontal col-md-7">
|
|
<div class="box box-success">
|
|
<div class="panel-heading">
|
|
{:__('商家信息')}
|
|
</div>
|
|
<form id="shop-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/shop_update')}">
|
|
{:token()}
|
|
<div class="panel-body">
|
|
<div class="box-body box-profile">
|
|
<div class="profile-avatar-container">
|
|
<!-- <img class="profile-user-img img-responsive img-circle plupload"-->
|
|
<!-- src="{$manystore.avatar|cdnurl|htmlentities}" alt="">-->
|
|
|
|
<!-- <a href="javascript:"><img class=" profile-user-img img-responsive img-center" src="{$miniqrcode_link}"></a>-->
|
|
</div>
|
|
<!-- <h3 class="profile-username text-center">微信小程序端展示效果</h3>-->
|
|
|
|
<!-- <p class="text-muted text-center">打开微信扫一扫，扫码即可在手机端查看</p><br><br><br>-->
|
|
|
|
{$check_full_msg}
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
|
|
<!-- <h3 style="color: red">{$auth_type_text}</h3>-->
|
|
<span class="btn btn-sm btn-danger btn-remove">{$auth_type_text}</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<select id="c-type" style="display: none" name="shop[type]">
|
|
{foreach name="typeList" item="vo"}
|
|
<option value="{$key}" {in name="key" value="$shop_info.type"}selected{/in}>{$vo}</option>
|
|
{/foreach}
|
|
</select>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input class="form-control" disabled type="text"
|
|
value="{$statusList[$shop_info['status']]}">
|
|
|
|
{if ( $shop_info.status == 2) }
|
|
<span style="color: red">(不通过原因：{$shop_info.reason})</span>
|
|
{else /}
|
|
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-name" data-rule="required" class="form-control" name="shop[name]" type="text" value="{$shop_info.name}">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">
|
|
{:__('Logo')}:
|
|
<p style="margin-top: 20px;">建议40*40</p>
|
|
</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input id="c-logo" class="form-control" size="50" name="shop[logo]" type="text" value="{$shop_info.logo}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="plupload-logo"
|
|
class="btn btn-danger plupload cropper" data-input-id="c-logo"
|
|
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
data-multiple="false" data-preview-id="p-logo"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-logo"
|
|
class="btn btn-primary fachoose"
|
|
data-input-id="c-logo" data-mimetype="image/*"
|
|
data-multiple="false"><i
|
|
class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-logo"></span>
|
|
</div>
|
|
<ul class="row list-inline plupload-preview" id="p-logo"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input id="c-image" data-rule="required" class="form-control" size="50"
|
|
name="shop[image]" type="text" value="{$shop_info.image}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="plupload-image"
|
|
class="btn btn-danger plupload cropper" data-input-id="c-image"
|
|
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
data-multiple="false" data-preview-id="p-image"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-image"
|
|
class="btn btn-primary fachoose"
|
|
data-input-id="c-image" data-mimetype="image/*"
|
|
data-multiple="false"><i
|
|
class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-image"></span>
|
|
</div>
|
|
<ul class="row list-inline plupload-preview" id="p-image"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input id="c-images" class="form-control" name="shop[images]" type="text"
|
|
value="{$shop_info.images}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="plupload-images"
|
|
data-maxcount="6"
|
|
class="btn btn-danger plupload cropper" data-input-id="c-images"
|
|
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
data-multiple="true" data-preview-id="p-images"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-imagess"
|
|
data-maxcount="6"
|
|
class="btn btn-primary fachoose"
|
|
data-input-id="c-images" data-mimetype="image/*"
|
|
data-multiple="true"><i
|
|
class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-images"></span>
|
|
</div>
|
|
<ul class="row list-inline plupload-preview" id="p-images"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Address_city')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class='control-relative'>
|
|
<input id="c-address_city" data-rule="required"
|
|
class="form-control form-control"
|
|
data-toggle="city-picker" name="shop[address_city]"
|
|
value="{$shop_info.address_city}" type="text">
|
|
</div>
|
|
<input type="hidden" id="province" name="shop[province]" value="{$shop_info.province}">
|
|
<input type="hidden" id="city" name="shop[city]" value="{$shop_info.city}">
|
|
<input type="hidden" id="district" name="shop[district]" value="{$shop_info.district}">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class='control-relative'>
|
|
<input id="c-address" data-rule="required" class="form-control form-control"
|
|
data-lat-id="c-latitude" data-lng-id="c-longitude" readonly
|
|
data-input-id="c-address" data-toggle="addresspicker"
|
|
name="shop[address]"
|
|
value="{$shop_info.address}" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Address_detail')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-address_detail" class="form-control" name="shop[address_detail]"
|
|
type="text"
|
|
value="{$shop_info.address_detail}">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Longitude')}:</label>
|
|
<div class="col-xs-12 col-sm-3">
|
|
<input id="c-longitude" data-rule="required" readonly class="form-control"
|
|
name="shop[longitude]" type="text" value="{$shop_info.longitude}">
|
|
</div>
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Latitude')}:</label>
|
|
<div class="col-xs-12 col-sm-3">
|
|
<input id="c-latitude" data-rule="required" readonly class="form-control"
|
|
name="shop[latitude]" type="text" value="{$shop_info.latitude}">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="c_institution" >
|
|
|
|
<div class="form-group"
|
|
{eq name="shop_info.type" value="1"}
|
|
style="display:none"
|
|
{/eq}
|
|
>
|
|
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Yyzzdm')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-yyzzdm"
|
|
|
|
|
|
|
|
class="form-control" name="shop[yyzzdm]"
|
|
type="text" value="{$shop_info.yyzzdm}">
|
|
</div>
|
|
</div>
|
|
<div class="form-group"
|
|
{eq name="shop_info.type" value="1"}
|
|
style="display:none"
|
|
{/eq}
|
|
|
|
>
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Yyzz_images')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input id="c-yyzz_images"
|
|
|
|
|
|
|
|
class="form-control" size="50"
|
|
name="shop[yyzz_images]" type="text" value="{$shop_info.yyzz_images}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="plupload-yyzz_images"
|
|
data-maxcount="6"
|
|
data-params='{"category":"cert"}'
|
|
class="btn btn-danger plupload" data-input-id="c-yyzz_images"
|
|
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
data-multiple="true" data-preview-id="p-yyzz_images"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-yyzz_images"
|
|
data-maxcount="6"
|
|
data-params='{"category":"cert"}'
|
|
class="btn btn-primary fachoose" data-input-id="c-yyzz_images"
|
|
data-mimetype="image/*" data-multiple="true"><i
|
|
class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-yyzz_images"></span>
|
|
</div>
|
|
<ul class="row list-inline plupload-preview" id="p-yyzz_images"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Establish_time')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-establish_time" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="shop[establish_time]" type="text" value="{:$shop_info.establish_time?datetime($shop_info.establish_time):''}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('People')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-people" class="form-control" name="shop[people]" type="number" value="{$shop_info.people}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Legal_entity')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-legal_entity" class="form-control" name="shop[legal_entity]" type="text" value="{$shop_info.legal_entity}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div id="c_person" >
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span> {:__('Gender')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
{:build_radios('shop[gender]', ['1'=>__('Male'), '0'=>__('Female')], $shop_info['gender'])}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Nation')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-nation" class="form-control" data-rule="required" name="shop[nation]" type="text" value="{$shop_info.nation}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Out_look')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-out_look" class="form-control" data-rule="required" name="shop[out_look]" type="text" value="{$shop_info.out_look}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Birthtime')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-birthtime" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="shop[birthtime]" type="text" value="{:$shop_info.birthtime?datetime($shop_info.birthtime):''}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Native_place')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-native_place" class="form-control" data-rule="required" name="shop[native_place]" type="text" value="{$shop_info.native_place}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Card_number')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-card_number" class="form-control" data-rule="required" name="shop[card_number]" type="text" value="{$shop_info.card_number}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Diploma')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-diploma" class="form-control" name="shop[diploma]" type="text" value="{$shop_info.diploma}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Post')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-post" class="form-control" name="shop[post]" type="text" value="{$shop_info.post}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2"><span class="c_institution">法人</span>{:__('Social_position')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-social_position" class="form-control" name="shop[social_position]" type="text" value="{$shop_info.social_position}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">
|
|
{:__('Front_idcard_image')}:
|
|
</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input id="c-front_idcard_image" class="form-control" size="50" name="shop[front_idcard_image]" type="text" value="{$shop_info.front_idcard_image}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="plupload-front_idcard_image" data-params='{"category":"cert"}'
|
|
class="btn btn-danger plupload cropper" data-input-id="c-front_idcard_image"
|
|
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
data-multiple="false" data-preview-id="p-front_idcard_image"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-front_idcard_image" data-params='{"category":"cert"}'
|
|
class="btn btn-primary fachoose"
|
|
data-input-id="c-front_idcard_image" data-mimetype="image/*"
|
|
data-multiple="false"><i
|
|
class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-front_idcard_image"></span>
|
|
</div>
|
|
<ul class="row list-inline plupload-preview" id="p-front_idcard_image"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">
|
|
{:__('Reverse_idcard_image')}:
|
|
</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<div class="input-group">
|
|
<input id="c-reverse_idcard_image" class="form-control" size="50" name="shop[reverse_idcard_image]" type="text" value="{$shop_info.reverse_idcard_image}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="plupload-reverse_idcard_image" data-params='{"category":"cert"}'
|
|
class="btn btn-danger plupload cropper" data-input-id="c-reverse_idcard_image"
|
|
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
|
|
data-multiple="false" data-preview-id="p-reverse_idcard_image"><i
|
|
class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-reverse_idcard_image" data-params='{"category":"cert"}'
|
|
class="btn btn-primary fachoose"
|
|
data-input-id="c-reverse_idcard_image" data-mimetype="image/*"
|
|
data-multiple="false"><i
|
|
class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-reverse_idcard_image"></span>
|
|
</div>
|
|
<ul class="row list-inline plupload-preview" id="p-reverse_idcard_image"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Tel')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<input id="c-tel" class="form-control" name="shop[tel]" type="text"
|
|
value="{$shop_info.tel}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<textarea id="c-content" class="form-control editor" rows="5" name="shop[content]"
|
|
cols="50">{$shop_info.content}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="form-group" style="display: flex;justify-content: center;" >
|
|
<button type="submit" class="btn btn-success">{:__('Submit')}</button>
|
|
<button type="reset" class="btn btn-default">{:__('Reset')}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|