<%
def hello_world
  puts "Hello World"
end
%>

<div class="card">
  <div class="info">
    <% if contact.photo.url.nil? %>
      <img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png" class="avatar profile dropdown-toggle img-circle" width=65>
    <% else %>
      <%= cl_image_tag contact.photo, class: "profile avatar dropdown-toggle img-circle", width:65%>
    <% end %>
    <div class="text text-color">
      <% if contact.nil? || contact.nil? %> <!-- REPLACE WITH FIRST NAME AND LAST NAME -->
        <p><%= contact.email %></p>
      <% else %>
        <p><%= contact.email %></p>
        <!-- <p><%#= contact.first_name %> <%#= contact.last_name %></p> -->
      <% end %>
      <p class="darker">Last call: <%= Time.now %></p>
    </div>
  </div>
  <div class="call" data-user-id="<%= contact.id %>">
    <%= link_to establish_call_path(contact.id), remote: true, id: "modalTrigger" do  %>
      <i class="fas fa-phone"></i>
    <% end %>
  </div>
</div>



<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="vertical-alignment-helper">
    <div class="modal-dialog vertical-align-center">
      <div class="modal-content modal-color">
        <div class="modal-header">
          <%= link_to "#", class:"pull-right", 'data-dismiss':"modal", 'data-target':"#myModal" do  %>
            <i class="fas fa-times-circle"></i>
          <% end %>
          <div class="container">
            <div class="modal-container">
              <img src="https://kitt.lewagon.com/placeholder/users/ssaunier" alt="" class="profile img-circle" width=150>
              <div class="modal-text">
                <h4 class="modal-title" id="myModalLabel">Calling</h4>
                <h4>
                  <strong>
                    <!-- REPLACE WITH FIRST NAME AND LAST NAME -->
                    <% if contact.nil? || contact.nil? %>
                      <p><%= contact.email %></p>
                    <% else %>
                      <p><%= contact.email %></p>
                      <!-- <p><%#= contact.first_name %> <%#= contact.last_name %></p> -->
                    <% end %>
                  </strong>
                </h4>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


