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

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

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

{block name="page-title"}{intl l='Edit content'}{/block}

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

            {include file="includes/folder-breadcrumb.html" editing_content="true"}

            {hook name="content-edit.top" content_id=$content_id}

            <div class="row">
                {loop name="content_edit" type="content" visible="*" id="{$content_id}" backend_context="1" lang="$edit_language_id" with_prev_next_info="true"}
                    <div class="col-md-12 general-block-decorator">
                        <div class="row">
                            <div class="col-md-7 title">
                                {intl l='Edit content %title' title={$TITLE}}
                            </div>

                            <div class="col-md-5 actions">

                                {if $HAS_PREVIOUS != 0}
                                    <a href="{url path="/admin/content/update/%previous" previous=$PREVIOUS}" class="btn btn-default" title="{intl l='Edit previous content'}"><span class="glyphicon glyphicon-arrow-left"></span></a>
                                {else}
                                    <a href="#" disabled="disabled" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span></a>
                                {/if}

                                <a href="{$URL nofilter}" target="_blank" class="btn btn-default" title="{intl l='Preview content page'}"><span class="glyphicon glyphicon-eye-open"></span></a>

                                {if $HAS_NEXT != 0}
                                    <a href="{url path="/admin/content/update/%next" next=$NEXT}" class="btn btn-default" title="{intl l='Edit next content'}"><span class="glyphicon glyphicon-arrow-right"></span></a>
                                {else}
                                    <a href="#" disabled="disabled" class="btn btn-default"><span class="glyphicon glyphicon-arrow-right"></span></a>
                                {/if}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">

                                {hookblock name="content.tab" id="{$content_id}" fields="id,title,href,content"}

                                    {capture "content_tab_tab"}
                                        {forhook rel="content.tab"}
                                        <li>
                                            <a href="#{$id}"
                                                {if $href}data-href="{$href}"{/if}
                                                data-toggle="tab">{$title}
                                            </a>
                                        </li>
                                        {/forhook}
                                    {/capture}

                                    {capture "content_tab_content"}
                                        {forhook rel="content.tab"}
                                        <div class="tab-pane fade" id="{$id}">
                                            {if $href}
                                                {* ajax *}
                                                <div class="text-center"><span class="loading">{intl l="Please wait, loading"}</span></div>
                                            {else}
                                                {$content nofilter}
                                            {/if}
                                        </div>
                                        {/forhook}
                                    {/capture}

                                {/hookblock}

                                <ul class="nav nav-tabs" id="tabbed-menu">
                                    <li class="active">
                                        <a href="#general" data-toggle="tab">{intl l="General description"}</a></li>
                                    <li><a href="#seo" data-toggle="tab">{intl l="SEO"}</a></li>
                                    <li><a href="#association" data-toggle="tab">{intl l="Associations"}</a></li>
                                    <li><a href="#images" data-toggle="tab">{intl l="Images"}</a></li>
                                    <li><a href="#documents" data-toggle="tab">{intl l="Documents"}</a></li>
                                    {$smarty.capture.content_tab_tab nofilter}
                                    <li><a href="#modules" data-toggle="tab">{intl l="Modules"}</a></li>
                                </ul>

                                <div class="tab-content">

                                    <div class="tab-pane fade active in" id="general">

                                        <div class="form-container">

                                            {form name="thelia.admin.content.modification"}
                                                <form method="POST" action="{url path='/admin/content/save'}" {form_enctype} class="clearfix">

                                                    {include file="includes/inner-form-toolbar.html" close_url="{url path='/admin/folders' parent=$DEFAULT_FOLDER}"}

                                                    {* Be sure to get the folder ID, even if the form could not be validated *}
                                                    <input type="hidden" name="content_id" value="{$content_id}"/>

                                                    <input type="hidden" name="current_tab" value="general"/>

                                                    {form_hidden_fields}

                                                    {form_field field='success_url'}
                                                        <input type="hidden" name="{$name}" value="{url path="/admin/content/update/%id" id=$ID}"/>
                                                    {/form_field}

                                                    {form_field field='locale'}
                                                        <input type="hidden" name="{$name}" value="{$edit_language_locale}"/>
                                                    {/form_field}

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

                                                    <div class="row">
                                                        <div class="col-md-8">
                                                            {include file="includes/standard-description-form-fields.html"}
                                                        </div>

                                                        <div class="col-md-4">

                                                            {hook name="content.modification.form-right.top" content_id=$content_id}

                                                            {form_field field='default_folder'}
                                                                <div class="form-group {if $error}has-error{/if}">

                                                                    <label for="{$label_attr.for|default:null}" class="control-label">
                                                                        {$label} :
                                                                    </label>

                                                                    <select id="{$label_attr.for|default:null}" required="required" name="{$name}" class="form-control">
                                                                        <option value="0" disabled>{intl l="Top level"}</option>

                                                                        {$myparent=$DEFAULT_FOLDER}
                                                                        {loop name="fold-parent" type="folder-tree" visible="*" folder="0"}
                                                                            <option value="{$ID}" {if $myparent == $ID}selected="selected"{/if}>{option_offset l=$LEVEL+1 label={$TITLE}}</option>
                                                                        {/loop}

                                                                    </select>
                                                                </div>
                                                            {/form_field}

                                                            {form_field field='visible'}
                                                                <div class="form-group {if $error}has-error{/if}">
                                                                    <label for="{$label_attr.for|default:null}" class="control-label">{intl l='Visibility'}</label>

                                                                    <div class="checkbox">
                                                                        <label>
                                                                            <input type="checkbox" id="{$label_attr.for|default:null}" name="{$name}" value="1" {if $value != 0}checked="checked"{/if}>
                                                                            {$label}
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            {/form_field}

                                                            {hook name="content.modification.form-right.bottom" content_id=$content_id}
                                                        </div>
                                                    </div>

                                                    {include
                                                    file="includes/inner-form-toolbar.html"
                                                    hide_submit_buttons = false
                                                    hide_flags = true

                                                    close_url="{url path='/admin/folders' parent=$DEFAULT_FOLDER}"
                                                    }

                                                    <small>{intl l='Folder created on %date_create. Last modification: %date_change' date_create="{format_date date=$CREATE_DATE}" date_change="{format_date date=$UPDATE_DATE}"}</small>

                                                </form>
                                            {/form}
                                        </div>
                                    </div>

                                    <div class="tab-pane fade" id="seo">
                                        {include file="includes/seo-tab.html"
                                            formAction  = "{url path='/admin/content/seo/save'}"
                                            pageUrl     = "{url path='/admin/content/update'}/$content_id"
                                            closeUrl    = "{url path='/admin/folders' parent=$DEFAULT_FOLDER}"
                                            success_url = "{url path='/admin/folders' parent=$DEFAULT_FOLDER}"
                                            current_id  = $content_id
                                            seoType     = 'content'
                                        }
                                    </div>

                                    <div class="tab-pane fade" id="association">
                                        {include file="includes/content-folder-management.html"}
                                    </div>

                                    <div class="tab-pane fade" id="images">
                                        {ifhook rel="item.edition.images"}
                                            {hook name="item.edition.images" itemType='content' itemId=$ID resource="admin.content"}
                                        {/ifhook}
                                        {elsehook rel="item.edition.images"}
                                        <div class="fallback-image-manager">
                                            {include file='includes/image-upload-form.html' imageType='content' parentId=$ID resource="admin.content"}
                                        </div>
                                        {/elsehook}
                                    </div>

                                    <div class="tab-pane fade" id="documents">
                                        {include file='includes/document-upload-form.html' documentType='content' parentId=$content_id resource="admin.content"}
                                    </div>

                                    {$smarty.capture.content_tab_content nofilter}

                                    <div class="tab-pane fade" id="modules">
                                        <div class="form-container">
                                            {include
                                            file = "includes/inner-form-toolbar.html"
                                            hide_submit_buttons = true
                                            page_url  = $pageUrl|default:null
                                            close_url = $closeUrl|default:null
                                            current_tab = "modules"
                                            }
                                        </div>
                                        {* ugly fix : {hook name="content.tab-content" id="{$content_id}" view="content"} *}
                                        {include file="includes/module-tab-content.html" hook="content.tab-content" location="content-edit" id="{$content_id}" view="content"}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {/loop}
            </div>

            {hook name="content-edit.bottom" content_id=$content_id}

        </div>
    </div>
    {* Delete category confirmation dialog *}

    {capture "delete_folder_dialog"}
        <input type="hidden" name="content_id" value="{$content_id}"/>
        <input type="hidden" name="additional_folder_id" id="additional_folder_delete_id" value=""/>
        <input type="hidden" name="current_tab" value="association"/>
    {/capture}

    {include
    file = "includes/generic-confirm-dialog.html"

    dialog_id       = "delete_folder_dialog"
    dialog_title    = {intl l="Remove associated folder"}
    dialog_message  = {intl l="Do you really want to remove the content from this folder ?"}

form_action     = {token_url path='/admin/content/folder/delete'}
form_content    = {$smarty.capture.delete_folder_dialog nofilter}
}
{/block}



