{combine_css path=$TUMBLR_PATH|@cat:"style.css"}

<div class="titrePage">
	<h2>tumblr.share</h2>
</div>

<form method="post" action="" class="properties" ENCTYPE="multipart/form-data"> 
    <p><img src="{$TUMBLR_PATH}/logo.png"/></p>
    
    <table class="tumblr_buttons">
      <tr class="property">
        <td>
          {'Button size'|@translate}
        </td>
        <td></td>
      </tr>
      <tr>
        <td><label>
          <input type="radio" name="type" value="share_1" {if $type == 'share_1'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_1.png"/>
        </label></td>
        <td><label>
          <input type="radio" name="type" value="share_1T" {if $type == 'share_1T'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_1T.png"/>
        </label></td>
      </tr>
      <tr>
        <td><label>
          <input type="radio" name="type" value="share_2" {if $type == 'share_2'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_2.png"/>
        </label></td>
        <td><label>
          <input type="radio" name="type" value="share_2T" {if $type == 'share_2T'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_2T.png"/>
        </label></td>
      </tr>
      <tr>
        <td><label>
          <input type="radio" name="type" value="share_3" {if $type == 'share_3'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_3.png"/>
        </label></td>
        <td><label>
          <input type="radio" name="type" value="share_3T" {if $type == 'share_3T'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_3T.png"/>
        </label></td>
      </tr>
      <tr>
        <td><label>
          <input type="radio" name="type" value="share_4" {if $type == 'share_4'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_4.png"/>
        </label></td>
        <td><label>
          <input type="radio" name="type" value="share_4T" {if $type == 'share_4T'}checked="checked"{/if}/>
          <img src="http://platform.tumblr.com/v1/share_4T.png"/>
        </label></td>
      </tr>
      
      <tr class="property">
        <td>
          {'Button position on picture page'|@translate}
        </td>
        <td>
          <label><input type="radio" name="position" value="top" {if $position == 'top'}checked="checked"{/if}/> {'Top'|@translate}</label>
          <label><input type="radio" name="position" value="bottom" {if $position == 'bottom'}checked="checked"{/if}/> {'Bottom'|@translate}</label>
          <label><input type="radio" name="position" value="toolbar" {if $position == 'toolbar'}checked="checked"{/if}/> {'Toolbar'|@translate}</label>
        </td>
      </tr>
      
      <tr class="property">
        <td>
          {'Shared picture size'|@translate}
        </td>
        <td>
          {html_options name="img_size" values=$img_sizes output=$img_sizes|translate selected=$img_size}
        </td>
      </tr>
      
      <tr class="submit">
        <td colspan="2" style="text-align:center;">
          <input class="submit" type="submit" value="{'Submit'|@translate}" name="submit" />
        </td>
      </tr>
    </table>
</form>