Skip to content

Instantly share code, notes, and snippets.

@pdr
Created October 18, 2016 22:59
Show Gist options
  • Save pdr/b5203fa3b2f91fca765906d4f90f5692 to your computer and use it in GitHub Desktop.
Save pdr/b5203fa3b2f91fca765906d4f90f5692 to your computer and use it in GitHub Desktop.
<div id="pretop-container">
<div id="book-container">
<div class="wrapper">
<a href=javascript:void(0) class="pretop-container-close"></a>
<h4>Book a</h4>
<h2>Table</h2>
<form action="http://www.opentable.com/restaurant-search.aspx" target="_blank" >
<input type="hidden" id="GeoID" name="GeoID" value="8">
<input type="hidden" id="txtDateFormat" name="txtDateFormat" value="MM/dd/yyyy">
<input type="hidden" id="RestaurantReferralID" name="RestaurantReferralID" value="">
<div class="form-group">
<select name="RestaurantID" class="location selectpicker" required>
<option value="">Location</option>
{% for location in boxes.locations.all %}
{% if location.fields.opentable_id %}
<option value="{{ location.fields.opentable_id }}">{{ location.name }}</option>
{% endif %}
{% endfor %}
</select>
</div>
<div class="form-group">
<select name="PartySize" class="size selectpicker" required>
<option value="">Party size</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="form-group input-group">
<input
type="text"
name="startDate"
class="date datepicker form-control"
placeholder="Date"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<div class="form-group">
<select name="ResTime" class="size selectpicker" required>
<option value="">Time</option>
<option value="10:00 AM">10:00 AM</option>
<option value="10:30 AM">10:30 AM</option>
<option value="11:00 AM">11:00 AM</option>
<option value="11:30 AM">11:30 AM</option>
<option value="12:00 PM">12:00 PM</option>
<option value="12:30 PM">12:30 PM</option>
<option value="1:00 PM">1:00 PM</option>
<option value="1:30 PM">1:30 PM</option>
<option value="2:00 PM">2:00 PM</option>
<option value="2:30 PM">2:30 PM</option>
<option value="3:00 PM">3:00 PM</option>
<option value="4:30 PM">4:30 PM</option>
<option value="5:00 PM">5:00 PM</option>
<option value="5:30 PM">5:30 PM</option>
<option value="6:00 PM">6:00 PM</option>
<option value="6:30 PM">6:30 PM</option>
<option value="7:00 PM">7:00 PM</option>
<option value="7:30 PM">7:30 PM</option>
<option value="8:00 PM">8:00 PM</option>
<option value="8:30 PM">8:30 PM</option>
<option value="9:00 PM">9:00 PM</option>
<option value="9:30 PM">9:30 PM</option>
<option value="10:00 PM">10:00 PM</option>
<option value="10:30 PM">10:30 PM</option>
<option value="11:00 PM">11:00 PM</option>
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary invert">Find a table</button>
</div>
</form>
</div>
</div>
<div id="togo-container">
<div class="wrapper">
<a href=javascript:void(0) class="pretop-container-close"></a>
<h4>Dino</h4>
<h2>To Go</h2>
<form id="dino-to-go-form" action="" method="get" target="_blank">
<div class="form-group">
<select name="location" class="location selectpicker" required>
<option value="">Location</option>
{% for location in boxes.locations.all %}
{% if location.fields.online_ordering_url %}
<option value="{{ location.fields.online_ordering_url }}">{{ location.name }}</option>
{% endif %}
{% endfor %}
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary invert">Order Online</button>
</div>
</form>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment