{assign var=configs value=$cb_mass_embed->configs}
<div class="page-header">
  <h1>
    Mass Embedder V2.1 Settings & Configurations
  </h1>
</div>
<form class="cbmassForm" method="post">
    <div class="well">
        <label for="mass_keywords"><b class="red">Mass Embed License</b></label>
        <input name="license_key" type="text" id="license_key" size="50" value="{$configs.license_key}" class="inputField input-lg"/>
    </div>
    <div style="height:30px"></div>
    <div class="">
        <div class="tabbable">
            <ul id="confi-Tab" class="nav nav-tabs">
                <li class="active">
                    <a href="#api-options" data-toggle="tab">
                        <h5>API's & Additional Options</h5>
                    </a>
                </li>
                <li class="">
                    <a href="#cat-options" data-toggle="tab">
                        <h5>Category Keywords <img src="{$imageurl}/help.png" border="0" class="tipsy_tip" title="If you want to assign categories to video automatically, please enter keywords for each category, if any of keyword found in embedded video category or tags, category will be assigned automatically" /></h5>
                    </a>
                </li>
            </ul>
            <div class="tab-content clearfix">
                <div class="tab-pane active" id="api-options">
                    <div class="col-md-2">
                        {assign var=apis value=$cb_mass_embed->get_apis()}
                        {assign var=the_apis value=$cb_mass_embed->get_installed_apis()}
                        {foreach from=$apis item=api}
                        <label style="text-transform:capitalize">
                            <input name="apis[]" class="ace ace-switch ace-switch-5" type="checkbox" value="{$api}" {if $the_apis.$api!=''}checked="checked"{/if} />
                            <span class="lbl"></span>
                            {$api}
                        </label>
                        <div style="height:10px"></div>
                        {/foreach}
                         <div style="height:10px"></div>
                        <label for="results" >Videos Limit</label>
                        <input name="results" type="text" id="results" class="inputField" value="{$configs.results}" size="10"/>
                        <div style="height:10px"></div>
                    </div>
                    <div class="col-md-10">
                        <div>
                        <label><input type="checkbox" name="import_stats" id="import_stats" {if $configs.import_stats=='yes'} checked="checked"{/if} value="yes" /> Import Stats (e.g views, date added etc)
                        </label>
                        </div>
                        <div>
                            <label><input type="checkbox" name="import_comments" id="import_comments" {if $configs.import_comments=='yes'} checked="checked"{/if} value="yes" /> Import Comments 
                            </label>
                        </div>
                       
                        <div>

                            <label>Sorting
                                <select name="sort_type" id="sort_type" class="inputField select ">
                                  <option value="relevance" {if $configs.sort_type=='relevance'} selected="selected"{/if}>Relevance</option>
                                  <option value="published" {if $configs.sort_type=='published'} selected="selected"{/if}>Published</option>
                                  <option value="views" {if $configs.sort_type=='views'} selected="selected"{/if}>Views</option>
                                  <option value="rating" {if $configs.sort_type=='rating'} selected="selected"{/if}>Rating</option>
                                </select>    
                            </label>
                            <label for="time">Time Span
                                <select name="time" id="time" class="inputField select">
                                  <option value="today"{if $configs.time=='today'} selected="selected"{/if}>Today</option>
                                  <option value="this_week"{if $configs.time=='this_week'} selected="selected"{/if}>This Week</option>
                                  <option value="this_month"{if $configs.time=='this_month'} selected="selected"{/if}>This Month</option>
                                  <option value="all_time"{if $configs.time=='all_time'} selected="selected"{/if}>All time</option>
                                </select>
                            </label>
                            <label>Max tries 
                                <input type="text" id="max_tries" value="{$configs.max_tries}" name="max_tries" class="inputField"/>
                            </label>
                            <div style="clear:both; height:5px"></div>
                             <label>
                                <input type="radio" name="categorization" value="each" id="RadioGroup1_1" {if $configs.categorization=='each'} checked="checked"{/if}>
                                Manually Select Categories For Each Video</label> 
                              
                             
                             <label>
                                <input type="radio" name="categorization" value="keywords" id="RadioGroup1_1" {if $configs.categorization=='keywords'} checked="checked"{/if}>
                                Auto Categorization based on Keywords
                            </label>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="cat-options">
                   {assign var=cat_keys value=$cb_mass_embed->get_cat_keywords()}
                   <ul class="list-unstyled">
                    {foreach from=$categories item=category name=cat}
                        <li class="pull-left" style="width:33%">
                        {assign var=cat_id value=$category.category_id}
                        <label class="col-md-12">
                            <span class="col-md-3">{$category.category_name}</span>
                            <input type="text" name="cat_{$category.category_id}" id="cat_{$category.category_id}" class="inputField col-md-8" value="{$cat_keys.$cat_id}"/>
                        </label>
                        <div style="height:10px"></div>
                        </li>
                    {/foreach}
                    </ul> 
                </div>
            </div>        
        </div>
        <div style="height:30px"></div>
          <input type="submit" name="update" id="update" value="Update settings" class="cbmassButtn btn btn-primary pull-right"/>
        <div style="height:30px"></div>
    </div>
</form>