{block name="javascript-initialization"}
    {javascripts file='assets/js/dropzone.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    {javascripts file='assets/js/image-upload.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    {javascripts file='assets/js/document-upload.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    {javascripts file='assets/js/jquery-ui-1.10.3.custom.min.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
    <script>
        $(function() {
            // Atomatic ajax tab load, if data-href is defined.
            $('.nav-tabs a[data-href]').on('shown.bs.tab', function(ev) {
                var $this = $(this);
                $($this.attr('href')).load($this.data('href'), function(ev) {
                    if($this.data('callback')) {
                        eval($this.data('callback') + '();');
                    }
                });

            });

            // Load active tab

            if ($('#images > .fallback-image-manager')[0]) {
                $.imageUploadManager.initImageDropZone();
            };

            $.documentUploadManager.initDocumentDropZone();

            $('.use_default_rewriten_url').click(function(ev) {
                alert("Not functionnal");

                ev.preventDefault();
            });

            // Show proper tab, if defined
            {if ! empty($current_tab)}
                $('.nav-tabs a[href="#{$current_tab}"]').trigger("click");
            {/if}

            $('a.delete-folder').click(function(e) {
                $('#additional_folder_delete_id').val($(this).data('id'));
            });

            // Set proper content ID in delete content from
            $('a.delete-content').click(function(ev) {
                $('#content_delete_id').val($(this).data('id'));
                $('#folder_delete_id').val($('#folder_id').val());
            });

            // Load content on folder selection
            $('#folder_id').change(function(event) {
                $.ajax({
                    url: '{url path="/admin/folder/%id/available-related-content/" id=$folder_id}' + $(this).val() + '.xml',
                    type: 'get',
                    dataType: 'json',
                    success: function(json) {
                        $('#content_id :not(:first-child)').remove();

                        var have_content = false;

                        $.each(json, function(idx, value) {
                            $('#content_id').append($('<option>').text(value.title).attr('value', value.id));

                            have_content = true; // Lame...
                        });

                        if (have_content)
                            $('#content_selector').removeClass('hide');
                        else
                            $('#content_selector').addClass('hide');

                    }
                });
            });

            // Initialize folder select value
            {if $folder_id != 0}
            $('#folder_id').val("{$folder_id}").change();
            {/if}

        });
    </script>
{/block}

{block name="javascript-last-call"}
    {hook name="content.edit-js" location="content-edit-js" content_id={$content_id} }

    {hook name="wysiwyg.js" location="wysiwyg-content-edit-js" }
{/block}