<script type="text/template" data-mvc-template="service-result-item">
<tr class="table-row service-option-item<%- cssIf(isSelected, ' isValid', '')%>">
<td class="table-cell fit table-border-cell">
<div class="table total-height table-border"></div>
</td>
<td class="table-cell fit middle-align">
<input class="service-option-checkbox left-margin-10px" type="checkbox" name="isSelected" />
</td>
<td class="table-cell middle-align">
<div class="service-item-name left-margin-10px"><%- name%></div>
<% if (lastPurchaseDate) { %>
<div class="left-margin-10px top-margin-5px service-item-last-purchase-date-wrapper">
<span class="text-bold"><i class="icon-info-sign"></i> <%- t("results.service.lastpurchasedate")%></span>
<span class="service-item-last-purchase-date"><%- lastPurchaseDate%></span>
</div>
<% } %>
</td>
<td class="table-cell fit middle-align">
<%if (hasOtherInfo) {%>
<i class="js-details icon-info cursor-pointer" data-action="service-item-info"></i>
<%}%>
</td>
<td class="table-cell fit middle-align text-center td-nowrap">
<% if (haveDepartureDates) { %>
<select name="departureDate" class="service-option-departure-selection left-margin-5px right-margin-5px"></select>
<% } %>
</td>
<td class="table-cell fit middle-align text-center td-nowrap">
<div class="service-option-price-loading-wrapper">
<div class="service-option-price">
<span><%= t("price.total") %></span>
<%= renderMoney(price, "normal money-inline left-margin-5px right-margin-5px") %>
</div>
<div class="service-option-loading hide">
<div class="icon-loading"></div>
</div>
</div>
</td>
</tr>
</script>