andreea and her horses

_horse_list_item.erb

<li class="js--horseListItem list-item col-1-2">
  <a class="js--horseLink big fancy-text light-link" href="/horses/<%= andreea.id%>"><%= andreea.name %></a>
  <span class="js--horseDetails"></span>
</li>

gistfile1.txt

post '/horses' do
  @horse = Horse.new(params[:horse])
  if request.xhr?
    if @horse.save
      #send back a horse partial
      erb :"/horses/_horse_list_item", layout: false, locals: { andreea: @horse }
    else
      #bring back some errors
      status 422
      erb :"/horses/_new_horse_form", layout: false
    end
  else
    if @horse.save
      redirect "/horses/#{@horse.id}"
    else
      erb :"/horses/new"
    end
  end
end

index.erb

<h1 class="big">Meet the Herd</h1>

<ul class="list js--horseList">
  <% @horses.each do |horse| %>
    <%= erb :'horses/_horse_list_item', locals: { andreea: horse } %>
  <% end %>
</ul>

<form class="js--newHorseForm flex flex-column" method="GET" action="/horses/new">
  <button type="submit" class="button dark">Add a Horse</button>
</form>
<div class="js--newHorseFormContainer">

</div>