<%i
    var tourBoxClassName = [];
    var focusGroup = group[0];
    var show_price = focusGroup.group_price;
    var diff_price = 0;

    /* 旅遊咖推薦 */
    if (["", null, undefined].indexOf(tripRecommend) == -1 && tripRecommend) {
        tourBoxClassName.push("tripRecommend");
    }

    /* 清倉標籤 */
    var orgPrice = false;

    if (["",null,undefined].indexOf(focusGroup.tags_json["7_25"]) == -1) {
        orgPrice = focusGroup.tags_json["7_25"][0];

        tourBoxClassName.push("saleBox");
    }

    if (!orgPrice && ["",null,undefined].indexOf(focusGroup.tags_json["27_99"]) == -1) {
        orgPrice = focusGroup.tags_json["27_99"][0];
        tourBoxClassName.push("saleBox");
    }

    var tourURL = baseUrl + "detail?tour_key=" + tour.tour_key;
    var focusTourURL = tourURL + "&group_code=" + focusGroup.group_code;

    /* 取出要顯示的地點 */
    var tourLoacation = {};
    var loactionListSort = ["country","region","subregion"];
    for (var i in loactionListSort) {
        var tmpLocation =  "";
        var last = false;

        if ( ["",null,undefined].indexOf(tour[ loactionListSort[i] + "_list" ].replace(/\|/ig, "")) == -1 ) {
            tmpLocation = tour[ loactionListSort[i] + "_list" ];
        } else{
            tmpLocation = tour[ loactionListSort[i-1] + "_list" ];
            last = true;
        }
        tmpLocation = tmpLocation.substr(1, tmpLocation.length -2).split("||");
        if ( (tmpLocation.length <= 1 &&  i < loactionListSort.length -1 ) && !last) {
            continue;
        } else {
            tourLoacation[loactionListSort[i]] = tmpLocation;
            break;
        }
    }
    var loactionSchema = {};
    var loactionListSort = ["Country","Region"];
    for (var i in loactionListSort) {
        var tmpLocation =  "";
        var last = false;
        var tmpKey = loactionListSort[i].toLowerCase();
        if ( ["",null,undefined].indexOf(tour[ loactionListSort[i] + "_list" ]) == -1 ) {
            tmpLocation = tour[ tmpKey + "_list" ];
        } else{
            tmpLocation = tour[ tmpKey + "_list" ];
            last = true;
        }
        tmpLocation = tmpLocation.substr(1, tmpLocation.length -2).split("||");
        loactionSchema[loactionListSort[i]] = tmpLocation;
    }

    /* 旅遊咖優惠 */
    var discount_total_price = 0;
    var feedback_coin = 0;
    if (focusGroup.discountSN.length > 0) {
        for (var i in  focusGroup.discountSN) {
            if (["",null,undefined].indexOf(eventDiscount[ focusGroup.discountSN[i] ] ) == -1) {
                switch (eventDiscount[ focusGroup.discountSN[i] ].type) {
                    case "1":
                        feedback_coin += parseInt(eventDiscount[focusGroup.discountSN[i]].price) * 0.01;
                        break;
                    case "2":
                    case "3":
                        discount_total_price += parseInt(eventDiscount[ focusGroup.discountSN[i] ].price);
                        break;
                    case "7":
                        discount_total_price += Math.ceil((show_price * parseInt(eventDiscount[ focusGroup.discountSN[i] ].price) * 0.01));
                        break;
                }
            }
        }
    }

    if(discount_total_price > 0) {
        show_price = parseInt(focusGroup.group_price) - discount_total_price;
    }

    if (orgPrice || discount_total_price > 0) {
        diff_price = orgPrice ? orgPrice - parseInt(focusGroup.group_price) + discount_total_price : discount_total_price;
    }

    if (feedback_coin === 0) {
        feedback_coin = jsVars.rule.feedback_coin;
    }
    coin = Math.floor(show_price * feedback_coin);

    /* 旅行社優惠 */
    var agencyTags = [];
    /* var groupRawTagsIDs = ("|"+Object.keys(focusGroup.tags_format.raw).join("||")+"|").match(/\|7_[0-9]{1,}\|/g);
    if (["",null,undefined].indexOf(groupRawTagsIDs) == -1 && groupRawTagsIDs.length > 0) {
        for (var i in groupRawTagsIDs) {
            var key = groupRawTagsIDs[i].substr(1,groupRawTagsIDs[i].length - 2);
            agencyTags.push(focusGroup.tags_format.raw[key].name);
        }
    } */

    /* 團顯示標籤 */
    var showTags = [];
    if (["",null,undefined].indexOf(focusGroup.tags_display) == -1 ){
        var maxShowCount = 5;
        for (var i = 0; i < focusGroup.tags_display.length; i ++) {
            if (["聯營團體"].indexOf(focusGroup.tags_display[i].name) == -1) {
                showTags.push(focusGroup.tags_display[i]);
            }

            if (showTags.length >= maxShowCount) {
                break;
            }
        }
    }

    var trackTag = "";
    var trackUrl = "";
    if (focusGroup.tags_format.keys.indexOf('27_101') !== -1) {
        trackTag = focusGroup.tags_format.raw['27_101'].name;
        trackUrl = baseUrl + 'operation/' + focusGroup.tags_format.raw['27_101'].value;
    }

