dianhua1560/bhgh

<style type = 'text/css'>
.event-div{
    padding:15px;
    margin-bottom:25px;
    /*border-bottom:1px solid rgba(0,0,0,0.1);*/
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
}

.admin-opts{
    padding: 10px;
    border: 1px solid rgb(204, 234, 202);
    background-color: rgb(230, 251, 231);
}
.card{
    padding: 10px;
    border: 1px solid rgb(204, 234, 202);
    background-color: rgb(230, 251, 231);
    margin:10px;
}
.response-emails{
    margin-left:15px;
}
.spacer{
    clear:both;
    height:25px;
}
</style>

<div class = 'col-md-3'>
</div>
<div class = 'col-md-6'>
<h1>Events Admin</h1>
<div class = 'spacer'></div>
    <% @events.each do |event| %>
    <div class = 'event-div'>
        <div class = 'admin-opts pull-right'>
            <%= link_to 'Delete', delete_event_path(:id => event.id), id: "delete-#{event.id}" %>
            <%= link_to 'Edit', edit_event_path(:id => event.id), id: "edit-#{event.id}" %>
        </div>

        <div>
            <h2><%= link_to event.title, event_path(:id => event.id) %></h2>
        </div>

        <% if @click_hash[event.id].length > 0 %>
            <div class = 'clicks-div card'>
                <h4>Clicks</h4>
                <% @click_hash[event.id].each do |click| %>
                    <div><%= click.email %>: <%= click.created_at %></div>
                <% end %>
            </div>
        <% end %>

        <% if event.has_responses?(@response_hash) %>
            <div class = 'card'>
                <h4>Responses</h4>
                <% event.get_responses(@response_hash).keys.each do |response| %>
                    <div><b><%= response %></b></div>
                    <div class = 'response-emails'>
                        <% event.get_responses(@response_hash)[response].each do |email| %>
                        <div><%= email %></div>
                        <% end %>
                    </div>
                    
                <% end %>
            </div>
        <% end %>
        
    </div>
    <% end %>
</ul>
</div>
<div class = 'col-md-3'></div>