{combine_script id='jquery.cluetip' require='jquery' path='themes/default/js/plugins/jquery.cluetip.js'}
{combine_css path=$COA_PATH|@cat:'admin/template/style.css'}

{footer_script require='jquery'}
{literal}
  jQuery().ready(function(){
    // Cluetip
    jQuery('.cluetip').cluetip({
      width: 550,
      splitTitle: '|'
    });
{/literal}    
    jQuery('select').change(function() {ldelim}
      jQuery('#' + jQuery(this).attr('name') + '_live').attr('src', '{$COA_PATH}template/s26/' + jQuery(this).val());
    });
  });
{/footer_script}

{html_head}
<style type="text/css">
  .cluetip:after {ldelim}
    content:url('{$themeconf.admin_icon_dir}/help.png');
  }
</style>
{/html_head}

<h2 class="version_title">Comments on Albums</h2>

<div class="titrePage">
  <h2>{'Configuration'|@translate}</h2>
</div>

<form method="post" action="" class="properties" id="CR_config">
  <fieldset>
    <legend><span class="title cluetip" title="{'COA_icon_pack'|@translate}|{'COA_help_icon_pack'|@translate}">{'COA_icon_pack'|@translate}</span></legend>
    <table>  
      <tr>
        <td><span class="title">{'COA_icon_normal'|@translate}</span></td>
        <td>
          <select name="icon_color">
          {foreach from=$COLORS item=COLOR}
            <option value="{$COLOR}" {if $COLOR == $ICON_COLOR}selected="selected"{/if}>{$COLOR}</option>
          {/foreach}
          </select>
          
          <img id="icon_color_live" class="pwg-icon" src="{$COA_PATH}template/s26/{$ICON_COLOR}"/>
        </td>
      </tr>
      <tr>
        <td><span class="title">{'COA_icon_over'|@translate}</span></td>
        <td>
          <select name="icon_color_over">
          {foreach from=$COLORS item=COLOR}
            <option value="{$COLOR}" style="color:#{$COLOR};" {if $COLOR == $ICON_COLOR_OVER}selected="selected"{/if}>{$COLOR}</option>
          {/foreach}
          </select>
          
          <img id="icon_color_over_live" class="pwg-icon" src="{$COA_PATH}template/s26/{$ICON_COLOR_OVER}"/>
        </td>
      </tr>
    </table>
  </fieldset>

  <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="config_submit"/></p>
</form>

<p>{'COA_comment_validation_link'|@translate}</p>