<?xml version="1.0" encoding="utf-8" ?>
<xfd:document xmlns:xfd="http://www.ecrion.com/xfd/1.0" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xf="http://www.ecrion.com/xf/1.0" xmlns:xc="http://www.ecrion.com/2008/xc" xmlns:svg="http://www.w3.org/2000/svg" sample-xml="..\..\..\Test orders\Order_1204378.xml" dt-namespaces="xsd;xsi;" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"/> -->
<xf:stylesheet rel="stylesheet" src=".\bootstrap\bootstrap.min.css"/>
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"/> -->
<xf:stylesheet rel="stylesheet" src=".\bootstrap\bootstrap-theme.min.css"/>
<xfd:localization>
<xfd:locale language-id="en_US" language-name="English (United States)"/>
</xfd:localization>
<!-- #Region Java Scripts -->
<!-- Update Address Label -->
<xf:annotation id="Script-UpdateAddressLabel">
<!-- Updates AddressLabel after one of the address components has been changed -->
<xf:javascript output-type="all">
// Get address
var address = document.getElementsByName("Order/Delivery/DeliveryAddress/Street")[0].value;
// Get houseNumber
var houseNumber = document.getElementsByName("Order/Delivery/DeliveryAddress/HouseNumber")[0].value;
// Get postal code
var postalCode = document.getElementsByName("Order/Delivery/DeliveryAddress/PostalCode")[0].value;
// Get city
var city = document.getElementsByName("Order/Delivery/DeliveryAddress/City")[0].value;
// Get Address Label
var addressLabel = document.getElementById("spnAddress");
// Set Text
addressLabel.innerHTML = address + " " + houseNumber + " " + postalCode + " te " + city;
</xf:javascript>
</xf:annotation>
<!-- Resize Label -->
<xf:annotation id="Script-ResizeLabel">
<!-- Updates the size of the label after it changed its value -->
<xf:javascript output-type="all">
this.style["width"] = ((this.value.length +1) * 9 + 'px';
</xf:javascript>
</xf:annotation>
<!-- Check Call Result -->
<xf:annotation id="Script-CheckCallResult">
<!-- Checks if one of the call result radio buttons has been selected. -->
<xf:javascript output-type="all">
// Check Call Result radio buttons
var radioButtonList = document.getElementsByName("/Call/CallResult");
var isChecked = false;
for (i=0;i<radioButtonList.length;i++)
{
if (radioButtonList[i].checked)
{
isChecked = true;
}
}
if (isChecked)
{
return true;
}
else
{
alert("Selecteer het resultaat van de belpoging!");
return false;
}
</xf:javascript>
</xf:annotation>
<!-- #EndRegion Java Scripts -->
<xfd:attribute-value object="5012FB66" attribute="xf:value" dynamic-value="/Order/Customer/LastName"/>
<xfd:attribute-value object="15911554" attribute="xf:value" dynamic-value="Order/Delivery/DeliveryAddress/HouseNumber"/>
<xfd:attribute-value object="DF91554C" attribute="xf:value" dynamic-value="Order/Delivery/DeliveryAddress/City"/>
<xfd:attribute-value object="78D5FB74" attribute="xf:value" dynamic-value="/Order/Customer/LastName"/>
<xfd:attribute-value object="16CDFB73" attribute="xf:value" dynamic-value="/Order/Customer/Title"/>
<xfd:attribute-value object="531B10B1" attribute="fo:class" value="btn btn-default"/>
<xfd:attribute-value object="717BFB5D" attribute="xf:value" dynamic-value="/Order/Delivery/DeliveryAddress/Street"/>
<xfd:attribute-value object="717BFB5D" attribute="fo:class" value="form-control"/>
<xfd:attribute-value object="12D4FB5E" attribute="xf:value" dynamic-value="/Order/Delivery/DeliveryAddress/HouseNumber"/>
<xfd:attribute-value object="12D4FB5E" attribute="fo:class" value="form-control"/>
<xfd:attribute-value object="59D8FB5F" attribute="xf:value" dynamic-value="/Order/Delivery/DeliveryAddress/PostalCode"/>
<xfd:attribute-value object="59D8FB5F" attribute="fo:class" value="form-control"/>
<xfd:attribute-value object="22D9FB60" attribute="xf:value" dynamic-value="/Order/Delivery/DeliveryAddress/City"/>
<xfd:attribute-value object="22D9FB60" attribute="fo:class" value="form-control"/>
<xfd:attribute-value object="spnAddress" attribute="xf:value" dynamic-value="concat(Order/Delivery/DeliveryAddress/Street, " ", /Order/Delivery/DeliveryAddress/HouseNumber, " ", /Order/Delivery/DeliveryAddress/PostalCode, " te ", /Order/Delivery/DeliveryAddress/City)"/>
<xfd:attribute-value object="787D8E3A" attribute="xf:value" dynamic-value="/Order/Delivery/DeliveryAddress/PostalCode/text()"/>
<fo:layout-master-set>
<fo:simple-page-master master-name="Letter Page" >
<fo:region-body region-name="xsl-region-body" />
<fo:region-before region-name="xsl-region-before" />
<fo:region-after region-name="xsl-region-after" />
<fo:region-start region-name="xsl-region-start" />
<fo:region-end region-name="xsl-region-end" />
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="Letter Page">
<fo:static-content flow-name="xsl-region-before">
<fo:block> </fo:block>
</fo:static-content>
<fo:static-content flow-name="xsl-region-after">
<fo:block> </fo:block>
</fo:static-content>
<fo:static-content flow-name="xsl-region-start">
<fo:block> </fo:block>
</fo:static-content>
<fo:static-content flow-name="xsl-region-end">
<fo:block> </fo:block>
</fo:static-content>
<fo:flow flow-name="xsl-region-body">
<fo:block class="container">
<xf:form>
<!-- Introduction + Logo -->
<fo:block class="row">
<fo:block class="col-md-3 col-md-push-9">
<fo:external-graphic src="url(https://content.reviva.nl/DocumentImages/Reviva/RCCA/OPD.jpg)" xf:alt-text="Online Pakket Dienst"/>
</fo:block>
<fo:block class="col-md-9 col-md-pull-3">
<xfd:conditional-block-sequence>
<xfd:conditional-block test="number(translate($XFCrtLocalTime, ':','')) < 120000">
<fo:block>Goede morgen, U spreekt met <fo:inline id="spnCallerName" font-weight="bold">{PLACEHOLDER-CALLER-NAME}</fo:inline> van de Online Pakket Dienst namens <xfd:field xpath="/Order/OrderBranding" fo:font-weight="bold"/>. Spreek ik met <xfd:field xpath="/Order/Customer/Title" fo:font-weight="bold"/><fo:inline font-weight="bold"> <xfd:field xpath="/Order/Customer/LastName"/></fo:inline>? </fo:block>
</xfd:conditional-block>
<xfd:conditional-block test="number(translate($XFCrtLocalTime, ':','')) >= 120000 and number(translate($XFCrtLocalTime, ':','')) < 180000">
<fo:block>Goede middag, U spreekt met <fo:inline id="spnCallerName" font-weight="bold">{PLACEHOLDER-CALLER-NAME}</fo:inline> van de Online Pakket Dienst namens <xfd:field xpath="/Order/OrderBranding" fo:font-weight="bold"/>. Spreek ik met <xfd:field xpath="/Order/Customer/Title" fo:font-weight="bold"/><fo:inline font-weight="bold"> <xfd:field xpath="/Order/Customer/LastName"/></fo:inline>? </fo:block>
</xfd:conditional-block>
<xfd:conditional-block>
<fo:block>Goede avond, U spreekt met <fo:inline id="spnCallerName" font-weight="bold">{PLACEHOLDER-CALLER-NAME}</fo:inline> van de Online Pakket Dienst namens <xfd:field xpath="/Order/OrderBranding" fo:font-weight="bold"/>. Spreek ik met <xfd:field xpath="/Order/Customer/Title" fo:font-weight="bold"/> <xfd:field xpath="/Order/Customer/LastName" fo:font-weight="bold"/>?</fo:block>
</xfd:conditional-block>
</xfd:conditional-block-sequence>
Klopt het dat u een bestelling heeft geplaatst bij <xfd:field xpath="/Order/OrderBranding" fo:font-weight="bold"/>?
</fo:block>
</fo:block>
<!-- Lorum ipsum -->
<fo:block class="row">
<fo:block class="col-md-12">
<fo:block> </fo:block>
<fo:block>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</fo:block>
<fo:block> </fo:block>
</fo:block>
</fo:block>
<!-- Addres and appointment -->
<fo:block class="row">
<fo:block class="col-sm-12 col-md-5 col-lg-6">
<fo:block class="form-group">
<fo:block>Adres</fo:block>
<fo:block>
<xf:form-control multiline="false" fo:id="717BFB5D" type="text" fo:scaling="non-uniform" editable="true" name="Order/Delivery/DeliveryAddress/Street" id="39C110C2">
<xf:form-action action-type="JavaScript" event="onBlur" annotation-reference="Script-UpdateAddressLabel"/>
</xf:form-control>
</fo:block>
</fo:block>
<fo:block class="form-group">
<fo:block>Huisnummer</fo:block>
<fo:block>
<xf:form-control multiline="false" fo:id="12D4FB5E" type="text" fo:scaling="non-uniform" editable="true" name="Order/Delivery/DeliveryAddress/HouseNumber" id="11010C31">
<xf:form-action action-type="JavaScript" event="onBlur" annotation-reference="Script-UpdateAddressLabel"/>
</xf:form-control>
</fo:block>
</fo:block>
<fo:block class="form-group">
<fo:block>Postcode</fo:block>
<fo:block>
<xf:form-control multiline="false" fo:id="59D8FB5F" type="text" fo:scaling="non-uniform" editable="true" name="Order/Delivery/DeliveryAddress/PostalCode" id="5AF610C3">
<xf:form-action action-type="JavaScript" event="onBlur" annotation-reference="Script-UpdateAddressLabel"/>
</xf:form-control>
</fo:block>
</fo:block>
<fo:block class="form-group">
<fo:block>Woonplaats</fo:block>
<fo:block>
<xf:form-control multiline="false" fo:id="22D9FB60" type="text" fo:scaling="non-uniform" editable="true" name="Order/Delivery/DeliveryAddress/City" id="1D9510C3">
<xf:form-action action-type="JavaScript" event="onBlur" annotation-reference="Script-UpdateAddressLabel"/>
</xf:form-control>
</fo:block>
</fo:block>
</fo:block>
<fo:block class="col-sm-12 col-md-7 col-lg-6">
<fo:block>
<xfd:subdocument-content src="url(..\..\..\Building blocks\RCCA\Placeholder-RCM.xfc)"/>
</fo:block>
</fo:block>
</fo:block>
<!-- Summary -->
<fo:block class="row">
<fo:block class="col-md-12">
<fo:block> </fo:block>
<fo:block> </fo:block>
<fo:block>Ik vat het even samen: We komen op <fo:inline class="js-reservation" font-weight="bold">Selecteer aflevermoment</fo:inline> uw bestelling bezorgen op: <fo:inline id="spnAddress" font-weight="bold">{PLACEHOLDER-ADDRESS}</fo:inline>, U heeft een machtigingsbewijs, uw "ID bewijs" en pinpas, waarmee de order is geplaatst, nodig. Van het getekende contract, uw pinpas en het "ID bewijs" wordt nog een scan of digitale foto gemaakt door de koerier. U dient uw pinpas te gebruiken om of het eventuele remboursbedrag te pinnen of indien het remboursbedrag 0 euro is, een pin transactie te doen van 1 eurocent om te controleren of uw rekening actief is. U ontvangt op uw email adres een bevestiging van deze afleverafspraak, en zodra uw bestelling is ingepland in de bezorgroute krijgt u een sms met daarin het tijdvenster waarop gepland is dat de koerier bij u langs komt. Heeft u nog vragen? </fo:block>
<fo:block> </fo:block>
<fo:block>Indien u woonachtig bent in een flatgebouw of appartement dan vragen wij u voor de aflevering naar beneden te komen, dit in verband met de veiligheid van de koeriers. Wilt u op dag van aflevering zorgen dat u telefonisch bereikbaar bent, dit om de aflevering zo voorspoedig mogelijk te laten verlopen. U wordt een half uur voor levering door onze koerier met afgeschermd nummer gebeld.</fo:block>
<fo:block> </fo:block>
</fo:block>
</fo:block>
<!-- Call Result blocks, General RCCA block + Call type specific block -->
<fo:block class="navbar navbar-default">
<fo:block class="container-fluid"><xfd:subdocument-content src="url(.\RCCAResult.xfc)">
<xfd:subdocument-parameter name="NotReachedLabel" value="'Geen gehoor'" />
<xfd:subdocument-parameter name="HasWrongNumberLabel" value="'Fictief nummer'" />
<xfd:subdocument-parameter name="CallBackLaterLabel" value="'Later terug bellen'" />
<xfd:subdocument-parameter name="SucceededLabel" value="'Afspraak gemaakt'" />
</xfd:subdocument-content>
<xfd:subdocument-content src="url(.\AppointmentResult.xfc)"/>
</fo:block>
</fo:block>
<!-- Call remark -->
<fo:block class="row">
<fo:block class="col-sm-12 col-md-12 col-lg-12">
<fo:block class="form-group">
<fo:block>Opmerkingen</fo:block>
<fo:block>
<xf:form-control multiline="true" xf:class="form-control" xf:type="text" fo:scaling="non-uniform" xf:id="C3AF2B58" editable="true" name="CallRemark"/>
</fo:block>
</fo:block>
</fo:block>
</fo:block>
<!-- Save button -->
<fo:block class="col-md-12">
<xf:form-control url="Save.aspx" method="post" type="submit" editable="false" value="Submit" name="Submit" fo:id="531B10B1"><xf:form-action action-type="JavaScript" event="onMouseDown" annotation-reference="Script-CheckCallResult"/></xf:form-control></fo:block></xf:form>
</fo:block>
</fo:flow>
</fo:page-sequence>
</xfd:document>