{extends file="admin-layout.tpl"}

{block name="no-return-functions"}
    {$admin_current_location = 'tools'}
{/block}

{block name="page-title"}{intl l='Export'}: {$TITLE}{/block}

{block name="check-resource"}admin.export{/block}
{block name="check-access"}view{/block}

{block name="main-content"}
    <div class="container" id="wrapper">

        <nav>
            <ul class="breadcrumb">
                <li><a href="{url path='admin/home'}">{intl l='Home'}</a></li>
                <li><a href="{url path='admin/tools'}">{intl l='Tools'}</a></li>
                <li><a href="{url path='admin/export'}">{intl l="Exports"}</a></li>
                <li>{intl l="Export"}: {$TITLE}</li>
            </ul>
        </nav>

        {form name="thelia.export"}

        {if $form_error}
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-danger">{$form_error_message}</div>
                </div>
            </div>
        {/if}

        <div class="row">
            <div class="col-md-6">
                <div class="general-block-decorator">

                    <div class="title title-without-tabs">
                        {intl l='Export'}: {$TITLE}
                    </div>

                    {if $DESCRIPTION}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-info">
                                    {$DESCRIPTION nofilter}
                                </div>
                            </div>
                        </div>
                    {/if}

                    <form action="{$URL}" method="post" {form_enctype form=$form}>
                        {form_hidden_fields form=$form}
                        <div class="row">
                            <div class="col-md-12">
                                {ifloop rel="export-formatters"}
                                    <div class="row">
                                        <div class="col-md-4">
                                            {form_field form=$form field="formatter"}
                                                <div class="form-group {if $error}has-error{/if}">
                                                    <label for="{$label_attr.for}">
                                                        {$label}
                                                    </label>
                                                    <select name="{$name}" id="{$label_attr.for}">
                                                        {loop name="export-formatters" type="formatter" export=$ID}
                                                            <option value="{$NAME}" {if $value == $NAME}selected{/if}>
                                                                {$NAME} (.{$EXTENSION})
                                                            </option>
                                                        {/loop}
                                                    </select>
                                                    {if $error}
                                                        <div class="error-field">{$message}</div>
                                                    {/if}
                                                </div>
                                            {/form_field}
                                        </div>
                                        <div class="col-md-4">
                                            {form_field form=$form field="language"}
                                                <label for="{$label_attr.for}">
                                                    {$label}
                                                </label>
                                                <select id="{$label_attr.for}" name="{$name}" required>
                                                    {loop name="export-lang" type="lang"}
                                                        <option value="{$ID}" {if $ID == $CURRENT_LANG_ID}selected{/if}>{$TITLE}</option>
                                                    {/loop}
                                                </select>
                                            {/form_field}
                                        </div>
                                        {ifloop rel="export-archive-builder"}
                                            <div class="col-md-4">
                                                {form_field form=$form field="do_compress"}
                                                    <label for="{$label_attr.for}">
                                                        {$label}
                                                    </label>
                                                    <div data-off-label="&lt;i class='glyphicon glyphicon-remove-circle'&gt;&lt;/i&gt;" data-on-label="&lt;i class='glyphicon glyphicon-ok-circle'&gt;&lt;/i&gt;" data-on="success" class="make-switch switch-small" id="export-compression-switch">
                                                        <input type="checkbox" name="{$name}" id="{$label_attr.for}"/>
                                                    </div>
                                                {/form_field}
                                            </div>
                                        </div>
                                        <div class="row export-compression-selection-row">
                                            <div class="col-md-4">
                                                {form_field form=$form field="archive_builder"}
                                                    <div class="form-group {if $error}has-error{/if}">
                                                        <label for="{$label_attr.for}">
                                                            {$label}
                                                        </label>
                                                        <select name="{$name}" id="{$label_attr.for}">
                                                            {loop name="export-archive-builder" type="archive-builder"}
                                                                <option value="{$NAME}" {if $value == $NAME}selected{/if}>
                                                                    {$NAME} (.{$EXTENSION})
                                                                </option>
                                                            {/loop}
                                                        </select>

                                                        {if $error}
                                                            <div class="error-field">{$message}</div>
                                                        {/if}
                                                    </div>
                                                {/form_field}
                                            </div>
                                            {if $HAS_IMAGES}
                                            <div class="col-md-4">
                                                {form_field form=$form field="images"}
                                                    <label for="{$label_attr.for}">
                                                        {$label}
                                                    </label>

                                                    <div data-off-label="&lt;i class='glyphicon glyphicon-remove-circle'&gt;&lt;/i&gt;" data-on-label="&lt;i class='glyphicon glyphicon-ok-circle'&gt;&lt;/i&gt;" data-on="success" class="make-switch switch-small">
                                                        <input type="checkbox" name="{$name}" id="{$label_attr.for}" />
                                                    </div>
                                                {/form_field}
                                            </div>
                                            {/if}
                                            {if $HAS_DOCUMENTS}
                                            <div class="col-md-4">
                                                {form_field form=$form field="documents"}
                                                    <label for="{$label_attr.for}">
                                                        {$label}
                                                    </label>

                                                    <div data-off-label="&lt;i class='glyphicon glyphicon-remove-circle'&gt;&lt;/i&gt;" data-on-label="&lt;i class='glyphicon glyphicon-ok-circle'&gt;&lt;/i&gt;" data-on="success" class="make-switch switch-small">
                                                        <input type="checkbox" name="{$name}" id="{$label_attr.for}" />
                                                    </div>
                                                {/form_field}
                                            </div>
                                            {/if}
                                        {/ifloop}
                                    </div>
                                {/ifloop}
                                {elseloop rel="export-formatters"}
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="alert alert-warning">
                                                {intl l="You can't do exports, you don't have any formatter that handles this."}
                                            </div>
                                        </div>
                                    </div>
                                {/elseloop}
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary">{intl l="Export"}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {/form}
{/block}

{block name="javascript-initialization"}
    {javascripts file='assets/js/bootstrap-switch/bootstrap-switch.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
{/block}

{block name="javascript-last-call"}
    <script>
        $(document).ready(function() {

            var compression_switch = $("#export-compression-switch");
            var compression_row = $(".export-compression-selection-row");

            compression_switch.on("switch-change", function(e, data) {
                var is_checked = data.value;

                if (is_checked) {
                    compression_row.show("slow");
                } else {
                    compression_row.hide("slow");
                }
            });

            if ($("input[type=checkbox]", compression_switch).is(":checked")) {
                compression_row.show();
            } else {
                compression_row.hide();
            }

            $(".make-switch", export_modal).bootstrapSwitch();
            $("#real-export-modal").modal();

        });
    </script>
    {module_include location='configuration-js'}
{/block}