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

{block name="page-title"}{intl l='Thelia System Variables'}{/block}

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

{block name="main-content"}
<div class="variables">

    <div id="wrapper" class="container">

        <ul class="breadcrumb">
            <li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
            <li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
            <li><a href="{url path='/admin/configuration/variables'}">{intl l="System variables"}</a></li>
        </ul>

        {module_include location='variables_top'}

        <div class="row">
            <div class="col-md-12">
                <form action="{url path='/admin/configuration/variables/update-values'}" method="post">
	                <div class="general-block-decorator">
                    <div class="table-responsive">
	                    <table class="table table-striped table-condensed table-left-aligned">
	                        <caption class="clearfix">
	                           {intl l='Thelia system variables'}
	                           {loop type="auth" name="can_create" role="ADMIN" resource="admin.configuration.variable" access="CREATE"}
                               <div class="pull-right">
                                  <a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new variable'}" href="#creation_dialog" data-toggle="modal">
                                      <span class="glyphicon glyphicon-plus-sign"></span>
                                  </a>
                                  <button class="btn btn-default btn-primary" title="{intl l='Save chages'}"><span class="glyphicon glyphicon-ok"></span> {intl l='Save changes'}</button>
                                </div>
                            {/loop}

	                        </caption>

                          <thead>
  	                        <tr>
  	                           <th>
                                 {admin_sortable_header
                                    current_order=$order
                                    order='title'
                                    reverse_order='title_reverse'
                                    path={url path='/admin/configuration/variables'}
                                    label={intl l='Purpose'}
                                 }
  	                           </th>

                                 <th>
                                 {admin_sortable_header
                                    current_order=$order
                                    order='name'
                                    reverse_order='name_reverse'
                                    path={url path='/admin/configuration/variables'}
                                    label={intl l='Name'}
                                 }
                                 </th>

                                 <th>
                                 {admin_sortable_header
                                    current_order=$order
                                    order='value'
                                    reverse_order='value_reverse'
                                    path={url path='/admin/configuration/variables'}
                                    label={intl l='Value'}
                                 }
                                 </th>

                                 {module_include location='variables_table_header'}

                                 <th>{intl l='Action'}</th>
  	                        </tr>
                          </thead>
                          <tbody>
  	                        {loop name="config" type="config" hidden="0" secured="*" backend_context="1" lang="$lang_id" order="$order"}
  	                            <tr>

  	                               <td>{$TITLE}</td>

                                     <td>
                                     {if ! $SECURED}
                                         {loop type="auth" name="can_change" role="ADMIN" resource="admin.configuration.variable" access="UPDATE"}
                                             <a title="{intl l='Change this variable'}" href="{url path='/admin/configuration/variables/update' variable_id="$ID"}">{$NAME}</a>
                                         {/loop}
                                         {elseloop rel="can_change"}
                                             {$NAME}
                                         {/elseloop}
                                     {else}
                                         {$NAME}
                                     {/if}
                                     </td>

  	                                <td>
  	                                    {if $SECURED}
  	                                        {$VALUE}
  	                                    {else}
  	                                        <input id="cancelable_edit_{$ID}" class="js-edit form-control" data-id="{$ID}" type="text" name="variable[{$ID}]" value="{$VALUE}" />
  	                                    {/if}
  	                                </td>

  	                                {module_include location='variables_table_row'}

  	                                <td class="actions">
  	                                    {if ! $SECURED}
  		                                    <div class="btn-group">
                                                 <a class="btn btn-default btn-xs cancel-edit" id="cancel_edit_btn_{$ID}" data-id="{$ID}" title="{intl l='Cancel changes and revert to original value'}" href="#"><i class="glyphicon glyphicon-remove"></i></a>

                                                 {loop type="auth" name="can_change" role="ADMIN" resource="admin.configuration.variable" access="UPDATE"}
                                                     <a class="btn btn-default btn-xs config-change" title="{intl l='Change this variable'}" href="{url path='/admin/configuration/variables/update' variable_id="$ID"}"><i class="glyphicon glyphicon-edit"></i></a>
                                                 {/loop}

                                                 {loop type="auth" name="can_delete" role="ADMIN" resource="admin.configuration.variable" access="DELETE"}
                                                     <a class="btn btn-default btn-xs config-delete" title="{intl l='Delete this variable'}" href="#delete_variable_dialog" data-id="{$ID}" data-toggle="modal"><i class="glyphicon glyphicon-trash"></i></a>
                                                 {/loop}
  		                                    </div>
  		                                {else}
  		                                    <i title="{intl l='This variable could not be changed.'}" class="glyphicon glyphicon-ban-circle"></i>
  	                                    {/if}
  	                                </td>
  	                            </tr>
  	                        {/loop}
                          </tbody>
	                    </table>
                    </div>
	                </div>
                </form>
            </div>
        </div>

        {module_include location='variables_bottom'}

    </div>
