<div class="safe-title">
    <a href="/user/safe">账号安全</a> > 修改绑定手机
</div>
<div class="safe-content">

	@if (empty($user->mobile))
    <!--修改密码框-->
    <div class="form-container update-form ">
        <ul class="form">
            <li class="icon-phone"><input type="text" name="phone" maxlength="11" autocomplete="off" placeholder="请输入您的手机号"></li>
            <li class="icon-code"><input type="text" name="imgCode" autocomplete="off"  maxlength="6"  placeholder="请输入图形验证码"><img class="img-code" src="{{ route('img_authcode') }}" data-src="{{ route('img_authcode') }}"></li>
            <li class="icon-code"><input type="text" name="code" autocomplete="off"  maxlength="6"  placeholder="请输入验证码"><button class="send-code gray" disabled>发送验证码</button></li>
        </ul>
        <button class="btn safe-bind-mobile btn-small">立即绑定</button>
    </div>
    @else
    <div class="form-container update-success ">
        <div class="success-text icon-success">
            您的手机号已绑定！
            <p>绑定的手机号码为：<span>{{ $user->mobile }}</span></p>
        </div>
        <button class="btn btn-change-bind btn-small">修改绑定</button>
{{--        <div class="confirm-dialog">--}}
{{--            <div class="success-text icon-warn">--}}
{{--                手机更换成功后，为了您的账号安全，系统将退出登录。--}}
{{--            </div>--}}
{{--            <span class="arrow-tran"></span>--}}
{{--            <div class="btn-container">--}}
{{--                <button class="btn btn-sure">确定</button>--}}
{{--                <button class="btn btn-cancel">取消</button>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>
    <div class="form-container update-form next-update hide">
        <input type="hidden" value="{{ $user->origin_mobile }}" name="phone" maxlength="11" autocomplete="off">
        <ul class="form">
            <li class="icon-phone"><span>您已绑定手机号码：{{ $user->mobile }}</span></li>
            <li class="icon-code"><input type="text" name="imgCode" autocomplete="off"  maxlength="6"  placeholder="请输入图形验证码"><img class="img-code" src="{{ route('img_authcode') }}" data-src="{{ route('img_authcode') }}"></li>
            <li class="icon-code"><input type="text" name="code" autocomplete="off"  maxlength="6"  placeholder="请输入验证码"><button class="send-code gray" disabled>发送验证码</button></li>
        </ul>
        <button class="btn safe-bind-mobile-next btn-small">下一步</button>
    </div>
    <!--修改密码框-->
    <div class="form-container update-form next-update-form hide">
        <ul class="form">
            <li class="icon-phone"><input type="text" name="phone" maxlength="11" autocomplete="off" placeholder="请输入您的手机号"></li>
            <li class="icon-code"><input type="text" name="imgCode" autocomplete="off"  maxlength="6"  placeholder="请输入图形验证码"><img class="img-code" src="{{ route('img_authcode') }}" data-src="{{ route('img_authcode') }}"></li>
            <li class="icon-code"><input type="text" name="code" autocomplete="off"  maxlength="6"  placeholder="请输入验证码"><button class="send-code gray" disabled>发送验证码</button></li>
        </ul>
        <button class="btn safe-bind-mobile btn-small">立即绑定</button>
    </div>
    @endif

</div>
