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

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

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

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

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

    <div class="row">
    {loop name="content_edit" type="content" visible="*" id="{$content_id}" backend_context="1" lang="$edit_language_id"}
        <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"}" 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}" target="_blank" class="btn btn-default" title="{intl l='Preview folder page'}"><span class="glyphicon glyphicon-eye-open"></span></a>

                {if $HAS_NEXT != 0}
                    <a href="{url path="/admin/content/update/$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">

        <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="#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>
            <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 form=$form} 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=$form}

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

                        {form_field form=$form 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}

                        {include file="includes/standard-description-form-fields.html"}

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

                                <input type="text" id="{$label_attr.for}" required="required" name="{$name}" value="{$value}" title="{intl l='Rewritten URL'}" placeholder="{intl l='Rewriten URL'}" class="form-control">
                            </div>
                        {/form_field}

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

                                        <label for="{$label_attr.for}" class="control-label">
                                            {intl l="{$label}"} :
                                        </label>

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

                                            {$myparent=$DEFAULT_FOLDER}
                                            {loop name="fold-parent" type="folder-tree" visible="*" folder="0"}
                                                 <option value="{$ID}" style="padding-left: {3 + $LEVEL * 20}px" {if $myparent == $ID}selected="selected"{/if}>{$TITLE}</option>
                                            {/loop }

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

                            <div class="col-md-6">
                                {form_field form=$form field='visible'}
                                    <div class="form-group {if $error}has-error{/if}">
                                        <label for="{$label_attr.for}" class="control-label">{intl l='Visibility'}</label>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" id="{$label_attr.for}" name="{$name}" value="1" {if $value != 0}checked="checked"{/if}>
                                                {$label}
                                            </label>
                                        </div>
                                    </div>
                                {/form_field}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="control-group">
                                    <lablel>&nbsp;</lablel>
                                    <div class="controls">
                                        <p>{intl l='Colder created on %date_create. Last modification: %date_change' date_create="{format_date date=$CREATE_DATE}" date_change="{format_date date=$UPDATE_DATE}"}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

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

        <div class="tab-pane fade" id="association">
            <div class="form-container">
                <div class="row">
                    {* -- Begin folders management ----------------------------------- *}
                    <div class="col-md-6">
                        <div class="well well-sm">
                            <div class="form-group">
                                <form method="POST" action="{url path='/admin/products/category/add'}" id="related_content_form">

                                    <p class="title title-without-tabs">{intl l='Additional categories'}</p>
                                    <p>{intl l='A content could be attached to more than one folder. Select here the additional fodlers for this content.'}
                                        {loop name="default_folder" type="folder" id=$DEFAULT_FOLDER}
                                        {intl l='You can change the default folder (%title) in the "General" tab.' title=$TITLE}
                                        {/loop}

                                        {$exclude_from_tree = "-1"}
                                        {loop name="additional_folders" type="folder" exclude=$DEFAULT_FOLDER content=$content_id backend_context="1" lang="$edit_language_id"}
                                        {$exclude_from_tree = "$exclude_from_tree,$ID"}
                                        {/loop}
                                        <input type="hidden" name="content_id" value="{$content_id}" />
                                        <input type="hidden" name="current_tab" value="association" />

                                        {ifloop rel="folders"}
                                    <div class="input-group">

                                        <select name="additional_category_id" id="accessory_category_id" class="form-control">
                                            <option value="">{intl l='Select a folder...'}</option>
                                            {loop name="folders" type="folder-tree" folder="0" exclude=$exclude_from_tree backend_context="1" lang="$edit_language_id"}
                                                <option value="{$ID}" style="padding-left: {3 + $LEVEL * 20}px" {if $DEFAULT_FOLDER==$ID}disabled="disabled"{/if}>
                                                    {$TITLE} {if $DEFAULT_FOLDER==$ID}{intl l=' (default)'}{/if}
                                                </option>
                                            {/loop}
                                        </select>

                                    <span class="input-group-btn" id="content_add_button">
                                       <button class="btn btn-default btn-primary action-btn" type="submit"><span class="glyphicon glyphicon-plus-sign"></span></button>
                                    </span>

                                    </div>
                                    <span class="help-block">{intl l='Select a folder and click (+) to add it to the additional folder list'}</span>
                                    {/ifloop}

                                    {elseloop rel="folders"}
                                        <div class="alert alert-info">{intl l="No Folders found"}</div>
                                    {/elseloop}

                                </form>
                            </div>

                            <div class="table-responsive">
                                <table class="table table-striped table-condensed table-left-aligned">
                                    <thead>
                                    <tr>
                                        <th>{intl l='ID'}</th>

                                        <th>{intl l='Folder title'}</th>

                                        {module_include location='product_folders_table_header'}

                                        <th class="actions">{intl l="Actions"}</th>
                                    </tr>
                                    </thead>

                                    <tbody>
                                    {loop name="additional_folders" type="folder" content=$content_id exclude=$DEFAULT_FOLDER backend_context="1" lang="$edit_language_id"}
                                        <tr>
                                            <td>{$ID}</td>

                                            <td>
                                                {$TITLE}
                                            </td>

                                            {module_include location='product_folders_table_row'}

                                            <td class="actions">
                                                <div class="btn-group">
                                                    {loop type="auth" name="can_delete" roles="ADMIN" permissions="admin.product.category.delete"}
                                                        <a class="btn btn-default btn-xs delete-category" title="{intl l='Remove the product from this category'}" href="#delete_category_dialog" data-id="{$ID}" data-toggle="modal">
                                                            <span class="glyphicon glyphicon-trash"></span>
                                                        </a>
                                                    {/loop}
                                                </div>
                                            </td>
                                        </tr>
                                    {/loop}

                                    {elseloop rel="additional_folders"}
                                        <tr>
                                            <td colspan="3">
                                                <div class="alert alert-info">
                                                    {intl l="This product doesn't belong to any additional folder."}
                                                </div>
                                            </td>
                                        </tr>
                                    {/elseloop}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    {* -- End folders management ------------------------------------- *}
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="images">
            {include file='includes/image-upload-form.html' imageType='content' parentId=$content_id}
        </div>

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

        <div class="tab-pane fade" id="modules">
        </div>
        </div>
        </div>
        </div>
        </div>
    {/loop}
    </div>
    </div>
    </div>


{* Delete related content confirmation dialog *}

    {capture "delete_content_dialog"}
        <!-- <input type="hidden" name="category_id" value="{$category_id}" /> -->
        <input type="hidden" name="content_id" id="content_delete_id" value="" />
        <input type="hidden" name="folder_id" id="folder_delete_id" value="" />

        <input type="hidden" name="current_tab" value="details" />
    {/capture}

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

    dialog_id       = "delete_content_dialog"
    dialog_title    = {intl l="Remove related content"}
    dialog_message  = {intl l="Do you really want to remove this related content ?"}

form_action     = {url path='/admin/folders/related-content/delete'}
form_content    = {$smarty.capture.delete_content_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}

    <script>
        $(function() {
            $.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)}
            $('#tabbed-menu a[href="#{$current_tab}"]').tab('show')
            {/if}


            // 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/$folder_id/available-related-content/"}' + $(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 (id={$folder_id}) select value
            {if $folder_id != 0}
            $('#folder_id').val("{$folder_id}").change();
            {/if}

        });
    </script>
{/block}