{combine_script id="farbtastic" load='footer' require="jquery" path=$SPBA_PATH2|@cat:"js/farbtastic/farbtastic.js"}
{combine_css path=$SPBA_PATH2|@cat:"js/farbtastic/farbtastic.css"}
{footer_script}
// init colorpicker
jQuery('#colorpicker').farbtastic('#hexval');
{/footer_script}

<div class="titrePage">
    <h2>{'See photos by user'|@translate}</h2>
</div>

<form method="post">
    <p>
        <strong>{'Minimal number photos for show users'|@translate}</strong> 
        <input type="text" name="insspbu1" value="{$SPBU1}" size="10" maxlength="10">
    </p>
    <p>
        <strong>{'Maximal number users'|@translate}</strong> 
        <input type="text" name="insspbu2" value="{$SPBU2}" size="10" maxlength="10">
    </p>
    <p>
        <strong>{'Users order'|@translate}</strong> 
        {html_options name="insspbu3" values=$spbu output=$spbuT selected="{$SPBU3}"}
    </p>
    <p>
        <strong>{'Show menu'|@translate}</strong> 
        {html_radios name="insspbu4" values=$spbu2 output=$spbuT2 selected="{$SPBU4}"}
    </p>
    <p>
        <strong>{'Show home page users'|@translate}</strong>
        {html_radios name="insspbu6" values=$spbu6 output=$spbuT6 selected="{$SPBU6}"}
    </p>
    <p>
        <span id="colorpicker"></span>
        <input type="text" id="hexval" readonly title='{'You must use colorpicker'|@translate}' name="insspbu5" value="{$SPBU5}" size="7" maxlength="7">
    </p>
    
    <p>
        <input class="submit" type="submit" name="submitspbu" value="{'Submit'|@translate}">
    </p>
</form>