twilio-app/twilio/app/views/home/index.html.haml

- content_for :title do
  \- Messages
- content_for :head do
  = javascript_include_tag 'messages'


%div{"ng-app" => "messages"}
  .messages{"ng-controller" => "messagesController as messages"}
    .message.panel.panel-default.col-md-4{"ng-repeat" => "message in messages.allMessages"}
      .panel-heading.text-center <input class="form-control" type="text" ng-model="message.title" />
      .panel-body
        %form
          .form-group
            %label Message Body <input class="form-control" type="text" ng-model="message.body" />
          .form-group
            %label Message Secret <input class="form-control" type="text" ng-model="message.secret"/>
          .form-group
            %label Created
            {{message.created_at | date:"short"}}
          .form-group
            %label Last Updated
            {{message.updated_at | date:"short"}}
      .panel.panel-default
        .panel-heading Call Logs
        .panel-body
          .panel.panel-default.call_log{"ng-repeat" => "log in message.call_logs"}
            .panel-heading {{log.number}}
            .panel-body {{log.created_at | date:"short"}}