{{>partial/session_messages}}

<form id="createSecret" method="post" autocomplete="off" action="/" class="form-horizontal">
  {{{add_shrimp}}}
  <fieldset>
    <div class="text-input">
      <textarea rows="7" class="btn-block" name="secret" autocomplete="off" placeholder="{{i18n.COMMON.secret_placeholder}}"></textarea>
      <div class="chars-display lightest"></div>
    </div>
    {{#display_options}}
    <div class="well options-box">
      <div class="title">{{i18n.COMMON.secret_privacy_options}}</div>
      <div class="control-group">
        <label class="control-label lighter" for="passphraseField">{{i18n.COMMON.secret_passphrase}}:</label>
        <div class="controls">
          <input class="input-block-level" type="text" name="passphrase" id="passphraseField" value="" placeholder="{{i18n.COMMON.secret_passphrase_hint}}" autocomplete="off" />
        </div>
      </div>
      {{#display_recipients}}
      <div class="control-group">
        <label class="control-label lighter" for="recipientField">{{i18n.COMMON.secret_recipient_address}}:</label>
        <div class="controls">
          <input class="input-block-level" type="text" name="recipient[]" id="recipientField" value="" placeholder="example@onetimesecret.com" autocomplete="off" />
        </div>
      </div>
      {{/display_recipients}}
      <div class="control-group">
        <label class="control-label lighter" for="recipientField">Lifetime:</label>
        <div class="controls">
          <select name="ttl" class="span3">
            {{#expiration_options}}
            <option value="{{value}}" {{#default}}selected{{/default}}>{{name}}</option>
            {{/expiration_options}}
          </select>
        </div>
      </div>
    </div>
    {{/display_options}}
    <button class="create btn btn-large btn-block btn-custom cufon" type="submit" name="kind" value="share" >{{i18n.COMMON.button_create_secret}}{{^authenticated}}*{{/authenticated}}</button>
    <button class="generate btn btn-large btn-block cufon" type="submit" name="kind" value="generate" >{{i18n.COMMON.button_generate_secret}}</button>
  </fieldset>
</form>
<script type="text/javascript">
$('#createSecret textarea').on('keyup', function () {
  var max = {{plan.options.size}};
  var len = $(this).val().length;
  var obj = $('#createSecret .chars-display');
  if (len > max && obj.hasClass('lightest')) {
    obj.removeClass('lightest');
    obj.addClass('warning-text');
  } else if (len <= max && obj.hasClass('warning-text')) {
    obj.removeClass('warning-text');
    obj.addClass('lightest');
  }
  var char = max - len;
  obj.text(char);
  var sub = $('#createSecret .generate');
  if (len > 0 && !sub.attr('disabled')) {
    sub.attr('disabled', true);
  }
  if (len == 0) {
    sub.attr('disabled', false);
  }
});
</script>