<!-- 页面选择 -->
<div class="am-modal am-modal-no-btn modal-dialog-not-title" tabindex="-1" id="modal-module-pages-select">
    <div class="am-modal-dialog">
        <span data-am-modal-close class="am-close am-close-alt am-icon-times"></span>
        {{if !empty($pages_list)}}
            <form class="am-form" action="false">
                <div data-am-widget="tabs" class="am-tabs am-tabs-d2 am-margin-0">
                    <ul class="am-tabs-nav am-cf">
                        <li class="am-active"><a href="[data-tab-panel-0]">系统页面</a></li>
                        <li><a href="[data-tab-panel-1]">扩展模块</a></li>
                        <li><a href="[data-tab-panel-2]">自定义链接</a></li>
                    </ul>
                    <div class="am-tabs-bd">
                        <div data-tab-panel-0 class="am-tab-panel am-padding-0 am-active">
                            <ul class="am-scrollable-vertical am-list am-list-border am-text-left">
                                {{foreach $pages_list.common.data as $ks=>$vs}}
                                    <li class="page-{{$vs.value}}">
                                        <a href="javascript:;" class="am-text-truncate" data-value="{{$vs.value}}" data-name="{{$vs.name}}">
                                            <span>{{$vs.name}}</span>
                                            <i class="am-icon-check am-fr am-hide"></i>
                                        </a>
                                    </li>
                                {{/foreach}}
                            </ul>
                        </div>
                        <div data-tab-panel-1 class="am-tab-panel am-padding-0">
                            <div class="am-scrollable-vertical">
                                {{foreach $pages_list.plugins.data as $k=>$v}}
                                    <section data-am-widget="accordion" class="am-accordion am-accordion-default" data-am-accordion='{ "multiple": true }'>
                                        <dl class="am-accordion-item am-active">
                                            <dt class="am-accordion-title">{{$v.name}}</dt>
                                            <dd class="am-accordion-bd am-collapse am-in">
                                                <div class="am-accordion-content am-padding-0">
                                                    <ul class="am-list am-list-border am-text-left am-margin-bottom-0">
                                                        {{foreach $v.data as $ks=>$vs}}
                                                            <li class="page-plugins-{{$v.value}}-{{$vs.value}}">
                                                                <a href="javascript:;" class="am-text-truncate" data-value="plugins-{{$v.value}}-{{$vs.value}}" data-name="{{$v.name}}-{{$vs.name}}">
                                                                    <span>{{$vs.name}}</span>
                                                                    <i class="am-icon-check am-fr am-hide"></i>
                                                                </a>
                                                            </li>
                                                        {{/foreach}}
                                                    </ul>
                                                </div>
                                            </dd>
                                        </dl>
                                    </section>
                                {{/foreach}}
                            </div>
                        </div>
                        <div data-tab-panel-2 class="am-tab-panel am-padding-0">
                            <div class="am-scrollable-vertical">
                                <div class="am-alert am-radius am-margin-top-0 am-text-left am-margin-bottom-0">
                                    <div>
                                        <p><strong>WEB端</strong></p>
                                        <div class="am-padding-left-lg">
                                            <p>1. 以http开头</p>
                                        </div>
                                    </div>
                                    <div class="am-margin-top-xs">
                                        <p><strong>小程序/APP</strong></p>
                                        <div class="am-padding-left-lg">
                                            <p>1. 小程序或APP内部地址</p>
                                            <p>2. 小程序以/pages开始</p>
                                            <p>3. 例如：/pages/user/user</p>
                                            <p>4. 支持带参数 ?x=xx</p>
                                            <p>
                                                <a href="{{if empty($layout_pages_custom_doc_url)}}https://ask.shopxo.net/article/106{{else /}}{{$layout_pages_custom_doc_url}}{{/if}}" target="_blank">小程序页面地址配置说明 <i class="am-icon-external-link"></i></a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="pages-custom-url-container am-padding-sm">
                                    {{foreach :MyConst('common_platform_type') as $v}}
                                        <div class="am-input-group am-input-group-sm">
                                            <span class="am-input-group-btn">
                                                <button type="button" class="am-btn am-btn-default am-radius">{{$v.name}}</button>
                                            </span>
                                            <input type="text" name="pages_custom_url_{{$v.value}}" placeholder="{{$v.name}}" class="am-form-field am-radius" value="" />
                                        </div>
                                    {{/foreach}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="am-padding-sm">
                    <button type="button" class="am-btn am-btn-primary am-btn-xs am-btn-block pages-confirm-submit">确认</button>
                </div>
            </form>
        {{else /}}
            {{include file="public/not_data" /}}
        {{/if}}
    </div>
</div>