{**
  * TERM OF USE "Paginated Featured Products" is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
  *
  * @author    Orange35 <info@orange35.com>
  * @copyright 2007-2015 Orange35
  *  @license   http://creativecommons.org/licenses/by-nc-sa/3.0/
  *}

<script type="text/javascript">id_language = Number({$id_lang_default});</script>
<fieldset class="width3">
    <legend>
        <img src="{$base_slider_url}logo.gif"/>
        {if !$slide->id}
            <img src="{$smarty.const._PS_ADMIN_IMG_}add.gif" alt=""/>
            {l s='Add New Slide' mod='advancedhotspotslider'}
        {else}
            {l s='Edit Slide' mod='advancedhotspotslider'}
        {/if}
    </legend>
    <form action="{$action}" method="post" enctype="multipart/form-data">

        <input type="hidden" name="id_slide" value="{$slide->id}" />
        <input type="hidden" name="action" value="{if $slide->id}editSlide{else}addSlide{/if}" />
        <input type="hidden" name="position" value="{$slide->position}" id="position" />

        {* title *}
        <label>{l s='Title' mod='advancedhotspotslider'}:</label>

        <div class="margin-form">
            {foreach from=$languages item=language}
                <div id="title_{$language.id_lang}"
                     style="display: {if $language.id_lang == $id_lang_default}block{else}none{/if}; float: left;">
                    <input type="text" id="title_{$language.id_lang}" name="title_{$language.id_lang}"
                           style="width: 530px;"
                           value="{if $slide->title[$language.id_lang]}{$slide->title[$language.id_lang]}{/if}"/>
                </div>
            {/foreach}

        </div>

        <p class="clear">&nbsp;</p>

        {* image *}
        <label>*{l s='Image' mod='advancedhotspotslider'}:</label>
        <div class="margin-form">
            {foreach from=$languages item=language}
                <div id="image_{$language.id_lang}"
                     style="display: {if $language.id_lang == $id_lang_default}block{else}none{/if}; float: left;">

                    <input type="file" name="image_{$language.id_lang}" id="image_{$language.id_lang}" style="width: 530px;"/>
                    <p class="clear">{l s='Allowed formats' mod='advancedhotspotslider'}: jpg, gif, png.&nbsp;&nbsp;        {l s='Max file size' mod='advancedhotspotslider'}: 10 MB
                    <br />
                        {if $slide && $slide->image[$language['id_lang']]}
                        <input type="hidden" name="image_old_{$language['id_lang']}"
                               value="{$slide->image[$language.id_lang]}" id="image_old_{$language.id_lang}"/>

                        <img src="{$base_slider_url}/views/img/slides/{$slide->image[$language['id_lang']]}"
                             width="{$width}"
                             height="{$height}" alt=""/>
                        <input type="hidden" name="has_picture" value="1"/>
                    {/if}
                </div>
            {/foreach}

        </div>

        {* url *}
        <label>{l s='Slide Link' mod='advancedhotspotslider'}: </label>
        <div class="margin-form">
            {foreach from=$languages item=language}
                <div id="url_{$language.id_lang}"
                     style="display: {if $language.id_lang == $id_lang_default}block{else}none{/if}; float: left;">
                    <input type="text" id="url_{$language.id_lang}" name="url_{$language.id_lang}" style="width: 530px;"
                           value="{if $slide->url[$language.id_lang]}{$slide->url[$language.id_lang]}{/if}"/>

                    <p class="clear">{l s='Example:'  mod='advancedhotspotslider'} <i>http://orange35.com</i></p>
                </div>
            {/foreach}

        </div>
        {if count($languages) > 1}
        <p class="clear"></p>
        <label>{l s='Language' mod='advancedhotspotslider'}: </label>
        <div class="margin-form">
            {$urlFlags}
        </div>
        {/if}


        <p class="clear">&nbsp;</p>
        {* active *}
        <label for="active_on">{l s='Enabled' mod='advancedhotspotslider'}</label>

        <div class="margin-form">
            <img src="{$smarty.const._PS_ADMIN_IMG_}enabled.gif" alt="Yes" title="Yes"/>
            <input type="radio" name="active_slide" id="active_on" {if $slide->active}checked="checked"{/if} value="1" />
            <label class="t" for="active_on">{l s='Yes'  mod='advancedhotspotslider'}</label>
            <img src="{$smarty.const._PS_ADMIN_IMG_}disabled.gif" alt="No" title="No" style="margin-left: 10px;"/>
            <input type="radio" name="active_slide" id="active_off" {if isset($slide->active) && 0 == $slide->active}checked="checked"{/if} value="0" />
            <label class="t" for="active_off">{l s='No' mod='advancedhotspotslider'}</label>
        </div>


        <p class="clear">&nbsp;</p>

        <div class="margin-form">
            <input type="submit" class="button" name="submitSlide" value="{l s='Save' mod='advancedhotspotslider'}" />
            <input type="button" class="button" name="cancelSlide" onclick="window.location='{$full_module_admin_url}'" value="{l s='Cancel' mod='advancedhotspotslider'}" />
        </div>

    </form>
</fieldset>