<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="already-booked">
<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">
<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">
<div class="offer-allready-booked">
<svg class="booked-offer-icon" xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
<path fill='none' d='M0 0h24v24H0V0z' />
<path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z' fill='#5c5c5c' />
</svg>
<h3>You have booked this offer</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="free-cancelation">
<div class="body-row">
<p class="body-text small">You can cancel your booked service free of charge up to 20 days before the service date.</p>
<a href="044 505 14 14" class="cancel-booking-phone small">044 505 14 14</a>
</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": "already-booked",
"hasPrice": true,
"totalPrice": "990",
"adjustOfferSmallDescription": "* This is a <strong>guaranteed fixed-price.</strong> No additional costs.",
"alreadyBooked": true,
"freeCancelation": true
}
No notes defined.