<turbo-stream action="append" target="gift_cards"><template><turbo-frame id="gift_card_19106b85-b8b3-4957-8d12-da324a481ad9"><div class="col-md-6 col-md-offset-3 space--mt--large space--mb--large">
<h2 class="text--headline text--headline--4 space--mb--small">
Additional Gift Card
</h2>
<input autocomplete="off" type="hidden" name="gift_card_order[gift_cards_attributes][][id]" id="gift_card_order_gift_cards_attributes__id" />
<input autocomplete="off" type="hidden" value="false" name="gift_card_order[gift_cards_attributes][][_destroy]" id="gift_card_order_gift_cards_attributes___destroy" />
<div class="form-box" data-controller="toggler" data-toggler-select-value="" data-toggler-toggled-class="hidden">
<div class="row form-box__row">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__recipient_name"><span class="form-label required">
Recipient Name
</span>
<input class="form-input" type="text" name="gift_card_order[gift_cards_attributes][][recipient_name]" id="gift_card_order_gift_cards_attributes__recipient_name" />
</label></div>
</div>
<div class="row form-box__row">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__recipient_email"><span class="form-label required">
Recipient Email
</span>
<input type="email" class="form-input" name="gift_card_order[gift_cards_attributes][][recipient_email]" id="gift_card_order_gift_cards_attributes__recipient_email" />
</label></div>
</div>
<div class="row form-box__row">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__recipient_email_confirmation"><span class="form-label required">
Confirm Recipient Email
</span>
<input type="email" class="form-input" name="gift_card_order[gift_cards_attributes][][recipient_email_confirmation]" id="gift_card_order_gift_cards_attributes__recipient_email_confirmation" />
</label></div>
</div>
<div class="row form-box__row">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__amount"><span class="form-label">
Amount
</span>
<p class="form-box__field-description">
<a href="https://www.contexttravel.com/interests/audio-guides">Context Audio Guides</a>
are $20 each,
<a href="https://www.contexttravel.com/interests/inspire-your-trip">pre-trip lectures</a>
are $27 each, a privately guided tour averages at $250-500 per tour, and a spot on a small group tour averages $100-$200.
</p>
<select class="form-input" data-action="toggler#toggleClassesOnSelect" name="gift_card_order[gift_cards_attributes][][amount]" id="gift_card_order_gift_cards_attributes__amount"><option value="20">$20</option>
<option value="50">$50</option>
<option selected="selected" value="100">$100</option>
<option value="250">$250</option>
<option value="500">$500</option>
<option value="1000">$1000</option>
<option value="">Enter an amount</option></select>
</label></div>
</div>
<div class="row form-box__row hidden" data-toggler-target="element">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__custom_amount"><span class="form-label">
Custom Amount
</span>
<input type="number" class="form-input" name="gift_card_order[gift_cards_attributes][][custom_amount]" id="gift_card_order_gift_cards_attributes__custom_amount" />
</label></div>
</div>
<div class="row form-box__row">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__delivery_date"><span class="form-label">
Send On
</span>
<input value="2026-08-03" class="form-input" data-controller="flatpickr" data-flatpickr-enable-time-value="false" data-flatpickr-min-date-value="&quot;2026-08-03&quot;" data-flatpickr-max-date-value="&quot;2027-08-03&quot;" type="date" name="gift_card_order[gift_cards_attributes][][delivery_date]" id="gift_card_order_gift_cards_attributes__delivery_date" />
</label></div>
</div>
<div class="row form-box__row">
<div class="col-md-12">
<label class="form-box__field" for="gift_card_order_gift_cards_attributes__personal_message"><span class="form-label">
Personal Message (optional)
</span>
<textarea type="text" class="form-input form-input--textarea" name="gift_card_order[gift_cards_attributes][][personal_message]" id="gift_card_order_gift_cards_attributes__personal_message">
</textarea>
</label></div>
</div>
<div class="row">
<div class="col-md-12">
<a data-turbo-method="delete" class="text-danger pull-right btn-remove-item" href="/gift-cards?uid=19106b85-b8b3-4957-8d12-da324a481ad9">Remove
<i class="fa fa-minus-circle"></i>
</a></div>
</div>
</div>
</div>
</turbo-frame>
</template></turbo-stream>