%>
<div itemscope itemtype="http://schema.org/Product" class="newTourBox <%=tourBoxClassName.join(' ')%> tourBoxRWD" data-tourkey="<%=tour.tour_key%>" data-groupcode="<%=focusGroup.group_code%>">
    <div class="tourBox hoverable">
        <!-- 旅遊咖推薦 -->
        <div class="tripRecommendText">
            <span><p><strong>旅遊咖</strong>推薦</p><i class="material-icons">&#xE8DC;</i></span>
        </div>

        <!-- 左上標籤 (清倉標籤) -->
        <!-- <% if (orgPrice !== false) {%>
        <div class="saleTagsBox">
            <div class="saleTags redBox">-<span><%= app.Util.formatNumber(orgPrice - parseInt(focusGroup.group_price))%></span>元</div>
        </div>
        <% }%> -->

        <div class="imgGroup">
            <% if (diff_price) {%>
            <div class="discountSale forMobile">
                -$<span class="discount_price"><%= app.Util.formatNumber( diff_price )%></span>
            </div>
            <%} %>
            <a itemprop="url" href="<%=focusTourURL%>" target="_blank">
                <div class="tripImg imgLiquidFill">
                    <img style="display: none;" itemprop="image" src="<%=app.Util.imgLoaderV2(tour.pic,'x32')%>" srcset="<%=app.Util.imgLoaderV2(tour.pic,'x48')%>" alt="<%=tour.title%>">
                </div>
                <div class="imgMask"></div>
            </a>
        </div>
        <div class="tourInfo">
            <div class="infoGroup">
                <div class="tourTop">
                    <div class="topItem">
                        <div itemscope itemtype="http://schema.org/Organization">
                            <a itemprop="url" href="<%=tour.agency_info.link%>" target="_blank">
                                <div class="travelName" itemprop="name">
                                    <strong><%=tour.agency_info.name%></strong>
                                </div>
                            </a>
                            <a itemprop="url" href="<%=tour.agency_info.review_link%>" target="_blank" title="<%=tour.agency_info.name%>">
                                <div class="ratingBox" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                                    <div class="ratingStar" value="<%=tour.agency_info.rating_total%>" title="<%=tour.agency_info.rating_total%>" alt="<%=tour.agency_info.rating_total%>">
                                        <!-- <span class="starBox" style="width: <%=tour.agency_info.rating_total%>%;"></span> -->
                                    </div>
        
                                    <div class="schemaBox">
                                        <em itemprop="worstRating">0</em>
                                        <em itemprop="bestRating">100</em>
                                        <em itemprop="ratingValue"><%=tour.agency_info.rating_total%></em>
                                        <em itemprop="reviewCount"><%=(tour.agency_info.review_count > 1)?tour.agency_info.review_count:1%></em>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="topItem">
                        <% if (trackTag) {%>
                        <a href="<%= trackUrl %>" class="trackTag"><%= trackTag %></a>
                        <% }%>
                        <!-- <a href="" class="trackTag">家庭同遊</a> -->
                        <div class="favloveCompareBox">
                            <%
                                var groupTourStatus = null;
                                var groupTourStatusStr = null;
    
                                if (focusGroup.tags_format.all.indexOf("清倉") >=0) {
                                    groupTourStatus = "clearance";
                                    groupTourStatusStr = "清倉秒殺";
                                } else if (focusGroup.tags_format.all.indexOf("保證成團") >=0) {
                                    groupTourStatus = "guarantee";
                                    groupTourStatusStr = "保證成團";
                                } else if (focusGroup.tags_format.all.indexOf("即將成團") >=0) {
                                    groupTourStatus = "upcoming";
                                    groupTourStatusStr = "即將成團";
                                }
                            %>
    
    
                            <div class="recoDate" rel="<%=groupTourStatus%>">
                                <i class="material-icons">&#xE916;</i>
                                <a href="<%=focusTourURL%>" target="_blank">
                                    <div class="toolTipBox">
                                        <%=app.Moment(focusGroup.date).format("MM/DD (dd)")%>
                                        <div class="toolTipTextBox"><%=groupTourStatusStr%></div>
                                    </div>
                                </a>
                            </div>
                            <div class="favloveCompare">
                                <div class="toolTipBox">
                                    <i class="material-icons btn_function_tour btn_function_tour_compare"
                                        data-pic="<%=tour.pic%>"
                                        data-tourkey="<%=tour.tour_key%>"
                                        data-groupcode="<%=focusGroup.group_code%>"
                                        data-agencycode="<%=tour.agency_code%>"
                                        data-tourcode="<%=tour.tour_code%>"
                                        data-day="<%=tour.days%>"
                                        data-title="<%=tour.title%>"
                                        data-price="<%=tour.minprice%>">&#xE915;</i>
                                    <div class="toolTipTextBox">比較行程</div>
                                </div>
                                <div class="toolTipBox">
                                    <i class="material-icons btn_function_tour btn_function_tour_wish"
                                            data-tourkey="<%=tour.tour_key%>" data-groupcode="<%=focusGroup.group_code%>"
                                    >&#xE87E;</i>
                                    <div class="toolTipTextBox">收藏行程</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a itemprop="url" href="<%=focusTourURL%>" target="_blank">
                    <div class="strokeName">
                        <strong><h2 itemprop="name" title="<%=focusGroup.group_title%>"><%=focusGroup.group_title%></h2></strong>
                    </div>
                </a>
                <div class="locateBox">
                    <div class="locate">
                        <i class="material-icons">&#xE0C8;</i>
                        <h3>
                            <% for (var i in tourLoacation) {%>
                                <%=tourLoacation[i].join("、")%>
                            <% }%>
                        </h3>
                    </div>
                    <% if (diff_price) {%>
                    <div class="discountSale forPC">
                        -$<span class="discount_price"><%= app.Util.formatNumber( diff_price )%></span>
                    </div>
                    <%} %>
                </div>
                <ul class="preFlag">
                    <li class="tag tripressoTag" rel="goldAward" data-toggle="popover" title="金質旅書" data-content="旅遊咖會將「金質旅書」頒發給持續獲得旅客絕佳好評的團體行程、自由行、機票和訂房飯店。">
                        金質旅書
                    </li>
                    <% if (agencyTags.length > 0 ) {%>
                        <li class="tag" rel="travelFlag">
                            <span>旅行社優惠</span>
                            <% for (var agencyTagIndex in agencyTags){%>
                                <span><%=agencyTags[agencyTagIndex]%></span>
                            <% }%>
                        </li>
                    <% }%>
                    <% if (tour.tags_format.all.indexOf("聯營團體") != -1) {%>
                        <li class="tag" rel="associates" data-toggle="popover" title="聯營團體" data-content="旅行社為提高成團率，與幾家信譽良好的旅行社聯盟，共同經營販售的旅遊行程，領隊由結盟旅行社輪流指派，旅遊品質由聯盟共同承諾，不影響您的旅遊品質與權益。">
                            <span>聯營團體
                                <i class="material-icons">&#xE887;</i>
                            </span>
                        </li>
                    <% }%>

                    <% for (var i = 0; i < showTags.length; i++) {%>
                        <li class="tag tripressoTag" data-key="<%=showTags[i].key%>" rel="<%=showTags[i].name%>"><%=showTags[i].name%></li>
                    <% }%>
                </ul>
            </div>
            <div class="tourBottomBox">
                <div class="tourBottom">
                    <ul style="display: none;" class="preFlag">
                        <li class="tag tripressoTag" rel="goldAward" data-toggle="popover" title="金質旅書" data-content="金質旅書金質旅書金質旅書金質旅書">
                            金質旅書
                        </li>
                        <% if (agencyTags.length > 0 ) {%>
                            <li class="tag" rel="travelFlag">
                                <span>旅行社優惠</span>
                                <% for (var agencyTagIndex in agencyTags){%>
                                    <span><%=agencyTags[agencyTagIndex]%></span>
                                <% }%>
                            </li>
                        <% }%> -->
                        <% if (tour.tags_format.all.indexOf("聯營團體") != -1) {%>
                            <li class="tag" rel="associates" data-toggle="popover" title="聯營團體" data-content="旅行社為提高成團率，與幾家信譽良好的旅行社聯盟，共同經營販售的旅遊行程，領隊由結盟旅行社輪流指派，旅遊品質由聯盟共同承諾，不影響您的旅遊品質與權益。">
                                <span>聯營團體
                                    <i class="material-icons">&#xE887;</i>
                                </span>
                            </li>
                        <% }%>

                        <% for (var i = 0; i < showTags.length; i++) {%>
                            <li class="tag tripressoTag" data-key="<%=showTags[i].key%>" rel="<%=showTags[i].name%>"><%=showTags[i].name%></li>
                        <% }%>
                    </ul>
                    <div class="dateFavoriteBox">
                        <div class="dateBox">
                            <div class="dateList">
                                <% _.each(group, function(group_one){
                                    var groupTourStatus = null;
                                    var groupTourStatusStr = null;
                                    /* 團未狀態 */
                                    var groupRawTagsIDs = ("|"+Object.keys(group_one.tags_format.raw).join("||")+"|").match(/\|6_[0-9]{1,}\|/g);
                                    if (["",null,undefined].indexOf(groupRawTagsIDs) == -1 && groupRawTagsIDs.length> 0) {
                                        for (var i in groupRawTagsIDs) {
                                            var key = groupRawTagsIDs[i].substr(1,groupRawTagsIDs[i].length - 2);
                                            if (key !== '6_66') {
                                                groupTourStatusStr = group_one.tags_format.raw[key].name;
                                                break;
                                            }
                                        }
                                    }

                                    if(groupTourStatusStr != null) {
                                        if (groupTourStatusStr.indexOf("清倉") >=0) {
                                            groupTourStatus = "clearance";
                                        } else if (groupTourStatusStr.indexOf("保證成團") >=0) {
                                            groupTourStatus = "guarantee";
                                        } else if (groupTourStatusStr.indexOf("即將成團") >=0) {
                                            groupTourStatus = "upcoming";
                                        } else {
                                            groupTourStatus = "upcoming";
                                        }
                                    } else if (group_one.sell > 0) {
                                        groupTourStatus = "selled";
                                        groupTourStatusStr = "可售" + group_one.sell +"位";
                                    }
                                %>
                                    <div class="flagGroupStatus" rel="<%=groupTourStatus%>">
                                        <a itemprop="url" href="<%=tourURL%>&group_code=<%=group_one.group_code%>" title="<%=tour.title%> <%=group_one.date%>" target="_blank">
                                            <div class="toolTipBox">
                                                <%=app.Moment(group_one.date).format("MM/DD(dd)")%>
                                                <% if (groupTourStatus != null) {%>
                                                <div class="toolTipTextBox"><%=groupTourStatusStr%></div>
                                                <% }%>
                                            </div>
                                        </a>
                                    </div>
                                <%});%>
                            </div>
                            <!-- <div class="dateMore">
                                <a itemprop="url" href="<%=tourURL%>" title="<%=tour.title%> 更多日期" target="_blank">更多...</a>
                            </div> -->
                        </div>
                        <a class="discountInfo" itemprop="url" href="<%=focusTourURL%>" target="_blank">
                            <!-- <div id="giftList" class="discountBox">
                                這塊需要註解改用 templete 的方式 render
                                <div class="giftItem">
                                    <ul>
                                        <li>
                                            <span>贈品</span><span>手機原號漫遊7日(2G)</span>
                                        </li>
                                        <li>
                                            <span>贈品</span><span>7-11商品卡$500</span>
                                        </li>
                                    </ul>
                                </div>
                            </div> -->
                            <div class="discountBox">
                                <div class="discountList">
                                    <ul>
                                        <li>
                                            <div class="dayPriceBox">
                                                <% if (orgPrice || show_price < focusGroup.group_price) {%>
                                                <div class="originPrice">原價<span
                                                        itemprop="highPrice"><%=orgPrice ? app.Util.formatNumber(orgPrice) : app.Util.formatNumber(focusGroup.group_price)%></span>元起
                                                </div>
                                                <% } %>
                                                <div class="dayPrice">
                                                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                                                        <span ><%=tour.days%></span>天
                                                        <span itemprop="price" content="<%=focusGroup.group_price%>"><span itemprop="priceCurrency" content="TWD" style='display:none;'>$</span><%= app.Util.formatNumber(show_price)%></span>元起
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="discountCoin">
                                            <p><span class="coin">咖</span>下單現賺咖幣<span class="price">$<%= app.Util.formatNumber(coin)%></span>起</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="sp_data">
        <%=tour.SP%>
    </div>
</div>