</div>


{* Adding a new variable *}


    {form name="thelia.admin.config.creation"}

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

			{form_hidden_fields form=$form}

			{form_field form=$form field='success_url'}
			{* on success, redirect to the edition page, _ID_ is replaced with the created variable ID, see controller  *}
			<input type="hidden" name="{$name}" value="{url path='/admin/configuration/variables/update' variable_id='_ID_'}" />
			{/form_field}

			{* We do not allow users to create hidden or secured variables from here *}

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

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

		    {form_field form=$form field='name'}
		    <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='Variable name'}" placeholder="{intl l='Variable name'}" class="form-control">
		    </div>
		    {/form_field}

		    {form_field form=$form field='value'}
		    <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}" name="{$name}" value="{$value}" title="{intl l='Variable value'}" placeholder="{intl l='Variable value'}" class="form-control">
		    </div>
		    {/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">{intl l="{$label}"} : </label>

		        {loop type="lang" name="default-lang" default_only="1"}

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

		            <div class="input-group">
		              <input type="text" id="{$label_attr.for}" required="required" name="{$name}" value="{$value}" title="{intl l='Variable purpose'}" placeholder="{intl l='Variable purpose'}" class="form-control">
		              <span class="input-group-addon"><img src="{image file="assets/img/flags/{$CODE}.gif"}" alt="{intl l=$TITLE}" /></span>
		            </div>

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

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


            {module_include location='variable_create_form'}
        {/capture}

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

	        dialog_id    = "creation_dialog"
	        dialog_title = {intl l="Create a new variable"}
	        dialog_body  = {$smarty.capture.creation_dialog nofilter}

	        dialog_ok_label     = {intl l="Create this variable"}

	        form_action        = {url path='/admin/configuration/variables/create'}
	        form_enctype       = {form_enctype form=$form}
	        form_error_message = $form_error_message
	    }
    {/form}

    {* Delete category confirmation dialog *}

    {capture "delete_dialog"}
        <input type="hidden" name="variable_id" id="variable_delete_id" value="" />

        {module_include location='variable_delete_form'}

    {/capture}

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

        dialog_id       = "delete_variable_dialog"
        dialog_title    = {intl l="Delete a variable"}
        dialog_message  = {intl l="Do you really want to delete this variable ?"}

        form_action         = {url path='/admin/configuration/variables/delete'}
        form_content        = {$smarty.capture.delete_dialog nofilter}
    }
{/block}

{block name="javascript-initialization"}
<script>
    $(function() {

        // JS stuff for creation form
        {include
            file      = "includes/generic-js-dialog.html"
            dialog_id = "creation_dialog"
            form_name = "thelia.admin.config.creation"
        }

    	// Set proper variable ID in delete from
    	$('a.config-delete').click(function(ev) {
    		$('#variable_delete_id').val($(this).data('id'));
     	});

    	// Edition canceling management
        $('.cancel-edit').each(function() {
            var zis   = $(this);
            var field = $('#cancelable_edit_' + $(this).data('id'));

            zis.addClass('disabled');
            zis.data('original-value', field.val());

            zis.click(function(ev) {

                if (!zis.is('.disabled')) {
                    zis.addClass('disabled');
                    field.val(zis.data('original-value'));
                }

                ev.preventDefault();
            });
        })

        $('.js-edit').keyup(function() {
            $('#cancel_edit_btn_' + $(this).data('id')).removeClass('disabled');
        });

    });
</script>
{/block}