{% load i18n %}
<s:styledgui xmlns:s="http://wirecloud.conwet.fi.upm.es/StyledElements" xmlns:t="http://wirecloud.conwet.fi.upm.es/Template" xmlns="http://www.w3.org/1999/xhtml">
<s:borderlayout>

    <s:northcontainer>
       <t:back_button/>
    </s:northcontainer>

    <s:centercontainer>
        <div class="developer_block">
            <h2>{% trans "Adding widgets from packages" %}</h2>
            <img class="developer_image" src="{{STATIC_URL}}images/catalogue/developer_package.jpg" />
            <div class="developer_description">
                <p>{% trans "Do you have a widget stored in a wgt file? Then you can upload it to the catalogue by means of this form." %}</p>
            </div>

            <form style="margin: 0px;" enctype="multipart/form-data" method="post" class="wgt_upload_form">
            <div>
               <input type="hidden" name="iframe" value="true" />
               <input type="hidden" name="force_create" value="true" />
               <input type="file" name="file" class="wgt_file" />
               <button class="upload_wgt_button">{% trans "Add" %}</button>
            </div>
            </form>
            <div class="clearfloats"></div>
        </div>

        <div class="developer_block">
            <h2>{% trans "Adding widgets and mashups using a template description" %}</h2>
            <img class="developer_image" src="{{STATIC_URL}}images/catalogue/developer_template.png" />
            <div class="developer_description">
                <p>{% trans "If you have the XML template of a widget or a mashup, you can add it to the catalogue by writing the URL of the template in the text field below." %}</p>
            </div>
            <form class="template_submit_form">
                <div>
                    <input type="text" name="template_uri" class="template_uri" />
                    <button class="submit_link">{% trans "Add" %}</button>
                </div>
            </form>
            <div class="clearfloats"></div>
        </div>
    </s:centercontainer>

</s:borderlayout>
</s:styledgui>
