<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 offer-details-column">
<div class="offer-details-holder">
<div class="adjust-offer-block">
<div>
<h3 class="adjust-offer-title">adjust your offer</h3>
<div class="border-2-bottom"></div>
<section class="total-with-scratched-price">
<div class="row">
<div class="col-xs-12">
<p class="movu-spacing-16-bottom">You can adjust your offer by removing or adding services. The prices adjust automatically.</p>
</div>
</div>
<div class="checkbox-list clearfix">
<div class="row">
<div class="col-xs-12">
<div class="checkbox-wrapper">
<div class="col-xs-7 no-padding-left no-padding-right">
<div class="form-check">
<label class="checkbox medium-bold" for="checkbox"> Moving <input type="checkbox" id="checkbox-default" name="checkbox-default" class="checkbox-default"></label>
</div>
</div>
<div class="col-xs-5 no-padding-left no-padding-right">
<h3 class="pull-right offer-detail-item-price main-service-price">CHF 590.-</h3>
</div>
</div>
</div>
</div>
<div class="border-2-bottom movu-spacing-8-top movu-spacing-8-bottom"></div>
<div class="row">
<div class="col-xs-12">
<div class="checkbox-wrapper">
<div class="col-xs-7 no-padding-left no-padding-right">
<div class="form-check">
<label class="checkbox medium-bold" for="checkbox"> Cleaning <input type="checkbox" id="checkbox-default" name="checkbox-default" class="checkbox-default"></label>
</div>
</div>
<div class="col-xs-5 no-padding-left no-padding-right">
<h3 class="pull-right offer-detail-item-price main-service-price">CHF 590.-</h3>
</div>
</div>
</div>
</div>
<div class="border-2-bottom movu-spacing-8-top"></div>
<div class="row">
<div class="col-xs-12">
<p class="movu-spacing-16-bottom">Our partners also offer you additional services. Adding services changes the prices of the offers.</p>
</div>
</div>
<div class="checkbox-wrapper">
<div class="col-xs-12 col-md-8 no-padding-left no-padding-right">
<div class="form-check">
<label class="checkbox with-popover" for="checkbox"> Disassembling / assembling of furniture <input type="checkbox" id="checkbox-default" name="checkbox-default" class="checkbox-default"></label>
<div class="container">
<div class="row">
<div class="col-xs-12">
<movu-popover trigger='<i class="material-icons">error_outline</i>' content='This is a simple popover.' action="hover"></movu-popover>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4 no-padding-left no-padding-right">
<h3 class="offer-detail-item-price text-right">CHF 590.-</h3>
</div>
</div>
</div>
<div class="border-2-bottom movu-spacing-16-top"></div>
<div class="row total-price-row">
<div class="col-xs-12">
<div class="title-price pull-left">
<h3>total price *</h3>
<p class="small">incl. VAT</p>
</div>
<div class="pull-right text-right prices-right">
<p class="old-prices"><s class="old-price small">CHF 1000.-</s></p>
<h1 class="price-discount">CHF 990.-</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<p class="small movu-spacing-16-top movu-spacing-16-bottom">* This is a <strong>guaranteed fixed-price.</strong> No additional costs.</p>
</div>
</div>
</section>
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-12">
<button class="button-primary button-default book-offer-now" onclick="this.blur();">Book this offer<i class="material-icons cta-icon">chevron_right</i></button>
<movu-button primary text="Book this offer" cta custom_class="book-offer-now"></movu-button>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="free-cancelation">
<div class="title-row">
<h4>Free cancelation</h4>
</div>
<div class="body-row">
<p class="body-text small">For changes or cancelling the service, please contact our Customer support at:</p>
<movu-button flat text="More information" cta></movu-button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% extends '@adjust-offer-template' %}
{% block main %}
<div class="row">
<div class="col-xs-12">
<p class="movu-spacing-16-bottom">You can adjust your offer by removing or adding services. The prices adjust automatically.</p>
</div>
</div>
<div class="checkbox-list clearfix">
<div class="row">
<div class="col-xs-12">
<div class="checkbox-wrapper">
<div class="col-xs-7 no-padding-left no-padding-right">
{% render '@checkbox--checked', { checkboxText: 'Moving', className: 'checkbox medium-bold'}, true %}
</div>
{% if hasPrice %}
<div class="col-xs-5 no-padding-left no-padding-right">
<h3 class="pull-right offer-detail-item-price main-service-price">CHF 590.-</h3>
</div>
{% endif %}
</div>
</div>
</div>
<div class="border-2-bottom movu-spacing-8-top movu-spacing-8-bottom"></div>
<div class="row">
<div class="col-xs-12">
<div class="checkbox-wrapper">
<div class="col-xs-7 no-padding-left no-padding-right">
{% render '@checkbox', { checkboxText: 'Cleaning', className: 'checkbox medium-bold'}, true %}
</div>
{% if hasPrice %}
<div class="col-xs-5 no-padding-left no-padding-right">
<h3 class="pull-right offer-detail-item-price main-service-price">CHF 590.-</h3>
</div>
{% endif %}
</div>
</div>
</div>
{% if hasSubservices %}
<div class="row">
<div class="col-xs-12">
<div class="checkbox-wrapper odd">
<div class="col-xs-12 col-md-8 no-padding-left no-padding-right">
<div class="form-check">
<label class="checkbox with-popover" for="checkbox"> High pressure cleaning of balcony/terrace <input type="checkbox" id="checkbox-default" name="checkbox-default" class="checkbox-default"></label>
<div class="movu-popup-wrapper">
<a class="popover-button" role="button" data-toggle="popover" data-content="This is a simple popover." data-original-title="" title="">
<i class="material-icons md-20 popover-icon">error_outline</i>
</a>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4 no-padding-left no-padding-right">
<h3 class="offer-detail-item-price text-right">CHF 590.-</h3>
</div>
</div>
</div>
</div>
{% endif %}
<div class="border-2-bottom movu-spacing-8-top"></div>
<div class="row">
<div class="col-xs-12">
<p class="movu-spacing-16-bottom">Our partners also offer you additional services. Adding services changes the prices of the offers.</p>
</div>
</div>
<div class="checkbox-wrapper">
{% if hasPrice %}
<div class="col-xs-12 col-md-8 no-padding-left no-padding-right">
{% endif %}
{% if not hasPrice %}
<div class="col-xs-12 no-padding-left no-padding-right">
{% endif %}
{% render '@checkbox--with-popover', { checkboxText: 'Disassembling / assembling of furniture', popoverText: 'Do you have furniture, which will not fit through the staircase (e.g. a big couch, piano, etc.)? Order a furniture lift from our moving companies. Important: The furniture lift can not be used at every location.'}, true %}
</div>
{% if hasPrice %}
<div class="col-xs-12 col-md-4 no-padding-left no-padding-right">
<h3 class="offer-detail-item-price text-right">CHF 590.-</h3>
</div>
{% endif %}
</div>
</div>
{% if discountPrice %}
<div class="border-2-bottom movu-spacing-16-top movu-spacing-16-bottom"></div>
<div class="row">
<div class="col-xs-12">
<p class="pull-left discount-text">Discount code</p>
<h3 class="pull-right">- CHF {{ discountPrice }}.-</h3>
</div>
</div>
{% endif %}
{% if totalPrice %}
<div class="border-2-bottom movu-spacing-16-top"></div>
<div class="row total-price-row">
<div class="col-xs-12">
<div class="title-price pull-left">
<h3>total price *</h3>
<p class="small">incl. VAT</p>
</div>
<div class="pull-right text-right prices-right">
{% if scratchedPrice %}
<p class="old-prices"><s class="old-price small">CHF {{ scratchedPrice }}.-</s></p>
{% endif %}
{% if totalPrice %}
<h1 class="price-discount">CHF {{ totalPrice }}.-</h1>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% if adjustOfferSmallDescription %}
<div class="row">
<div class="col-xs-12">
<p class="small movu-spacing-16-top movu-spacing-16-bottom">{{ adjustOfferSmallDescription }}</p>
</div>
</div>
{% endif %}
{% endblock %}
{
"adjustOfferSectionClass": "total-with-scratched-price",
"hasPrice": true,
"scratchedPrice": "1000",
"totalPrice": "990",
"freeCancelation": true,
"bookOfferBtn": true,
"adjustOfferSmallDescription": "* This is a <strong>guaranteed fixed-price.</strong> No additional costs."
}
No notes defined.