{"id":95,"date":"2017-08-24T16:23:46","date_gmt":"2017-08-24T15:23:46","guid":{"rendered":"http:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/?page_id=95"},"modified":"2017-08-24T16:23:46","modified_gmt":"2017-08-24T15:23:46","slug":"reserve","status":"publish","type":"page","link":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/reserve\/","title":{"rendered":"Reserve"},"content":{"rendered":"<div class=\"wds-reservation-table-wrapper\" data-shipping-method=\"\">\n<\/div>\n<script type=\"text\/template\" id='wds-reservation-table-script'>\n\t<div class=\"wds-reservation-table\" id=\"wds-reservation-table\" v-if=\"page_loaded\" v-cloak>\n\t\t<!-- Address step -->\n\t\t<div \n\t\t\tclass=\"wds-reservation-table__step wds-reservation-table__step--address\" \n\t\t\t:class=\"{'wds-reservation-table__step--open': step1.form_open}\"\n\t\t\tv-if=\"false === shipping_method_provided_as_shortcode_arg\"\n\t\t\t>\n\t\t\t<div class=\"wds-reservation-table__head\">\n\t\t\t\t<div class=\"wds-reservation-table__head-title\">\n\t\t\t\t\t<span class=\"wds-reservation-table__head-title-heading\">Your Address<\/span>\n\t\t\t\t\t<a class=\"wds-reservation-table__head-title-button\" href=\"#\" @click.prevent='open_form(1)'>\n\t\t\t\t\t\t<span>{{btn_text(1)}}<\/span>\n\t\t\t\t\t<\/a>\t\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wds-reservation-table__head-caption\" v-show=\"! step1.form_open\">{{decode_entities( step1.caption ? step1.caption : step1.none_caption )}}<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"wds-reservation-table__form\" v-show=\"step1.form_open\">\n\t\t\t\t<wds-address @address_changed=\"handle_address_changed\" @button_clicked=\"fetch_shipping_methods\"><\/wds-address>\n\t\t\t<\/div>\n\t\t<\/div> \n\t\t<!-- \/Address step -->\n\t\t<!-- Shipping method step -->\n\t\t<div \n\t\t\tclass=\"wds-reservation-table__step wds-reservation-table__step--shippingmethod\" \n\t\t\t:class=\"{ 'wds-reservation-table__step--grey': has_grey_bg( 2 ), 'wds-reservation-table__step--open': step2.form_open }\"\n\t\t\tv-if=\"false === shipping_method_provided_as_shortcode_arg\"\n\t\t\t>\n\t\t\t<div class=\"wds-reservation-table__head\">\n\t\t\t\t<div class=\"wds-reservation-table__head-title\">\n\t\t\t\t\t<span class=\"wds-reservation-table__head-title-heading\">Shipping Method<\/span>\n\t\t\t\t\t<a class=\"wds-reservation-table__head-title-button\" \n\t\t\t\t\t\thref=\"#\" \n\t\t\t\t\t\t@click.prevent='open_form(2)'\n\t\t\t\t\t\tv-if=\"step1.caption && Object.keys(shipping_methods).length\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<span>{{btn_text(2)}}<\/span>\n\t\t\t\t\t<\/a>\t\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wds-reservation-table__head-caption\" v-show=\"! step2.form_open\">{{ decode_entities( step2.caption ? step2.caption : step2.none_caption ) }}<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"wds-reservation-table__form\"  v-show=\"step2.form_open\">\n\t\t\t\t<ul class=\"wds-reservation-table__shipping-methods\">\n\t\t\t\t\t<li v-for=\"(shipping_method, shipping_method_key) in shipping_methods\" \n\t\t\t\t\t\t@click=\"selected_shipping_method = shipping_method_key\"\n\t\t\t\t\t\tclass='wds-reservation-table__shipping-methods' \n\t\t\t\t\t\t:class=\"{'wds-reservation-table__shipping-method--selected': shipping_method_key === selected_shipping_method }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"wds-reservation-table__shipping-methods-row\">\n\t\t\t\t\t\t\t<div class=\"wds-reservation-table__shipping-methods-row__left\">\n\t\t\t\t\t\t\t\t<input type=\"radio\" v-model=\"selected_shipping_method\" :value=\"shipping_method_key\" name=\"wds-reservation-table-shipping-method\" class=\"iconic-wds-radio\"> <label>{{decode_entities( shipping_method.label )}}<\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"wds-reservation-table__shipping-methods-row__right\" v-html=\"shipping_method.cost\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\n\t\t\t\t<button \n\t\t\t\t\tclass=\"wds-reservation-table-button\" \n\t\t\t\t\t:disabled=\"!selected_shipping_method\"\n\t\t\t\t\t@click=\"handle_fetch_dates_button_click\">Continue<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<!-- \/Shipping method step -->\n\t\t<!-- Timeslot step -->\n\t\t<div class=\"wds-reservation-table__step wds-reservation-table__step--datetime\" :class=\"{ 'wds-reservation-table__step--grey': has_grey_bg( 3 ), 'wds-reservation-table__step--open': step3.form_open }\">\n\t\t\t<div class=\"wds-reservation-table__head\">\n\t\t\t\t<div class=\"wds-reservation-table__head-title\">\n\t\t\t\t\t<span class=\"wds-reservation-table__head-title-heading\">{{shipping_method_type}} Date &amp; Time<\/span>\n\t\t\t\t\t<a class=\"wds-reservation-table__head-title-button\" \n\t\t\t\t\t\thref=\"#\" \n\t\t\t\t\t\t@click.prevent='open_form(3)'\n\t\t\t\t\t\tv-if=\"( shipping_method_provided_as_shortcode_arg || step2.caption ) && datetime_required_for_selected_method\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<span>{{btn_text(3)}}<\/span>\n\t\t\t\t\t<\/a>\t\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wds-reservation-table__head-caption\" v-show=\"! step3.form_open\">\n\t\t\t\t\t{{decode_entities( step3.caption ? step3.caption : step3.none_caption )}}\n\t\t\t\t\t<span class=\"wds-reservation-table__total-fee\" v-if=\"total_fees\" v-html=\"total_fees_formatted\"><\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"wds-reservation-table__form\" v-show=\"step3.form_open\">\n\t\t\t\t<div class=\"wds-reservation-table__select-date\">\n\t\t\t\t\t<wds-reservation-date-slider \n\t\t\t\t\t\t:initial_selected_date=\"selected_date\"\n\t\t\t\t\t\t:available_dates=\"available_dates\" \n\t\t\t\t\t\t@select_date='handle_select_date'\n\t\t\t\t\t\t\/>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- only show this section if timeslot_enabled is enabled -->\n\t\t\t\t<template v-if=\"timeslot_enabled\">\n\t\t\t\t\t<div class=\"wds-reservation-table__select-time\">\n\t\t\t\t\t\t<ul class=\"wds-reservation-table__select-time-ul\">\n\t\t\t\t\t\t\t<li class=\"wds-reservation-table__select-time-ul-li\"\n\t\t\t\t\t\t\t\t:class=\"{ \n\t\t\t\t\t\t\t\t\t'wds-reservation-table__select-time-ul-li--selected': selected_slot === timeslot.slot_id,\n\t\t\t\t\t\t\t\t\t'wds-reservation-table__select-time-ul-li--disabled': 0 === parseInt( timeslot.slots_available_count )\n\t\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\t\tv-for=\"(timeslot,timeslot_index) in selected_date_timeslots\" \n\t\t\t\t\t\t\t\t@click=\"select_slot(timeslot)\">\n\t\t\t\t\t\t\t\t<span class=\"wds-reservation-table__select-time-ul-li-left\" :class=\"{'wds-reservation-table__select-time-ul-li-left--has-earliest': 0 === timeslot_index }\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" :value=\"timeslot.slot_id\" v-model=\"selected_slot\" class=\"iconic-wds-radio\"> \n\t\t\t\t\t\t\t\t\t<label class='wds-reservation-table__select-time-ul-li-label'>{{timeslot.formatted}}<\/label>\n\t\t\t\t\t\t\t\t\t<span class='wds-reservation-table__select-time-ul-li-earliest-slot' v-if=\"is_earliest_slot( timeslot_index )\">Earliest Available Slot<\/span>\n\t\t\t\t\t\t\t\t\t<span class='wds-reservation-table__select-time-ul-li-remaining' v-if=\"remaining_label_threshold >= timeslot.slots_available_count\">\n\t\t\t\t\t\t\t\t\t\t<span v-if=\"0 < parseInt( timeslot.slots_available_count )\">\n\t\t\t\t\t\t\t\t\t\t\t{{parseInt( timeslot.slots_available_count )}} remaining\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span v-else>Slot Unavailable<\/span>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"wds-reservation-table__select-time-ul-li-right\">\n\t\t\t\t\t\t\t\t\t<span class='wds-reservation-table__select-time-fee' v-if=\"timeslot.fee.value\" v-html=\"timeslot.fee.formatted\"><\/span>\n\t\t\t\t\t\t\t\t\t<span class='wds-reservation-table__select-time-fee' v-else>{{strings.free}}<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-if=\"false === available_timeslots[selected_date]\" \n\t\t\t\t\t\t\tclass=\"wds-reservation-table__select-time-noslots\">\n\t\t\t\t\t\t\tNo timeslots available for this date\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/template>\n\n\t\t\t\t<div class=\"wds-reservation-table-button_wrap\">\n\t\t\t\t\t<button class=\"wds-reservation-table-button\"\n\t\t\t\t\t\t@click=\"reserve_slot\"\n\t\t\t\t\t\t:disabled=\"timeslot_enabled ? !selected_slot : !selected_date\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t{{ decode_entities( step3_button_text ) }}\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<!-- \/Timeslot step -->\n\t<\/div>\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":2,"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/pages\/95\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/demos.iconicwp.com\/woocommerce-delivery-slots\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}