<!DOCTYPE html>
<html>

<head>
<title>Send to Picasa</title>

<link rel="stylesheet" href="chrome://resources/css/list.css">
<link rel="stylesheet" href="css/upload.css">
<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/cr/event_target.js"></script>
<script src="chrome://resources/js/cr/ui.js"></script>
<script src="chrome://resources/js/cr/ui/command.js"></script>
<script src="chrome://resources/js/cr/ui/array_data_model.js"></script>
<script src="chrome://resources/js/cr/ui/list_selection_model.js"></script>
<script src="chrome://resources/js/cr/ui/list_single_selection_model.js"></script>
<script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script>
<script src="chrome://resources/js/cr/ui/list_item.js"></script>
<script src="chrome://resources/js/cr/ui/list.js"></script>
<script src="chrome://resources/js/cr/ui/grid.js"></script>
</head>
<body>
  <div class="header-title">Title here</div>
  <div class="picasa-image"><img src="images/picasa_logo.jpg"></div>

  <div class="login-div" class="visible">
    <div class="header-info">Sign in to Picasa Web Albums.</div>
    <div class="content">
      <table>
        <tr class="field">
          <td>Email:</td>
          <td><input type="text" id="login-input" /></td>
        </tr>
        <tr class="field">
          <td>Password:</td>
          <td><input type="password" id="password-input" /></td>
        </tr>
        <tr class="field invisible captcha-row">
          <td>Enter the phrase:<br><br></td>
          <td><input type="text" id="captcha-input" /></td>
        </tr>
      </table>
      <div><span class="login-failure invisible">Failure. Check email and password.</span></div>
    </div>
    <div class="footer">
      <button type="button" class="login-button">Sign in</button>
      <button type="button" class="cancel-button">Cancel</button>
    </div>
  </div>

  <div class="album-div invisible">
    <div class="header-info">You've selected <span id="files-count-span"></span> photo(s) to upload.</div>
    <div class="content">
      <table class="fields">
        <tr class="field">
          <td>Album:</td>
          <td><select id="album-select"><option>Create New Album</option></select></td>
        </tr>
        <tr class="field">
          <td>Name:</td>
          <td><input id="album-title-input" type="text" /></td>
        </tr>
        <tr class="field">
          <td>Location:</td>
          <td><input id="album-location-input" type="text" /></td>
        </tr>
        <tr class="field">
          <td>Description:</td>
          <td><textarea id="album-description-textarea" placeholder="Album description"></textarea></td>
        </tr>
      </table>
      <grid class="preview-grid"></grid>
    </div>
    <div class="footer">
      <button class="upload-button" disabled>Upload</button>
      <button class="logout-button">Sign out</button>
      <button class="cancel-button">Cancel</button>
    </div>
  </div>
  <script src="js/picasa_client.js"></script>
  <script src="js/upload_page.js"></script>
</body>
</html>