{{> layout/header}}
<div class="products-page yoho-page">
    <div class="filter-box">
        {{# filters}}
            {{#if checked}}
                <div class="checked">
                    <span class="title">已选条件：</span>

                    {{# checked}}
                        <span class="item">
                            {{name}}
                            <i class="close">x</i>
                        </span>
                    {{/ checked}}
                </div>
            {{/if}}

            {{#if channel}}
                <div class="channel">
                    <span class="title">频道：</span>

                    {{# channel}}
                        <span class="item">
                            {{name}}
                        </span>
                    {{/ channel}}
                </div>
            {{/if}}

            {{#if msort}}
                <div class="msort">
                    <span class="title">分类：</span>

                    {{# msort}}
                        <span class="item">
                            {{name}}
                        </span>
                    {{/ msort}}
                </div>
            {{/if}}

            {{#if brands}}
                <div class="brands">
                    <span class="title">品牌：</span>

                    <div class="brand-opt">
                        <p class="brands-index">
                            <span>全部</span>
                            <span>0 ~ 9</span>
                            <span>A</span>
                            <span>B</span>
                            <span>C</span>
                            <span>D</span>
                            <span>E</span>
                            <span>F</span>
                            <span>G</span>
                            <span>H</span>
                            <span>I</span>
                            <span>J</span>
                            <span>K</span>
                            <span>L</span>
                            <span>M</span>
                            <span>N</span>
                            <span>O</span>
                            <span>P</span>
                            <span>Q</span>
                            <span>R</span>
                            <span>S</span>
                            <span>T</span>
                            <span>U</span>
                            <span>V</span>
                            <span>W</span>
                            <span>X</span>
                            <span>Y</span>
                            <span>Z</span>
                        </p>

                        <div class="brand-search">
                            <input type="text">
                            <button>
                                <span class="iconfont"></span>
                            </button>
                        </div>

                        <span class="more">
                            <em>收起</em>
                            <i class="iconfont"></i>
                        </span>
                    </div>

                    <div class="brand-panel">
                        <ul class="brands-show">
                            {{#brands}}
                                <li>
                                    <label for="{{name}}">{{text}}</label>
                                    <input type="checkbox" name="{{name}}">
                                </li>
                            {{/ brands}}
                        </ul>

                        <button>确定</button>
                        <button>取消</button>
                    </div>
                </div>
            {{/if}}

            {{#if price}}
                <div class="price">
                    <span class="title">价格：</span>

                    {{# price}}
                        <span>¥{{.}}</span>
                    {{/ price}}

                    <div class="ud-price-range">
                        ¥
                        <input type="text" class="min-limit">
                        -
                        <input type="text" class="max-limit">

                        <button>确定</button>
                    </div>
                </div>
            {{/if}}

            {{#if color}}
                <div class="color">
                    <span class="title">颜色：</span>

                    <ul>
                        {{# color}}
                            <li>
                                <div class="color-block {{name}}"></div>
                                {{text}}
                            </li>
                        {{/ color}}
                    </ul>
                </div>
            {{/if}}

            {{#if seniorChose}}
                <div class="senior">
                    <span class="title">高级选项：</span>

                    <ul>
                        {{#each seniorChose}}
                            <li>
                                {{name}}
                                <span class="iconfont"></span>
                            </li>
                        {{/each}}
                    </ul>

                    <div>
                        {{#each seniorChose}}
                            <ul>
                                {{#each subSenior}}
                                    <li {{#if >
                                        <label for="{{name}}">{{text}}</label>
                                        <input type="checkbox" name="{{name}}">
                                    </li>
                                {{/each}}
                            </ul>
                        {{/each}}
                    </div>

                    <button>确定</button>
                    <button>取消</button>
                </div>
            {{/if}}
        {{/ filters}}
    </div>

    <div class="opt-banner">
        
    </div>

    <div class="goods-container">
        {{#each goods}}
            {{> product/good}}
        {{/each}}
    </div>
</div>
{{> layout/footer}}