angelakuo/citydogshare

<div class= "<%= card_size %>" >
  <div class="card">
    <div class="card-content">
      <span class="card-title activator grey-text text-darken-4"><%= dog.name %><i class="material-icons card-more-icon right">more_vert</i></span>
    </div>
    <div class="card-image waves-effect waves-block waves-light">
      <% if not @current_user.nil? %>
        <%- unless @starred_dogs.exists?(id: dog.id) -%>
          <%= link_to starred_dogs_path(dog_id: dog), method: :post, id: "star_#{dog.id}", :class => "star_dog_link" do%>
          <i class="fa fa-star-o" aria-hidden="true" id="favorite_star"></i>
        <%end%>
      <% else %>
        <%= link_to starred_dogs_path(dog_id: dog), method: :delete, id: "star_#{dog.id}", :class => "star_dog_link" do%>
        <i class="fa fa-star" aria-hidden="true" id="favorite_star"></i>
        <% end %>
      <% end %>
    <%end%>
  
      <% if dog.photo.file? %>
        <%= image_tag dog.photo.url(:large), :class => "activator card-img" %>
      <% else %>
        <%= image_tag "default_dog.jpg", :class => "activator card-img" %>
      <% end %>
    </div>

    <div class="card-action">
      <% if @is_admin or (@current_user and @current_user.dogs.exists?(id: dog.id)) -%>
        <a href="<%= edit_dog_path(dog.id) %>" class="green-text text-accent-4">Edit</a>
      <% end %>
      <a href="<%= dog_path(dog.id) %>" class="light-blue-text text-darken-3">View Full Profile</a>
    </div>
    <div class="card-reveal">
      <span class="card-title grey-text text-darken-4"><a href="<%= dog_path(dog.id) %>">About <%= dog.name %></a>
        <i class="material-icons right tooltipped" data-position="bottom" data-delay="50" data-tooltip="Close">close</i>
        <% if @is_admin or (@current_user and @current_user.dogs.exists?(id: dog.id)) -%>
          <a href="<%= edit_dog_path(dog.id) %>"><i class="material-icons right tooltipped green-text text-accent-4" data-position="bottom" data-delay="50" data-tooltip="Edit Dog">edit</i></a>
        <% end %>
      </span>
      <ul class="dog-info-list">
        <% if dog.motto != "" %>
          <li class="dog-info-list-item"><strong>Status</strong> <%= dog.motto %></li>
        <% end %>
        <% if dog.age != Date.today.year %>
          <li class="dog-info-list-item"><strong>Age</strong> <%= dog.age_caption %></li>
        <% end %>
        <li class="dog-info-list-item"><strong>Gender</strong> <%= dog.gender %></li>
        <li class="dog-info-list-item"><strong>Mix</strong> <%= dog.readable_mixes.join(", ") %></li>
        <li class="dog-info-list-item"><strong>Size</strong> <%= dog.readable_size %></li>
        <li class="dog-info-list-item"><strong>Personality</strong> <%= dog.tags %></li>
        <% if dog.readable_energy_level != "" %>
          <li class="dog-info-list-item"><strong>Energy</strong> <%= dog.readable_energy_level %></li>
        <% end %>
        <% if !dog.readable_likes.empty? %>
          <li class="dog-info-list-item"><strong>Likes</strong> <%= dog.readable_likes.join(", ") %></li>
        <% end %>
        <% if !dog.readable_barks.empty? %>
          <li class="dog-info-list-item"><strong>Barks</strong> <%= dog.readable_barks.join(", ") %></li>
        <% end %>
        <li class="dog-info-list-item"><strong>Fixed</strong> <%= dog.readable_fixed %></li>
        <li class="dog-info-list-item"><strong>Chipped</strong> <%= dog.readable_chipped %></li>
        <% if !dog.shots_to_date.nil? %>
          <li class="dog-info-list-item"><strong>Shots to Date</strong> <%= dog.readable_shots_to_date %></li>
        <% end %>
        <% if dog.health != "" %>
          <li class="dog-info-list-item"><strong>Health Notes</strong> <%= dog.health %></li>
        <% end %>
        <% if dog.description != "" %>
          <li class="dog-info-list-item"><strong>Description</strong> <%= dog.description %></li>
        <% end %>
        <% if dog.availability != "" %>
          <li class="dog-info-list-item"><strong>Availability</strong> <%= dog.availability %></li>
        <% end %>
      </ul>
    </div>
  </div>
</div>