@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/account.min.css?v={{time()}}">
@endsection

@section('body')
<div class="mallpage">
    @include('common.mallHeaderTop')
    @include('common.mallUserHeaderNav')
    <div class="accountbox w1200 ">
        <div class="bread-menu row boxsiz bothSide">
            <div>
                <a href="/mall">Home</a>
                <i>></i>
                <a href="#">Member Center</a>
                <i>></i>
                <span>My Account</span>
            </div>
        </div>
        <div class="cons row bothSide">
            <div class="user-left-nav boxsiz">
                <a class="li " href="/user/order">My Orders</a>
                <a class="li " href="/user/inquiry">My RFQ</a>
                <a class="li act" href="/user/account">My Account</a>
            </div>
            <div class="user-right boxsiz">
                <div class="nav row">
                    <div class="item act navitemx" guid="1">
                        <div class="row rowCenter">
                            Information
                        </div>
                    </div>
                    <div class="item navitemx" guid="2">
                        <div class="row rowCenter">
                            Address
                        </div>
                    </div>
                </div>

                <div class="section lboxs infobase">
                    <div class="row bothSide boxinfo">
                        <div class="l ">
                            <div class="grp row">
                                <div class="labels"><span>*</span>PHONE</div>
                                <span class="lval phone_val"></span>
                                <div class="edit phone_edit">Edit</div>
                            </div>
                            <div class="grp row">
                                <div class="labels"><span>*</span>EMAIL</div>
                                <span class="lval email_val"></span>
                                <div class="edit email_edit">Edit</div>
                            </div>
                        </div>
                        <div class="r">
                            <div class="changebtn changepasswordbtn">Change Password</div>
                        </div>
                    </div>
                    <div class="row bothSide boxinfo">
                        <div class="l ">
                            <div class="grp row">
                                <div class="labels">Account Properties</div>
                                <span class="lval account_properties_val"></span>

                            </div>
                            <div class="grp row">
                                <div class="labels"><span class="tthide">*</span>COMPANY NAME</div>
                                <span class="lval company_name_val"></span>

                            </div>
                            <div class="grp row">
                                <div class="labels"><span>*</span>FIRST NAME</div>
                                <span class="lval first_name_val"></span>

                            </div>
                            <div class="grp row">
                                <div class="labels"><span>*</span>LAST NAME</div>
                                <span class="lval last_name_val"></span>

                            </div>

                        </div>
                        <div class="r">
                            <div class="changebtn changeinfobtns">Change Information</div>
                        </div>
                    </div>
                </div>
                <div class="lboxs addressbox" style="display:none;">
                    <div class="clear">
                        <div class="addbtn fr popaddressbtn">Add Address</div>
                    </div>
                    <div class="list-table">
                        <div class="thead row boxsiz">
                            <div class="th w56">NO.</div>
                            <div class="th w200">NAME/COMPANY NAME</div>
                            <div class="th w200">EMAIL/TELEPHONE</div>
                            <div class="th w200">ADDRESS</div>
                            <div class="th w160">CITY</div>
                            <div class="th w140">Options</div>
                        </div>
                        <div class="tbody">


                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('common.mallFooter')
</div>
@endsection

<!--修改密码-->
<div class="changePasswordPop" style="display:none;">
    <div class="inputboxp boxsiz">
        <div class="input-con">
            <div class="input-group-auth stepbox step1">
                <p class="labelp">The original password</p>
                <input type="password" class="passwordori verify" verifyTip='{"type":"null","text":"Original Password"}'>
            </div>
            <div class="stepbox step2">
                <div class="input-group-auth">
                    <p class="labelp ">NEW PASSWORD</p>
                    <input type="password" class="passwordnew verify" verifyTip='{"type":"null","text":"New Password"}'>
                </div>
                <div class="tip-con">
                    <p>· Contain at least 8 characters.</p>
                    <p>· Cannot contain common or guessable text</p>
                </div>
                <div class="input-group-auth">
                    <p class="labelp ">CONFIRM PASSWORD</p>
                    <input type="password" class="passwordnewagain verify" verifyTip='{"type":"null","text":"CONFIRM PASSWORD"}'>
                </div>
            </div>
            <div class="tips"></div>
            <div class="but gobtn gonext changepasswordpopbtn">Submit</div>
        </div>
    </div>
