avrj/eventTicketing

<div class="container">
  <h1 class="sub-header">Seats</h1>

  <div class="row">
    <% @seats.each do |seat| %>
        <% if seat.tickets.count > 0 %>
        <div class="col-sm-3 col-md-3">
          <div class="well">
            <h2 class="text-muted"><%= seat.name %></h2>

            <p><%= seat.description %></p>
            <hr>
            <h3><%= number_to_currency(seat.price) %></h3>
            <hr>
            <div class="progress">
              <div class="progress-bar progress-bar-success" role="progressbar" style="width:<%= seat.free.count.to_f/seat.tickets.count*100%>%">
                <%= seat.free.count %> free
              </div>
              <div class="progress-bar progress-bar-danger" role="progressbar" style="width:<%= 100-(seat.free.count.to_f/seat.tickets.count*100)%>%">
                <% if seat.free.count == 0 %>
                    sold out
                <% end %>
              </div>
            </div>
            <p style="text-align: center;"><%= seat.tickets.count %> total</p>
          </div>
        </div>
            <% end %>
    <% end %>
  </div>

  <h1 class="sub-header">Tickets</h1>

  <div class="row">
    <% @tickets.each do |ticket| %>
        <% if ticket.tickets.count > 0 %>
        <div class="col-sm-3 col-md-3">
          <div class="well">
            <h2 class="text-muted"><%= ticket.name %></h2>
            <p><%= ticket.description %></p>
            <hr>
            <h3><%= number_to_currency(ticket.price) %></h3>
            <hr>
            <div class="progress">
              <div class="progress-bar progress-bar-success" role="progressbar" style="width:<%= ticket.free.count.to_f/ticket.tickets.count*100%>%">
                <%= ticket.free.count %> free
              </div>
              <div class="progress-bar progress-bar-danger" role="progressbar" style="width:<%= 100-(ticket.free.count.to_f/ticket.tickets.count*100)%>%">
                <% if ticket.free.count == 0 %>
                sold out
                <% end %>
              </div>
            </div>
            <p style="text-align: center;"><%= ticket.tickets.count %> total</p>
          </div>
        </div>
            <% end %>
    <% end %>
  </div>
</div>