app/views/bookings/index.html.erb
<div>
<div class="our-new-custom-nav">
<%= render "layouts/nav" %>
</div>
</div>
<div id="main">
<div class="wrapper">
<%= render partial: "layouts/dashboard_sidebar"%>
<div class="row">
<% @bookings.each do |b| %>
<%= render "booking", booking: b %>
<% end %>
</div>
</div>
</div>
<div id="refund-form" class="modal">
<div class="modal-content">
<h4>Request Refund</h4>
<form action="#">
<p>Why are you requesting a refund?</p>
<p id="cancelled-label">
<input class="with-gap" name="why" type="radio" id="reason-cancelled" checked="checked"/>
<label for="reason-cancelled">The event was cancelled</label>
</p>
<p id="other-label">
<input class="with-gap" name="why" type="radio" id="reason-other" />
<label for="reason-other">Other</label>
</p>
<p id="reason-label">
<input type="text" id="reason-custom" placeholder="Specify..."/>
<input type="hidden" id="uniq_id" />
</p>
</form>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat" id="submit-refund">SUBMIT REQUEST</a>
</div>
</div>