<!DOCTYPE html>
<html class='no-js' lang='en'>
    <head>
        <meta charset='utf-8'>
        <meta content='width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href='/icon.png' rel='shortcut icon'>
        <link href="/stylesheets/manifest.css" rel="stylesheet" type="text/css" />
    </head>
    <body class='signal'>
        <script type='text/x-tmpl-mustache' id='conversation'>
            <div class='title-bar' id='header'>
                <div class='menu'>
                  <button class='hamburger'></button>
                  <ul class='menu-list'>
                      {{#group}}
                          <li><a class='new-group-update'>Update group</a></li>
                          <li><a class='leave-group'>Leave group</a></li>
                      {{/group}}
                      {{^group}}
                          <li><a class='end-session'>Reset Session</a></li>
                          <li><a class='verify-identity'>Verify Identity</a></li>
                      {{/group}}
                      <li><a class='destroy'>Delete messages</a></li>
                  </ul>
                </div>
            </div>

            <div class='discussion-container'></div>

            <div class="bottom-bar" id='footer'>
                <form class='send'>
                    <div class='attachments'>
                        <div class='paperclip'></div>
                        <input type='file' class='file-input'>
                    </div>
                    <input class="send-btn" type='submit' value='' />
                    <input class='send-message' type='textarea' placeholder="Send a message">
                </form>
            </div>
        </script>
        <script type='text/x-tmpl-mustache' id='attachment-preview'>
              <img src="{{ source }}" class="preview" />
              <div class="close">x</div>
        </script>
        <script type='text/x-tmpl-mustache' id='message'>
            <div class='sender'>{{ sender }}</div>
            <img class='avatar' src='{{ contact_avatar }}'>
            <div class="bubble">
                <p class="content">{{ message }}</p>
                <div class='attachments'></div>
                <div class='meta'>
                  <span class='timestamp'>{{ timestamp }}</span>
                  <span class='checkmark hide'>✓</span>
                </div>
            </div>
        </script>
        <script type='text/x-tmpl-mustache' id='new-group-update-form'>
            <div>
              <input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
            </div>
            <div class='group-avatar'>
              <div><input type='file' name='avatar' class='file-input'></div>
            </div>
            <div>Add members: <input name='members' class='members'></div>
            <button class='send'>Update</button>
        </script>
        <script type="text/x-tmpl-mustache" id="phone-number">
            <div class="phone-input-form">
                <div class="number-container">
                    <input type="tel" class="number" placeholder="Phone Number" />
                </div>
            </div>
        </script>
        <script type='text/x-tmpl-mustache' id='file-size-modal'>
            Sorry, the selected file exceeds message size
            restrictions. ({{ limit }}kB)
        </script>
        <script type='text/x-tmpl-mustache' id='message-detail'>
          <div class='title-bar' id='header'>
              <button class='back'></button>
              <span class='title-text'>Message Detail</span>
          </div>
          <div class='message-container'></div>
          <div class='info'>
            <table>
                <tr><td class='label'>Sent</td><td> {{ sent_at }}</td></tr>
                <tr><td class='label'>Received</td><td> {{ received_at }}</td></tr>
              <tr>
                <td class='tofrom label'>{{ tofrom }}</td>
                <td>
                  <div class='contacts'>
                  {{ #contacts }}
                    <div>
                      <img class='avatar' src='{{ avatar }}'>
                      <span class='name'>{{ name }}</div>
                      {{ #conflict }}
                        <button class='resolve'>Key Conflict</button>
                      {{ /conflict }}
                    </div>
                  {{ /contacts }}
                  </div>
                </td>
              </tr>
            </table>
          </div>
        </script>
        <script type='text/x-tmpl-mustache' id='key-verification'>
          <div class='title-bar' id='header'>
              <button class='back'></button>
              <span class='title-text'>Verify Identity</span>
          </div>
          <div class='container'>
            <p> Their identity (they read): </p>
            <div class='key'>
              {{ #their_key }} <span>{{ . }}</span> {{ /their_key }}
            </div>
            <p> Your identity (you read): </p>
            <div class='key'>
              {{ #your_key  }} <span>{{ . }}</span> {{ /your_key  }}
            </div>
          </div>
        </script>

        <script type="text/javascript" src="js/components.js"></script>

        <script type="text/javascript" src="js/libtextsecure.js"></script>
        <script type="text/javascript" src="js/database.js"></script>

        <script type="text/javascript" src="js/libphonenumber-util.js"></script>

        <script type="text/javascript" src="js/models/messages.js"></script>
        <script type="text/javascript" src="js/models/conversations.js"></script>

        <script type="text/javascript" src="js/chromium.js"></script>

        <script type="text/javascript" src="js/views/whisper_view.js"></script>
        <script type="text/javascript" src="js/views/toast_view.js"></script>
        <script type="text/javascript" src="js/views/attachment_preview_view.js"></script>
        <script type="text/javascript" src="js/views/file_input_view.js"></script>
        <script type="text/javascript" src="js/views/list_view.js"></script>
        <script type="text/javascript" src="js/views/new_group_update_view.js"></script>
        <script type="text/javascript" src="js/views/end_session_view.js"></script>
        <script type="text/javascript" src="js/views/group_update_view.js"></script>
        <script type="text/javascript" src="js/views/attachment_view.js"></script>
        <script type="text/javascript" src="js/views/message_view.js"></script>
        <script type="text/javascript" src="js/views/key_verification_view.js"></script>
        <script type="text/javascript" src="js/views/message_detail_view.js"></script>
        <script type="text/javascript" src="js/views/message_list_view.js"></script>

        <script type="text/javascript" src="js/views/conversation_view.js"></script>

        <script type="text/javascript" src="js/conversation_panel.js"></script>
    </body>
</html>
