{strip}



    {if $head_block}
        {$head_block}
    {/if}
    {$js_block_top}
    {$js_init_core}
    <div class="sys_builder">
        <div id="sys_design_price" class="design_price" {if $payment_is_off} style="display: none;"{/if}>
            <div class="title">{l s="Precio Diseño" mod="myswissstyle"}</div>
            <div class="price">
                <span class="prefix"></span>
                <span class="amount"></span>
                <span class="suffix"></span>

            </div>
        </div>
        <div class="sys_builder_controllers">

            <div class="tab_menu">
                <div tab_id="1" class="block_title active clipart"><span class="title">{l s="Add Diseños" mod="myswissstyle"}</span></div>
                <div tab_id="2" class="block_title text"><span class="title">{l s="Add Texto" mod="myswissstyle"}</span></div>
            </div>

            <div tab_id="1" class="builder_tab clipart">
                <input id="image" class="hide" type="file" name="image" />
                <div class="category_tree"></div>
                <div class="sys_clipart_container clipart"></div>
                <div class="design_upload_user_clipart"><span class="title">{l s="Subir Imagen" mod="myswissstyle"}</span></div>
            </div>
            <div tab_id="2" class="builder_tab text">
                <div class="sys_text_container text">
                    <div class="text-item full">
                        <label class="container text_input" for="sys_text_input">
                            <input id="sys_text_input" name="text" type="text" class="sys_font_controller_item text_input" placeholder="{l s="Type text here..." mod="myswissstyle"}"></textarea>
                        </label>
                    </div>

                    <div class="text-item full">
                        <div class="title after_hr">
                            <b>{l s="Ajuste de Texto" mod="myswissstyle"}</b>
                        </div>
                    </div>

                    <div class="text-item">
                        <div class="title">{l s="Tipo de Fuente" mod="myswissstyle"}:</div>
                        <div class="container">
                            <select id="fontFamily" name="fontfamily" class="sys_font_controller_item dropdown_customize"></select>
                        </div>
                    </div>
                    <div class="text-item color">
                        <div class="title">{l s="Color" mod="myswissstyle"}:</div>
                        <div class="container">
                            <div id="colorPicker">
                                <a class="color"><div class="colorInner"></div></a>
                                <div class="track"></div>
                                <ul class="dropdown"><li></li></ul>
                                <input type="hidden" name="colorpicker" class="sys_font_controller_item colorInput"/>
                            </div>
                        </div>
                    </div>


                    <div class="text-item full">
                        <div class="title after_hr">
                            <b>{l s="Contorno" mod="myswissstyle"}</b>
                        </div>
                    </div>
                    <div class="text-item">
                        <div class="title">{l s="Tamaño" mod="myswissstyle"}:</div>
                        <div class="container">
                            <select id="outlineSize" name="outlinesize" class="sys_font_controller_item dropdown_customize">
                                <option value="0" selected="selected">{l s="Sin Contorno" mod="myswissstyle"}</option>
                                <option value="1">{l s="Fino" mod="myswissstyle"}</option>
                                <option value="2">{l s="Medio" mod="myswissstyle"}</option>
                                <option value="3">{l s="Grueso" mod="myswissstyle"}</option>
                            </select>
                        </div>
                    </div>
                    <div class="text-item color">
                        <div class="title">{l s="Color" mod="myswissstyle"}:</div>
                        <div class="container">
                            <div id="colorPickerO">
                                <a class="color"><div class="colorInner"></div></a>
                                <div class="track"></div>
                                <ul class="dropdown"><li></li></ul>
                                <input type="hidden" name="colorpickero" class="sys_font_controller_item colorInput"/>
                            </div>
                        </div>
                    </div>

                    <div class="text-item full">
                        <div class="title after_hr">
                            <b>{l s="Forma de Texto" mod="myswissstyle"}</b>
                        </div>
                    </div>
                    <div class="text-item">
                        <div class="title">{l s="Tipo de Forma" mod="myswissstyle"}:</div>
                        <div class="container">
                            <select id="curvedSize" name="curvedsize" class="sys_font_controller_item dropdown_customize">
                                <option value="-1.5">{l s="Big Up" mod="myswissstyle"}</option>
                                <option value="-1.25">{l s="Medium Up" mod="myswissstyle"}</option>
                                <option value="-0.9">{l s="Small Up" mod="myswissstyle"}</option>
                                <option value="0" selected="selected">{l s="Normal Text" mod="myswissstyle"}</option>
                                <option value="0.9">{l s="Small Down" mod="myswissstyle"}</option>
                                <option value="1.25">{l s="Medium Down" mod="myswissstyle"}</option>
                                <option value="1.5">{l s="Big Down" mod="myswissstyle"}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="sys_builder_container"></div>
        <div class="sys_builder_container_background"></div>
    </div>

    <div class="sys_controller_container">

        <button id="sys_cancel_button" class="design_save_cancel" name="cancel">
                    <span>
                        {l s="Cancelar" mod="myswissstyle"}
                    </span>
        </button>


        <button class="design_save_button" name="save_design">
                    <span>
                        {l s="Salvar Diseño" mod="myswissstyle"}
                    </span>
        </button>
    </div>


    <script type="application/javascript">

        var fonts_list = {
            0: {
                title: "Arial",
                family: ""
            },
            {foreach $fonts as $font}
                {$font@iteration}:
                {
                    title: "{$font.title}",
                            family
                :
                    "{$font.family}"
                }
                {if !$font@last},{/if}
            {/foreach}
        };

        var saved_designs = { };

    </script>
    {$js_block_bottom}
    {$css_overwrite_block}
    {$html_overwrite_block}
{/strip}