<div class="modal-overlay">
<div class="modal modal-small">
<form>
<div class="modal-header">
<div class="modal-header__title-wrapper">
<button class="btn btn-small btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="20px"
height="20px"
viewBox="0 0 20 20"
enable-background="new 0 0 20 20"
xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6663 9.16665H6.52467L11.183 4.50831L9.99967 3.33331L3.33301 9.99998L9.99967 16.6666L11.1747 15.4916L6.52467 10.8333H16.6663V9.16665V9.16665Z"/>
</svg>
</span>
</span>
</button>
<h2 class="modal-header__title">Override Service Settings</h2>
</div>
<button class="btn btn-small btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="20px"
height="20px"
viewBox="0 0 20 20"
enable-background="new 0 0 20 20"
xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8334 5.3415L14.6584 4.1665L10.0001 8.82484L5.34175 4.1665L4.16675 5.3415L8.82508 9.99984L4.16675 14.6582L5.34175 15.8332L10.0001 11.1748L14.6584 15.8332L15.8334 14.6582L11.1751 9.99984L15.8334 5.3415Z"/>
</svg>
</span>
</span>
</button>
</div>
<div class="modal-body">
<div class="form-row">
<div class="text-input ">
<div class="text-input__pre">
<label class="text-input__label" for="primary-time">Primary Time</label>
</div>
<div class="text-input__inner">
<input type="" class="text-input__input" placeholder="" value="1 hr" id="primary-time" />
</div>
<p class="text-input__helper"></p>
</div>
</div>
<div class="form-row">
<div class="text-input ">
<div class="text-input__pre">
<label class="text-input__label" for="processing-time">Processing Time</label>
</div>
<div class="text-input__inner">
<input type="" class="text-input__input" placeholder="" value="30 min" id="processing-time" />
</div>
<p class="text-input__helper"></p>
</div>
</div>
<div class="form-row">
<div class="text-input ">
<div class="text-input__pre">
<label class="text-input__label" for="finishing-time">Finishing Time</label>
</div>
<div class="text-input__inner">
<input type="" class="text-input__input" placeholder="" value="30 min" id="finishing-time" />
</div>
<p class="text-input__helper"></p>
</div>
</div>
<div class="form-row">
<div class="text-input ">
<div class="text-input__pre">
<label class="text-input__label" for="price-override">Price Override</label>
</div>
<div class="text-input__inner">
<input type="" class="text-input__input" placeholder="" value="$30" id="price-override" />
</div>
<p class="text-input__helper"></p>
</div>
</div>
<div class="form-row">
<div class="text-input ">
<div class="text-input__pre">
<label class="text-input__label" for="commission-override">Commission Override</label>
</div>
<div class="text-input__inner">
<input type="" class="text-input__input" placeholder="" value="13%" id="commission-override" />
</div>
<p class="text-input__helper"></p>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary " type="button">
<span class="btn__inner">
<span class="btn__text">Save Settings</span>
</span>
</button>
<button class="btn btn-secondary " type="button">
<span class="btn__inner">
<span class="btn__text">Cancel and go back</span>
</span>
</button>
</div>
</form>
</div>
</div>
<div class="modal-overlay">
<div class="modal modal-small">
<form>
{{> @modal-header canGoBack=true title="Override Service Settings"}}
<div class="modal-body">
<div class="form-row">
{{>
@text-input
id="primary-time"
label="Primary Time"
value="1 hr"
}}
</div>
<div class="form-row">
{{>
@text-input
id="processing-time"
label="Processing Time"
value="30 min"
}}
</div>
<div class="form-row">
{{>
@text-input
id="finishing-time"
label="Finishing Time"
value="30 min"
}}
</div>
<div class="form-row">
{{>
@text-input
id="price-override"
label="Price Override"
value="$30"
}}
</div>
<div class="form-row">
{{>
@text-input
id="commission-override"
label="Commission Override"
value="13%"
}}
</div>
</div>
{{> @modal-footer primaryAction="Save Settings" secondaryAction="Cancel and go back"}}
</form>
</div>
</div>
/* No context defined for this component. */
There are no notes for this item.