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

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

{block name="page-title"}{intl l='View keyword group associations' d='keyword'}{/block}

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

        {loop name="keyword" type="keyword_group" visible="*" id="$keyword_group_id"}
        <ul class="breadcrumb">
            <li><a href="{url path='admin/home'}">{intl l="Home"}</a></li>
            <li><a href="{url path='admin/module/Keyword'}">{intl l="Keywords" d='keyword'}</a></li>
            <li class="active">{$TITLE}</li>
        </ul>

        <div class="row">

            <div class="col-md-12 general-block-decorator">
                <div class="row">
                    <div class="col-md-7 title">
                        {intl l='View keyword group "%title" associations' title=$TITLE d='keyword'}
                    </div>

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

                        {if $HAS_PREVIOUS != 0}
                        <a href="{url path="/admin/module/Keyword/group/view?keyword_group_id=$PREVIOUS"}" class="btn btn-default" title="{intl l='View previous keyword group' d='keyword'}"><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}

                        {if $HAS_NEXT != 0}
                        <a href="{url path="/admin/module/Keyword/group/view?keyword_group_id=$NEXT"}" class="btn btn-default" title="{intl l='View next keyword group' d='keyword'}"><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">

                        <div class="table-responsive">
                            <table class="table table-striped table-condensed" id="category_list">
                                <caption>
                                    {intl l="Keywords" d='keyword'}

                                    {loop type="auth" name="can_create" role="ADMIN" resource="admin.keyword" access="CREATE"}
                                    <a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new keyword' d='keyword'}" href="#keyword_creation_dialog" data-toggle="modal">
                                        <span class="glyphicon glyphicon-plus-sign"></span>
                                    </a>
                                    {/loop}
                                </caption>

                                {ifloop rel="keyword_list"}
                                <thead>
                                <tr>
                                    <th>{intl l='ID'}</th>
                                    <th>{intl l='Title'}</th>
                                    <th>{intl l='Unique identifier' d='keyword'}</th>
                                    <th>{intl l='Visible'}</th>
                                    <th>{intl l='Position'}</th>
                                    <th class="actions">{intl l='Actions'}</th>
                                </tr>
                                </thead>

                                <tbody>
                                {loop name="keyword_list" type="keyword" visible="*" order="manual" backend_context="1" lang=$lang_id keyword_group="$ID"}
                                <tr>
                                    <td>{$ID}</td>

                                    <td class="object-title">
                                        <a title="{intl l='Browse this keyword' d='keyword'}" href="{url path='/admin/module/Keyword/view' keyword_id=$ID}">
                                            {$TITLE}
                                        </a>
                                    </td>

                                    <td>
                                        {$CODE}
                                    </td>

                                    <td>
                                        {loop type="auth" name="can_change" role="ADMIN" resource="admin.keyword" access="UPDATE"}
                                        <div class="make-switch switch-small keywordVisibleToggle" data-id="{$ID}"  data-on="success" data-off="danger" data-on-label="<i class='glyphicon glyphicon-ok'></i>" data-off-label="<i class='glyphicon glyphicon-remove'></i>">
                                            <input type="checkbox" class="keywordVisibleToggle" {if $VISIBLE == 1}checked="checked"{/if}>
                                        </div>
                                        {/loop}

                                        {elseloop rel="can_change"}
                                        <div class="make-switch switch-small" data-on="success" data-off="danger" data-on-label="<i class='glyphicon glyphicon-ok'></i>" data-off-label="<i class='glyphicon glyphicon-remove'></i>">
                                            <input type="checkbox" class="disabled" disabled="disabled" {if $VISIBLE == 1}checked="checked"{/if}>
                                        </div>
                                        {/elseloop}
                                    </td>

                                    <td>
                                        {admin_position_block
                                        resource="admin.keyword"
                                        access="update"
                                        path={url path='admin/module/Keyword/update-position' keyword_id=$ID keyword_group_id=$keyword_group_id noamp=1}
                                        url_parameter="keyword_id"
                                        in_place_edit_class="keywordPositionChange"
                                        position=$POSITION
                                        id=$ID
                                        }
                                    </td>

                                    <td class="actions">
                                        <div class="btn-group">
                                            <a class="btn btn-default btn-xs" title="{intl l='Browse this keyword' d='keyword'}" href="{url path='/admin/module/Keyword/view' keyword_id=$ID}"><i class="glyphicon glyphicon-folder-open"></i></a>

                                            {loop type="auth" name="can_change" role="ADMIN" resource="admin.keyword" access="UPDATE"}
                                            <a class="btn btn-default btn-xs" title="{intl l='Edit this keyword' d='keyword'}" href="{url path='/admin/module/Keyword/update' keyword_id=$ID}"><i class="glyphicon glyphicon-edit"></i></a>
                                            {/loop}

                                            {loop type="auth" name="can_delete" role="ADMIN" resource="admin.keyword" access="DELETE"}
                                            <a class="btn btn-default btn-xs keyword-delete" title="{intl l='Delete this keyword' d='keyword'}"  href="#keyword_delete_dialog" data-id="{$ID}" data-toggle="modal"><i class="glyphicon glyphicon-trash"></i></a>
                                            {/loop}
                                        </div>
                                    </td>
                                </tr>
                                {/loop}
                                </tbody>
                                {/ifloop}

                                {elseloop rel="keyword_list"}
                                <thead>
                                <tr>
                                    <td class="message">
                                        <div class="alert alert-info">
                                            {loop type="auth" name="can_create" role="ADMIN" resource="admin.keyword" access="CREATE"}
                                            {intl l="There is no keywords. To create a new one, click the + button above." d='keyword'}
                                            {/loop}

                                            {elseloop rel="can_create"}
                                            {intl l="There is no keywords." d='keyword'}
                                            {/elseloop}
                                        </div>
                                    </td>
                                </tr>
                                </thead>
                                {/elseloop}
                            </table>
                        </div>

                    </div>

                </div>

            </div>

        </div>
        {/loop}

    </div>
