<link href="{$template_shop_path}/visual/modules/content/shopping-combination/css/style.css" rel="stylesheet">

<div class="container" id="shop_container" style="display:none">
    <div class="shopping-combination shopping-combination-$_id">
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#combination-info" aria-controls="combination-info" role="tab" data-toggle="tab" class=" cmseasyedit" cmseasy-id="combination_purchase" cmseasy-table="lang" cmseasy-field="template">
                    {lang('combination_purchase')}
                </a>
            </li>
        </ul>
        <div class="tab-content" >
            <div class="combination">
                <div class="">
                    <img src="{$archive['thumb']}" cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="thumb" class="cmseasyeditimg img-responsive">
                    <p cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="title" class="cmseasyedit ">
                        {$archive['title']}
                    </p>
                    <p id="combintshop-type"></p>
                    <p>
                        <label class="checkbox-inline">
                            <input type="checkbox" value="option1" disabled="disabled" checked="checked">
                            <span class=" cmseasyedit" cmseasy-id="unit" cmseasy-table="lang" cmseasy-field="template">
                            {lang('unit')}
                            </span>
                            <span id="combintshop-price"></span>
                        </label>
                    </p>
                </div>
                <div class="combination-shopping-list">
                    <div id="getcombineddata">
                        <div class="combination-shopping-list-swiper col-lg-2 col-md-3 col-xs-4">
                            <img src="{$archive['thumb']}" class="img-responsive">
                            <p cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="title" class="cmseasyedit ">
                                {$archive['title']}
                            </p>
                            <p></p>
                            <p>
                                <label class="checkbox-inline">
                                    <input type="checkbox" value="option1">
                                    <span class=" cmseasyedit" cmseasy-id="unit" cmseasy-table="lang" cmseasy-field="template">
                                    {lang('unit')}
                                    </span>
                                </label>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- Add Pagination -->
                <!-- Initialize Swiper -->
                <div class="combination-shopping-price">
                    <div class="">
                        <!--<p>已选择0个商品</p>-->
                        <p class=" cmseasyedit" cmseasy-id="combination_purchase" cmseasy-table="lang" cmseasy-field="template">
                            {lang('combination_purchase')}
                            ：
                            <span class=" cmseasyedit" cmseasy-id="unit" cmseasy-table="lang" cmseasy-field="template">
                            {lang('unit')}
                            </span>
                            <span id='combinedshopping-price'>0</span>
                        </p>
                        <p>
                            <input type="button" onclick="buycombinedshopping('{url('archive/orders')}','{lang('unchecked_combination')}',{$archive['aid']})" value="{lang('buy')}" class="btn btn-default">
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<style type="text/css">

    .shopping-combination-$_id {
        background:$_background-color;
        border-color:$_background-border-color;
    }
    .shopping-combination-$_id:hover {
        background:$_background-hover-color;
        border-color:$_background-border-hover-color;
    }
    .shopping-combination-$_id .tab-content {
        border-color:$_background-border-color;
    }
    .shopping-combination-$_id:hover .tab-content {
        border-color:$_background-border-hover-color;
    }
    .shopping-combination-$_id .combination:before,
    .shopping-combination-$_id .combination-shopping-price:before {
        color:$_background-border-color;
    }
    .shopping-combination-$_id:hover .combination:before,
    .shopping-combination-$_id:hover .combination-shopping-price:before{
        color:$_background-border-hover-color;
    }
    .shopping-combination-$_id .shopping-combination .tab-content {
        border-color:$_background-border-color;
    }
    .shopping-combination-$_id .nav-tabs>li.active>a,
    .shopping-combination-$_id .nav-tabs>li.active>a:focus,
    .shopping-combination-$_id .nav-tabs>li.active>a:hover
    {
        border-top: 3px solid $_btn-background-color;
    }
    .shopping-combination-$_id .combination-shopping-list-swiper-button-next,
    .shopping-combination-$_id .combination-shopping-list-swiper-button-prev {
        border-color:$_background-border-color;
    }
    .shopping-combination-$_id .combination-shopping-price span,
    .shopping-combination-$_id .combination .checkbox-inline {
        font-size:$_price-size;
        color:$_price-color;
    }
    .shopping-combination-$_id .combination-shopping-price:hover span,
    .shopping-combination-$_id .combination:hover .checkbox-inline {
        color:$_price-hover-color;
    }
    .shopping-combination-$_id .combination-shopping-price .btn {
        font-size:$_btn-size;
        color:$_btn-text-color;
        border-color:$_btn-border-color;
        border-radius: $_btn-border-radius;
        background:$_btn-background-color;
    }
    .shopping-combination-$_id .combination-shopping-price .btn:hover {
        color:$_btn-text-hover-color;
        border-color:$_btn-border-hover-color;
        border-radius: $_btn-border-hover-radius;
        background:$_btn-background-hover-color;
    }
</style>
<script type="text/javascript">
    <!--
    $(function () {
//组合商品
        var combined='{$archive["combined"]}';
        var unit="{lang('unit')}";
        var priceurl='{url("archive/getarchiveprice")}';
        var getcombinedarchiveType='{url("archive/getcombinedarchiveType")}';
        getcombinedshopping(combined,getcombinedarchiveType,unit,priceurl);
    });
    //-->
</script>