</div>
<!--修改手机-->
<div class="changePhonePop" style="display:none;">
    <div class="inputboxp boxsiz">
        <div class="input-con">
            <div class="input-group-auth">
                <p class="labelp">Password</p>
                <input type="password" class="passwordphone verify" verifyTip='{"type":"null","text":"Original Password"}'>
            </div>
            <div class="input-group-auth">
                <p class="labelp ">NEW Phone</p>
                <input type="text" class="phoneval verify" verifyTip='{"type":"null","text":"New Phone"}'>
            </div>
            <div class="tips"></div>
            <div class="but gobtn gonext changephonepopbtn">Submit</div>
        </div>
    </div>
</div>

<!--修改邮箱-->
<div class="changeEmailPop" style="display:none">
    <div class="inputboxp boxsiz">
        <div class="input-con">
            <div class="input-group-auth ">
                <p class="labelp">Password</p>
                <input type="password" class="passwordemail verify" verifyTip='{"type":"null","text":"Original Password"}'>
            </div>
            <div class="input-group-auth">
                <p class="labelp ">NEW Email</p>
                <input type="text" class="emailval verify" verifyTip='{"type":"null","text":"New Email"}'>
            </div>
            <div class="getCodeEmailUpdate but" style="width:250px;margin-bottom:15px;">Get verification code</div>
            <div class="input-group-auth">
                <p class="labelp ">Please enter the validation code that your email received.</p>
                <input type="text" class="emailcodeval verify" verifyTip='{"type":"null","text":"Validation Code"}'>
            </div>
            <div class="tips"></div>
            <div class="but gobtn gonext changeemailpopbtn">Submit</div>
        </div>
    </div>
</div>


<!--修改用户信息-->
<div class="changeInfoPop" style="display:none;">
    <div class="inputboxp boxsiz">
        <div class="checkbox row checkbox_acpo">
            <div class="check-group row  check-group22 check-groupinfo" guid="2">
                <p class="row   verCenter rowCenter">
                    <font></font>
                </p>
                <span>For Business</span>
            </div>
            <div class="check-group row check-group11 act check-groupinfo" guid="1">
                <p class="row   verCenter rowCenter">
                    <font></font>
                </p>
                <span>For Individual</span>
            </div>
        </div>
        <div class="input-con ">
            <div class="input-group-auth">
                <p class="labelp"><span class="tthide">*</span>COMPANY NAME</p>
                <input type="text" class="verify company_name_acpo" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
            </div>
            <div class="input-group-auth">
                <p class="labelp"><span>*</span>FIRST NAME</p>
                <input type="text" class="verify first_name_acpo" verifyTip='{"type":"null","text":"FIRST NAME"}'>
            </div>
            <div class="input-group-auth">
                <p class="labelp"><span>*</span>LAST NAME</p>
                <input type="text" class="verify last_name_acpo" verifyTip='{"type":"null","text":"LAST NAME"}'>
            </div>
        </div>
        <div class="tips"></div>
        <div class="but gobtn gonext changeinfopopbtn">Submit</div>
    </div>
</div>

