{if isset($all_update_url)}<a class="ow_lbutton ow_red ow_left" href="{$all_update_url}" onclick="return confirm('{text key='base+are_you_sure'}');" style="margin: 5px;">{text key='admin+manage_plugins_update_all'}</a>{/if}
{block_decorator name='box' type='empty' addClass='ow_stdmargin' iconClass='ow_ic_plugin' langLabel='admin+manage_plugins_active_box_cap_label'}
<div class="ow_plugins_search">
    <input id="searchPluginsInput" type="text" class="ow_searchbar_input" placeholder="{text key='admin+plugin_search_input_placeholder'}">
</div>
    <script>
     let plugins = [];
     let plugin;
     let desc = "";
     let title = "";
     $("#searchPluginsInput").keyup(function(e){
        let text = $(this).val();
        if(text.length<3){
            $( "[id^='plugin-active-']" ).show();
        }else{
            $( "[id^='plugin-active-']" ).show();
            let selectedIds = [];
            plugins.forEach(function(item, index){
                if(item["title"].includes(text) || item["desc"].includes(text)){
                    selectedIds.push(index);
                }
            });
            if(selectedIds.length>0){
                plugins.forEach(function (item, index) {
                    if(!selectedIds.includes(index)){
                        $("#plugin-active-"+index).hide();
                    }
                });
            }else{
                plugins.forEach(function (item, index) {
                    $("#plugin-active-"+index).hide();
                });
            }
        }
     });
    </script>
    {assign var=counter value=1}
   	{foreach from=$plugins.active item='plugin'}
    <script>
        desc = "{$plugin.description|escape:javascript}";
        title = "{$plugin.title|escape:javascript}";
        plugin = {
            "title": title,
            "desc": desc
        };
        plugins[{$counter}] = plugin;
    </script>
        <div id="plugin-active-{$counter}" class="ow_plugin_block{if $plugin.update_url} ow_plugin_update{/if}{if !empty($plugin.license_url)} ow_plugin_invalid{/if}">
         	<div class="ow_plugin_title" {if $plugin.title|count_characters:true >45 } title="{$plugin.title}" {/if}><b>{$plugin.title|truncate:45:" ..."}</b></div>
            <div class="ow_plugin_desc" {if $plugin.description|count_characters:true >200 } title="{$plugin.description}" {/if}>{$plugin.description|truncate:200:" ..."}</div>
            <div class="ow_plugin_controls">
                       {if !empty($plugin.license_url)}<a class="ow_button_new ow_blue" href="{$plugin.license_url}">{text key='admin+manage_plugins_add_license_label'}</a>{/if}
                       {if $plugin.update_url}<a class="ow_button_new ow_blue" href="{$plugin.update_url}">{text key='admin+manage_plugins_update_button_label'}</a>{/if}
                       {if $plugin.set_url && empty($plugin.license_url)}<a class="ow_button_new ow_blue" href="{$plugin.set_url}">{text key='admin+manage_plugins_settings_button_label'}</a>{/if}
                       <a class="ow_button_new ow_red" href="{$plugin.deact_url}">{text key='admin+manage_plugins_deactivate_button_label'}</a>
                       {if $plugin.un_url}
                    <a class="ow_button_new ow_red" onclick='var jc = $.confirm($(this).data("confirm-msg")); jc.buttons.ok.action = function() {
                           window.location="{$plugin.un_url}";}'>{text key='admin+manage_plugins_uninstall_button_label'}</a>{/if}
            </div>
        </div>
    {assign var=counter value=$counter+1}
    {/foreach}
{/block_decorator}
{block_decorator name='box' type='empty' addClass='ow_stdmargin' iconClass='ow_ic_trash' langLabel='admin+manage_plugins_inactive_box_cap_label'}

   	{foreach from=$plugins.inactive item='plugin'}
        <div id="plugin-deactive-{$counter}" class="ow_plugin_block{if $plugin.update_url} ow_plugin_update{/if}{if !empty($plugin.license_url)} ow_plugin_invalid{/if}">
            <div class="ow_plugin_title" {if $plugin.title|count_characters:true >45 } title="{$plugin.title}" {/if}><b>{$plugin.title|truncate:45:" ..."}</b></div>
            <div class="ow_plugin_desc" {if $plugin.description|count_characters:true >200 } title="{$plugin.description}" {/if}>{$plugin.description|truncate:200:" ..."}</div>
            <div class="ow_plugin_controls">
                 {if !empty($plugin.license_url)}<a class="ow_button_new ow_blue" href="{$plugin.license_url}">{text key='admin+manage_plugins_add_license_label'}</a>
                 {else}    
                <a class="ow_button_new ow_green" href="{$plugin.active_url}">{text key='admin+manage_plugins_activate_button_label'}</a>
                {/if}
                {if $plugin.un_url}<a class="ow_button_new ow_red" href="{$plugin.un_url}">{text key='admin+manage_plugins_uninstall_button_label'}</a>{/if}
            </div>
         </td>
      </div>
      {/foreach}

{/block_decorator}