<!--
Name: Flower Delivery Order
Description: Florist order form: bouquet style, size, colour palette, a delivery date with Sundays closed, delivery zone, recipient and card message. Price by size + zone. Comes with a shop work-order email and a catalog item for delivery days.
Type: form
Version: pro
CraftForms-Version: 1
Icon: buddicons-community
UUID: form_starter_florist_delivery
Goals: bookings, calculator
Industries: custom-goods
Delivery: wordpress, embed
Email-Template: florist-work-order
Catalog-Item: florist-delivery-days
-->
<!--craftforms-meta
{
    "formula": "size_price + zone_price",
    "transformations": [
        {
            "name": "size_price",
            "type": "linked",
            "linkedField": "size",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 0
        },
        {
            "name": "zone_price",
            "type": "linked",
            "linkedField": "zone",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 0
        },
        {
            "name": "delivery_note",
            "type": "conditional",
            "conditions": [
                {
                    "when": "zone == 'out-of-town'",
                    "value": "\"Deliveries outside the city arrive after 14:00.\""
                }
            ],
            "conditionDefault": "",
            "defValue": "",
            "expose": true,
            "submissionLabel": "Delivery note"
        },
        {
            "name": "delivery_day",
            "type": "expression",
            "value": "is_empty(delivery_date) ? '' : date('l, j F Y', delivery_date.date)",
            "defValue": "",
            "expose": true,
            "submissionLabel": ""
        }
    ],
    "conditionalLogicRules": [],
    "displayFieldsLogic": [],
    "disableFieldsLogic": [],
    "displayOptionsLogic": [],
    "submitActions": [
        {
            "id": "886ee456-dd59-4ca2-b6b3-67eae44d1c01",
            "type": "save_submission",
            "order": 1,
            "settings": []
        }
    ],
    "sendEmails": true,
    "createEntries": true
}
-->
<!--craftforms-assets
{"2212":{"hash":"b112417d104a35ba70c873019310766f46887798","filename":"bouquet-romantic.jpg","mime":"image/jpeg","path":"starters/forms/assets/florist-delivery-order/bouquet-romantic.jpg"},"2213":{"hash":"51034549757c75b08e0598971059703d4a3603a5","filename":"bouquet-wildflower.jpg","mime":"image/jpeg","path":"starters/forms/assets/florist-delivery-order/bouquet-wildflower.jpg"},"2214":{"hash":"23a1155c74356861adbbe2fdcd8de823a6eda036","filename":"bouquet-seasonal.jpg","mime":"image/jpeg","path":"starters/forms/assets/florist-delivery-order/bouquet-seasonal.jpg"},"2215":{"hash":"325b11f21a0813a4f8fd172d170cd71710fcc7c2","filename":"bouquet-sympathy.jpg","mime":"image/jpeg","path":"starters/forms/assets/florist-delivery-order/bouquet-sympathy.jpg"}}
-->
<!-- wp:craftforms/form {"instanceId":"cfi_2o9i4yu","layout":{"type":"constrained"}} -->
<!-- wp:craftforms/radio-field {"name":"bouquet","label":"Bouquet style","options":[{"label":"Romantic","value":"romantic","description":"Garden roses, peonies, soft greenery","image":{"id":2212,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-romantic.jpg","alt":"Romantic bouquet of blush garden roses and peonies"}},{"label":"Wildflower","value":"wildflower","description":"Loose, just-picked meadow look","image":{"id":2213,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-wildflower.jpg","alt":"Wildflower bouquet of cosmos, chamomile and cornflowers"}},{"label":"Seasonal","value":"seasonal","description":"The florist's pick of the week","image":{"id":2214,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-seasonal.jpg","alt":"Seasonal autumn bouquet of dahlias and ranunculus"}},{"label":"Sympathy","value":"sympathy","description":"Calm whites and greens","image":{"id":2215,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-sympathy.jpg","alt":"Sympathy bouquet of white lilies and roses"}}],"optionStyle":"card","optionCardImgWidth":120,"optionCardImgHeight":120,"defaultValue":"romantic","required":true,"requiredMessage":"Please choose a bouquet style","className":"is-layout-flex"} -->
<div data-fieldname="bouquet" aria-describedby="bouquet-error" data-validate-minselected="1" data-validate-minselected-message="Please choose a bouquet style" role="group" aria-labelledby="bouquet-label" data-craftforms-field="bouquet" class="wp-block-craftforms-radio-field cf-field-card is-layout-flex"><!-- wp:craftforms/label {"content":"Bouquet style"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Romantic","value":"romantic","checked":true,"name":"bouquet","image":{"id":2212,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-romantic.jpg","alt":"Romantic bouquet of blush garden roses and peonies"},"optionStyle":"card","description":"Garden roses, peonies, soft greenery"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Romantic</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Wildflower","value":"wildflower","name":"bouquet","image":{"id":2213,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-wildflower.jpg","alt":"Wildflower bouquet of cosmos, chamomile and cornflowers"},"optionStyle":"card","description":"Loose, just-picked meadow look"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Wildflower</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Seasonal","value":"seasonal","name":"bouquet","image":{"id":2214,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-seasonal.jpg","alt":"Seasonal autumn bouquet of dahlias and ranunculus"},"optionStyle":"card","description":"The florist's pick of the week"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Seasonal</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Sympathy","value":"sympathy","name":"bouquet","image":{"id":2215,"url":"https://sandbox.test/wp-content/uploads/2026/10/bouquet-sympathy.jpg","alt":"Sympathy bouquet of white lilies and roses"},"optionStyle":"card","description":"Calm whites and greens"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Sympathy</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.bouquet}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/radio-field {"name":"size","label":"Size","options":[{"label":"Petite","value":"petite","price":35,"description":"About 10 stems"},{"label":"Classic","value":"classic","price":55,"description":"About 18 stems"},{"label":"Grand","value":"grand","price":85,"description":"About 30 stems"}],"optionStyle":"text","defaultValue":"classic","required":true,"requiredMessage":"Please choose a size","className":"is-layout-flex"} -->
<div data-fieldname="size" aria-describedby="size-error" data-validate-minselected="1" data-validate-minselected-message="Please choose a size" role="group" aria-labelledby="size-label" data-craftforms-field="size" class="wp-block-craftforms-radio-field is-layout-flex"><!-- wp:craftforms/label {"content":"Size"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Petite","value":"petite","name":"size","price":35,"optionStyle":"text","description":"About 10 stems"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Petite</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Classic","value":"classic","checked":true,"name":"size","price":55,"optionStyle":"text","description":"About 18 stems"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Classic</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Grand","value":"grand","name":"size","price":85,"optionStyle":"text","description":"About 30 stems"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Grand</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.size}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/radio-field {"name":"palette","label":"Colour palette","options":[{"label":"Blush","value":"blush","color":"#F2C4C0"},{"label":"Sunset","value":"sunset","color":"#E8875A"},{"label":"White \u0026 green","value":"white-green","color":"#DCE8D2"}],"optionStyle":"color","optionSwatchWidth":44,"optionSwatchHeight":44,"defaultValue":"blush","required":true,"requiredMessage":"Please choose a colour palette","className":"is-layout-flex"} -->
<div data-fieldname="palette" aria-describedby="palette-error" data-validate-minselected="1" data-validate-minselected-message="Please choose a colour palette" role="group" aria-labelledby="palette-label" data-craftforms-field="palette" class="wp-block-craftforms-radio-field is-layout-flex"><!-- wp:craftforms/label {"content":"Colour palette"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Blush","value":"blush","checked":true,"name":"palette","color":"#F2C4C0","optionStyle":"color"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Blush</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Sunset","value":"sunset","name":"palette","color":"#E8875A","optionStyle":"color"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Sunset</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"White \u0026 green","value":"white-green","name":"palette","color":"#DCE8D2","optionStyle":"color"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">White &amp; green</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.palette}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Delivery</h3>
<!-- /wp:heading -->

<!-- wp:craftforms/booking-datepicker-field {"name":"delivery_date","label":"Delivery date","required":true,"inline":true,"bookingType":"seasonal","formFieldType":"seasonal","requiredMessage":"Please choose a delivery date"} -->
<!-- wp:craftforms/label {"content":"Delivery date"} /-->

<!-- wp:craftforms/booking-datepicker {"name":"delivery_date","required":true,"inline":true,"bookingType":"seasonal","formFieldType":"seasonal"} /-->

<!-- wp:craftforms/form-error {"content":"{{error.delivery_date}}","style":{"color":{"text":"#cc1818"}}} /-->
<!-- /wp:craftforms/booking-datepicker-field -->

<!-- wp:craftforms/select-field {"name":"zone","label":"Delivery zone","options":[{"label":"City centre","value":"city-centre","price":0},{"label":"Suburbs","value":"suburbs","price":7},{"label":"Out of town","value":"out-of-town","price":15}],"required":true} -->
<!-- wp:craftforms/label {"content":"Delivery zone"} /-->

<!-- wp:craftforms/select {"name":"zone","options":[{"label":"City centre","value":"city-centre","price":0},{"label":"Suburbs","value":"suburbs","price":7},{"label":"Out of town","value":"out-of-town","price":15}],"required":true} /-->

<!-- wp:craftforms/form-error {"content":"{{error.zone}}"} /-->
<!-- /wp:craftforms/select-field -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Who it's for</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":"14rem"}} -->
<div class="wp-block-group"><!-- wp:craftforms/text-input-field {"name":"recipient_name","label":"Recipient name","required":true} -->
<!-- wp:craftforms/label {"content":"Recipient name"} /-->

<!-- wp:craftforms/text-input {"name":"recipient_name","required":true} /-->

<!-- wp:craftforms/form-error {"content":"{{error.recipient_name}}"} /-->
<!-- /wp:craftforms/text-input-field -->

<!-- wp:craftforms/text-input-field {"name":"recipient_phone","label":"Recipient phone","type":"tel","required":true} -->
<!-- wp:craftforms/label {"content":"Recipient phone"} /-->

<!-- wp:craftforms/text-input {"name":"recipient_phone","type":"tel","required":true} /-->

<!-- wp:craftforms/form-error {"content":"{{error.recipient_phone}}"} /-->
<!-- /wp:craftforms/text-input-field --></div>
<!-- /wp:group -->

<!-- wp:craftforms/text-input-field {"name":"recipient_address","label":"Delivery address","required":true} -->
<!-- wp:craftforms/label {"content":"Delivery address"} /-->

<!-- wp:craftforms/text-input {"name":"recipient_address","required":true} /-->

<!-- wp:craftforms/form-error {"content":"{{error.recipient_address}}"} /-->
<!-- /wp:craftforms/text-input-field -->

<!-- wp:craftforms/textarea-field {"name":"card_message","label":"Card message","placeholder":"Up to 200 characters, so it fits the card","maxlength":200} -->
<!-- wp:craftforms/label {"content":"Card message"} /-->

<!-- wp:craftforms/textarea {"name":"card_message","placeholder":"Up to 200 characters, so it fits the card","maxlength":200} /-->

<!-- wp:craftforms/form-error {"content":"{{error.card_message}}"} /-->
<!-- /wp:craftforms/textarea-field -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Your details</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":"14rem"}} -->
<div class="wp-block-group"><!-- wp:craftforms/text-input-field {"name":"name","label":"Your name","required":true} -->
<!-- wp:craftforms/label {"content":"Your name"} /-->

<!-- wp:craftforms/text-input {"name":"name","required":true} /-->

<!-- wp:craftforms/form-error {"content":"{{error.name}}"} /-->
<!-- /wp:craftforms/text-input-field -->

<!-- wp:craftforms/text-input-field {"name":"email","label":"Your email","type":"email","required":true} -->
<!-- wp:craftforms/label {"content":"Your email"} /-->

<!-- wp:craftforms/text-input {"name":"email","type":"email","required":true} /-->

<!-- wp:craftforms/form-error {"content":"{{error.email}}"} /-->
<!-- /wp:craftforms/text-input-field --></div>
<!-- /wp:group -->

<!-- wp:craftforms/infoblock {"style":{"color":{"background":"#F6E3E0"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"24px","right":"24px"}},"border":{"radius":"8px"}}} -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700","fontSize":"1.4rem"}}} -->
<p style="font-size:1.4rem;font-weight:700">Total: {{form.currency}}{{form.price}}</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Delivery date: <strong>{{field.delivery_date.date}}</strong> · we deliver between 9:00 and 17:00</p>
<!-- /wp:paragraph -->
<!-- /wp:craftforms/infoblock -->

<!-- wp:craftforms/submit-button {"label":"Order flowers"} /-->

<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --><div class="wp-block-group"><!-- wp:craftforms/notification /--></div><!-- /wp:group -->
<!-- /wp:craftforms/form -->