<!--新增地址弹窗-->
<div class="addressPop" style="display:none;">
    <div class="inputboxp">
        <div class="checkbox row">
            <div class="check-group row act check-group-addressp" guid="2">
                <p class="row   verCenter rowCenter">
                    <font></font>
                </p>
                <span>Company</span>
            </div>
            <div class="check-group row check-group-addressp" guid="1">
                <p class="row   verCenter rowCenter">
                    <font></font>
                </p>
                <span>Personal</span>
            </div>
        </div>
        <div class="input-con">
            <div class="row">
                <div class="input-group-auth">
                    <p class="labelp"><span>*</span>EMAIL</p>
                    <input type="text" class="email6 verify" verifyTip='{"type":"null","text":"EMAIL"}'>
                </div>
                <div class="input-group-auth ml30">
                    <p class="labelp"><span>*</span>TELEPHONE</p>
                    <input type="text" class="telephone6 verify" verifyTip='{"type":"null","text":"TELEPHONE"}'>
                </div>
            </div>
            <div class="row">
                <div class="input-group-auth sm ">
                    <p class="labelp"><span>*</span>FIRST NAME</p>
                    <input type="text" class="first_name6 verify" verifyTip='{"type":"null","text":"FIRST NAME"}'>
                </div>
                <div class="input-group-auth sm ml30">
                    <p class="labelp"><span>*</span>LAST NAME</p>
                    <input type="text" class="last_name6 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
                </div>
                <div class="input-group-auth  ml30">
                    <p class="labelp"><span class="grshow">*</span>COMPANY NAME</p>
                    <input type="text" class="company_name6 verify" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
                </div>
            </div>
            <div class="row">
                <div class="input-group-auth">
                    <p class="labelp"><span>*</span>ADDRESS</p>
                    <textarea name="" class="address6 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
                </div>
            </div>
            <div class="row">
                <div class="input-group-auth">
                    <p class="labelp"><span>*</span>COUNTRY/REGIONL</p>
                    <div class="getCountryBox">
                        <input type="text" class="getCountry country6 verify" verifyTip='{"type":"null","text":"COUNTRY/REGION"}'>
                        <div class="conps scrollbar boxsiz countryconent">
                            <div class="citem">ddd</div>
                            <div class="citem">ttt</div>
                        </div>
                    </div>
                </div>
                <div class="input-group-auth ml30">
                    <p class="labelp">STATE</p>
                    <input type="text" class="state6">
                </div>
            </div>
            <div class="row">
                <div class="input-group-auth">
                    <p class="labelp"><span>*</span>CITY</p>
                    <input type="text" class="city6 verify" verifyTip='{"type":"null","text":"CITY"}'>
                </div>
                <div class="input-group-auth ml30">
                    <p class="labelp"><span>*</span>POST CODE</p>
                    <input type="text" class="post_code6 verify" verifyTip='{"type":"null","text":"POST CODE"}'>
                </div>
            </div>
            <div class="tips"></div>
            <div class="row subbtn">
                <div class="choose row act chooseaddresx">
                    <div class="chooseicon"></div>
                    <span>Default address</span>
                </div>
                <div class="but gobtn gonext addressPopBtn">SAVE</div>
            </div>

        </div>
    </div>

</div>

@verbatim
<script id="DataTmp" type="text/html">
{{each data value index}}
<div class="tr row boxsiz">
    <div class="td w56">{{index+1}}</div>
    <div class="td w200">
        <div>{{value.first_name}} {{value.last_name}}</div>
        <div>{{value.company_name}}</div>
        {{if (value.is_default==1) }}
        <div class="default-btn">Default address</div>
        {{/if}}

    </div>
    <div class="td w200">
        <div>{{value.email}}</div>
        <div>{{value.phone}}</div>
    </div>
    <div class="td w200">{{value.detail_address}}</div>
    <div class="td w160">
        <div>{{value.country}}</div>
        <div>{{value.province}}</div>
        <div>{{value.city}}</div>
    </div>
    <div class="td w140 row avarage">
        <div class="bot editbtns popaddressbtn" guid="{{value.address_id}}">Edit</div>
        <div class="bot delbtns" guid="{{value.address_id}}">Delete</div>
    </div>
</div>
{{/each}}
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/user/account.js?v={{time()}}"></script>
@endsection