andela/eventx

<div class="row">
  <div class="col s12">
    <div class="card">
      <div class="card-image">
        <img src="<%= @user_ticket.booking.event.image_url(:landing) %>">
        <%= @user_ticket.status %>
      </div>
      <div class="card-content">
        <span class="card-title activator grey-text text-darken-4"><%= @user_ticket.booking.event.title %><i class="material-icons right" id="open-ticket-details">more_vert</i></span>
        <p><%= @user_ticket.ticket_type.name %></p>
      </div>
      <div class="card-reveal">
        <span class="card-title grey-text text-darken-4">Details:<i class="material-icons right" id="close-ticket-details">close</i></span>
        <ul class="collection">
          <li class="collection-item avatar">
            <img src="<%= @user_ticket.booking.user.profile_url %>" alt="" class="circle">
            <span class="title"><strong>Ticket Owner</strong></span>
            <p><%= @user_ticket.booking.user.first_name %></p>
            <p><%= @user_ticket.booking.user.email %></p>
          </li>
          <% if @user_ticket.is_used %>
          <li class="collection-item avatar">
            <img src="<%= @user_ticket.scanned_by.profile_url %>" alt="" class="circle">
            <span class="title"><strong>Scanned by</strong></span>
            <p><%= @user_ticket.booking.user.first_name %></p>
            <p><%= @user_ticket.booking.user.email %></p>
            <p><%= @user_ticket.time_used.strftime("%b %d, %Y %H:%M %P") %></p>
          </li>
          <% end %>
        </ul>
      </div>
      <div class="card-action">
        <%= @user_ticket.scan_ticket_button %>
        <a href="#" class="btn right">Cancel</a>
      </div>
    </div>
  </div>
</div>