{{:ModuleInclude('public/header')}}

<!-- header top nav -->
{{:ModuleInclude('public/header_top_nav')}}

<!-- header simple nav -->
{{:ModuleInclude('public/header_nav_simple', [
    'search' => '1',
])}}

<!-- content -->
<div class="am-container user-main">
    <!-- user menu start -->
    {{:ModuleInclude('public/user_menu')}}
  <!-- user menu end -->

  <!-- content start -->
  <div class="user-content">
        <div class="user-content-body">
            <!-- user center title -->
            {{:ModuleInclude('public/user_center_main_title', [
                'operate_url'   => MyUrl('index/personal/index'),
                'operate_name'  => MyLang('retreat_title'),
                'operate_icon'  => 'icon-back'
            ])}}
            <!-- form start -->
            <form class="am-form form-validation am-form-full-screen am-form-popup-sticky" action="{{:MyUrl('index/personal/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('index/personal/index')}}">
                <div class="am-form-popup-content">
                    <div class="am-form-group">
                        <label>{{:MyLang('personal.form_item_nickname')}}<span class="am-form-group-label-tips-must">*</span></label>
                        <input type="text" name="nickname" placeholder="{{:MyLang('personal.form_item_nickname')}}" minlength="1" maxlength="60" data-validation-message="{{:MyLang('personal.form_item_nickname_message')}}" class="am-radius" value="{{if !empty($data['nickname'])}}{{$data.nickname}}{{/if}}"required />
                    </div>
                    <div class="am-form-group">
                        <label>{{:MyLang('personal.form_item_birthday')}}</label>
                        <input type="text" name="birthday" class="am-form-field am-radius Wdate" placeholder="{{:MyLang('personal.form_item_birthday')}}" data-validation-message="{{:MyLang('personal.form_item_birthday_message')}}" value="{{if !empty($data['birthday'])}}{{$data.birthday}}{{/if}}" onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd'})" autocomplete="off" />
                    </div>
                    <div class="am-form-group">
                        <label>{{:MyLang('personal.form_item_province')}}</label>
                        <input type="text" placeholder="{{:MyLang('personal.form_item_province')}}" name="province" data-validation-message="{{:MyLang('personal.form_item_province_message')}}" class="am-radius" value="{{if !empty($data['province'])}}{{$data.province}}{{/if}}" />
                    </div>
                    <div class="am-form-group">
                        <label>{{:MyLang('personal.form_item_city')}}</label>
                        <input type="text" placeholder="{{:MyLang('personal.form_item_city')}}" name="city" data-validation-message="{{:MyLang('personal.form_item_city_message')}}" class="am-radius" value="{{if !empty($data['city'])}}{{$data.city}}{{/if}}" />
                    </div>
                    <div class="am-form-group">
                        <label>{{:MyLang('personal.form_item_county')}}</label>
                        <input type="text" placeholder="{{:MyLang('personal.form_item_county')}}" name="county" data-validation-message="{{:MyLang('personal.form_item_county_message')}}" class="am-radius" value="{{if !empty($data['county'])}}{{$data.county}}{{/if}}" />
                    </div>
                    <div class="am-form-group">
                        <label>{{:MyLang('personal.form_item_address')}}</label>
                        <input type="text" placeholder="{{:MyLang('personal.form_item_address')}}" name="address" maxlength="80" data-validation-message="{{:MyLang('personal.form_item_address_message')}}" class="am-radius" value="{{if !empty($data['address'])}}{{$data.address}}{{/if}}" />
                    </div>
                    {{:ModuleInclude('lib/gender')}}
                </div>

                <div class="am-form-popup-submit">
                    <a href="{{:MyUrl('index/personal/index')}}" class="am-btn am-btn-warning am-radius am-btn-xs am-margin-right-lg">
                        <i class="am-icon-mail-reply"></i>
                        <span>{{:MyLang('retreat_title')}}</span>
                    </a>
                    <button type="submit" class="am-btn am-btn-primary am-radius am-btn-xs btn-loading-example" data-am-loading="{spinner: 'circle-o-notch', loadingText:'{{:MyLang('save_title')}}'}">
                        <i class="am-icon-save"></i>
                        <span>{{:MyLang('save_title')}}</span>
                    </button>
                </div>
            </form>
            <!-- form end -->
        </div>
    </div>
  <!-- content end -->
</div>

<!-- footer start -->
{{:ModuleInclude('public/footer')}}