</div>

{* -- Adding a new keyword -------------------------------------------------- *}

{form name="keyword.admin.creation"}

    {* Capture the dialog body, to pass it to the generic dialog *}
    {capture "keyword_creation_dialog"}

    {form_hidden_fields form=$form}

    {form_field form=$form field='success_url'}
    <input type="hidden" name="{$name}" value="{url path='/admin/module/Keyword/group/view' keyword_group_id=$keyword_group_id}" />
    {/form_field}

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

    {form_field form=$form field='title'}
    <div class="form-group {if $error}has-error{/if}">
        <label for="{$label_attr.for}" class="control-label">{$label} : </label>
        {loop type="lang" name="default-lang" default_only="1"}
        <div class="input-group">
            <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{$label}" placeholder="{intl l='title'}">
            <span class="input-group-addon"><img src="{image file="assets/img/flags/{$CODE}.png"}" alt="$TITLE" /></span>
        </div>

        <div class="help-block">{intl l='Enter here the keyword name in the default language (%title)' title="$TITLE" d='keyword'}</div>

        {* Switch edition to the current locale *}
        <input type="hidden" name="edit_language_id" value="{$ID}" />

        {form_field form=$form field='locale'}
        <input type="hidden" name="{$name}" value="{$LOCALE}" />
        {/form_field}
        {/loop}
    </div>
    {/form_field}

    {form_field form=$form field='code'}
    <div class="form-group {if $error}has-error{/if}">
        <label for="{$label_attr.for}" class="control-label">{$label} : </label>
        <input type="text" id="{$label_attr.for}" required="required" name="{$name}" class="form-control" value="{$value}" title="{$label}" placeholder="{intl l='unique identifier' d='keyword'}">
        <div class="help-block">{intl l='Enter here the unique identifier of the keyword which must be use into your loops' d='keyword'}</div>
    </div>
    {/form_field}

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

    {/capture}

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

    dialog_id    = "keyword_creation_dialog"
    dialog_title = {intl l="Create a new keyword" d='keyword'}
    dialog_body  = {$smarty.capture.keyword_creation_dialog nofilter}

    dialog_ok_label     = {intl l="Save"}

    form_action        = {url path='/admin/module/Keyword/create'}
    form_enctype       = {form_enctype form=$form}
    form_error_message = $form_error_message
    }
{/form}

{* -- Delete keyword confirmation dialog ----------------------------------- *}

{capture "keyword_delete_dialog"}
    <input type="hidden" name="keyword_id" id="keyword_delete_id" value="" />
    <input type="hidden" name="keyword_group_id" value="{$keyword_group_id}" />
{/capture}

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

dialog_id       = "keyword_delete_dialog"
dialog_title    = {intl l="Delete keyword" d='keyword'}
dialog_message  = {intl l="Do you really want to delete this keyword and all its associations ?" d='keyword'}

form_action         = {token_url path='/admin/module/Keyword/delete'}
form_content        = {$smarty.capture.keyword_delete_dialog nofilter}
}

{/block}

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

    {javascripts file='assets/js/bootstrap-editable/bootstrap-editable.js'}
    <script src="{$asset_url}"></script>
    {/javascripts}

    <script>
        $(function() {

            $('a.keyword-delete').click(function(ev) {
                $('#keyword_delete_id').val($(this).data('id'));
            });

            {* Inline editing of object position using bootstrap-editable *}

            $('.keywordPositionChange').attr('data-group', "{$keyword_group_id}");

            $('.keywordPositionChange').editable({
                type        : 'text',
                title       : '{intl l="Enter new keyword position" d="keyword"}',
                mode        : 'popup',
                inputclass  : 'input-mini',
                placement   : 'left',
                success     : function(response, newValue) {
                    // The URL template
                    var url = "{url path='/admin/module/Keyword/update-position' keyword_id='__ID__' keyword_group_id='__KEYWORD_GROUP_ID__' position='__POS__' noamp=1}";

                    // Perform subtitutions
                    url = url.replace('__ID__', $(this).data('id'))
                            .replace('__KEYWORD_GROUP_ID__', $(this).data('group'))
                            .replace('__POS__', newValue);

                    // Reload the page
                    location.href = url;
                }
            });

            {* Toggle object visibility *}

            $(".keywordVisibleToggle").on('switch-change', function(event, data) {
                $.ajax({
                    url : "{url path='admin/module/Keyword/toggle-online'}",
                    data : {
                        keyword_id : $(this).data('id'),
                        keyword_group_id : $(this).data('group'),
                        action : 'visibilityToggle'
                    }
                });
            });

        });
    </script>
{/block}