{% extends "bookmarksbinpage.html" %}

{% block title %}BookmarksBin {{ currentTag }}
{% endblock %}

{% block content %}
  <form method="POST" action="/">
    <input type='hidden' name='action' value='add' />
<div style="float:left; margin-top: 0.25em;">
  <div  style="display:table-row">
    <div style="display:table-cell">New URL:</div>
    <div style="display:table-cell"><input type='text' name='locator' size='64' /> </div>
  </div>
  <div style="display:table-row">
    <div style="display:table-cell">Description:</div>
    <div style="display:table-cell"><input type='text' name='description' size='64' /></div>
  </div>
</div>
    <select
      style="margin: 0.5em"
      name='tags' multiple size='3'>
      {% for tagName in tagNames %}
        <option value='{{ tagName }}' >
          {{ tagName }}
        </option>
      {% endfor %}
    </select>
    <input type='submit' value='Add' />
    </div>
  </form>

  <table>
    <tr>
      <td style="font-weight: bold;">
        My Bookmarks -
        <a href="/">view all</a>
        or select: 
      </td>
      <td>
        <form method='POST' action='/'>
          <input type='hidden' name='action' value='view'/>
          <select name='tags'>
            {% for tagName in tagNames %}
              <option value='{{ tagName }}' >
                {{ tagName }}
              </option>
            {% endfor %}
          </select>
          <input type='submit' value='View' />
        </form>
      </td>
    </tr>
  </table>

  <table id="bookmarksTable">
    {% for bookmark in bookmarks %}
      <tr id="{% cycle evenRow,oddRow %}">
        <td style="width: 15%;">
          {{ bookmark.dateTimeText }}
        </td>
        <td>
          <img src=
            {% if bookmark.favIcon %}
              "icon?id={{ bookmark.id_or_name }}"
            {% else %}
              "./qm.png" width="24" height"24"
            {% endif %}
          border="0" />
        </td>
        <td>
          <!-- {{bookmark.icon}} -->
          <a href="{{bookmark.locator}}"
              {% if bOpenNew %}
              target="_new"
              {% endif %}
          />
            {{bookmark.description}}
          </a>
        </td>
        <td>
          <form onsubmit='return shareBookmark(this)'>
            <input type='hidden' name='action'
                value='share' />
            <input type="hidden" name="bookmarkID"
                id='bookmarkID'
                value="{{ bookmark.id_or_name }}" />
            <input type="hidden" 
                name="bookmarkDescription"
                id='bookmarkDescription'
                value="{{ bookmark.description }}" />
            <input type="hidden"
                name='bookmarkLocator'
                id='bookmarkLocator'
                value="{{ bookmark.locator }}" />
            <input type="submit" value="Share" />
          </form>
        </td>
        <td>
          <form
            onsubmit='return confirmDelete(
                this.bookmarkDescription.value);'
            method="POST" action="/">
            <input type='hidden' name='action'
                value='del' />
            <input type="hidden" name="bookmarkID"
                id='bookmarkID'
                value="{{ bookmark.id_or_name }}" />
            <input type="hidden" 
                name="bookmarkDescription"
                id='bookmarkDescription'
                value="{{ bookmark.description }}" />
            <input type="submit" value="Delete" />
          </form>
        </td>
      </tr>
    {% endfor %}
  </table>


  <script language='JavaScript' type='text/javascript'>
    function shareBookmark(aForm) {
      var dataPayload = "",
          locator     = "/static/email_bookmark.html";

      dataPayload += escape(aForm.bookmarkID.value)+"|";
      dataPayload += escape(
          aForm.bookmarkDescription.value)+"|";
      dataPayload += escape(
          aForm.bookmarkLocator.value)+"|";
      dataPayload += escape("{{bookmarkEmail}}");
      locator     += "?"+dataPayload;

      window.open(locator, 
        'emailBookmarkWindow',
        'width=600,height=300,location=no');

      return false;
    } // shareBookmark
  </script>


{% endblock %}