<? global $vis_language; ?>
<section id="breadcrumb" class="row m-b m-l-none m-r-none">
   <div class="col-sm-6">
      <h3 class="m-b-xs text-black"><? echo $vis_language['TXTLOCALISATION']; ?></h3>
      <ul class="breadcrumb bg-empty no-border m-b-xxs no-padder">
         <li><a class="link" href="#/home/quick_view/<? echo $vis_language['TXTHOME']; ?>"><?echo $vis_language['TXTHOME'];?></a></li>
         <li><a class="link" href="#/setting/setting_menu/<? echo $vis_language['TXTSETTINGS'];?>" onclick="$('#vis_workpanel_div').visExecution('load_module','<? echo $vis_language['TXTSETTINGS'];?>',{'vis_module':'setting','vis_operation':'setting_menu'});"><?echo $vis_language['TXTSETTINGS'];?></a></li>
         <li><a class="link" href="#/setting/view_language/<? echo $vis_language['TXTLANGUAGE'];?>" onclick="$('#vis_workpanel_div').visExecution('load_module','<? echo $vis_language['TXTLANGUAGE'];?>',{'vis_module':'setting','vis_operation':'view_language'});"><?echo $vis_language['TXTLANGUAGE'];?></a></li>
         <li class="active"><? echo $vis_language['TXTLOCALISATION']; ?> </li>
      </ul>
   </div>
    <div class="col-sm-6 text-right text-left-xs m-t-lg">
      <div class="btn-group">
         <a class="btn btn-rounded btn-primary btn-sm dropdown-toggle" onclick="$('#vis_workpanel_div').visExecution('load_module','<? echo $vis_language['TXTADDLOCALISATION']; ?>',{'vis_module':'setting','vis_operation':'new_localisation'});"><i style="font-size:10px;" class="vh vh-plus"></i>  <? echo $vis_language['TXTADD']; ?></a>
      </div>
   </div>
</section>
<section class="padder">
   <section class="panel panel-default">
      <div class="panel-body">
         <form class="form-horizontal" id="vis_language_variable_form" name="vis_language_variable_form" method="post" onkeydown="if (event.keyCode == 13) return false;" >
            <div class="form-group m">
               <label class="col-sm-2 control-label"><? echo $vis_language['TXTLANGUAGE_SELECT']; ?></label>
               <div class="col-sm-10">
                  <select class="form-control input-sm selectpicker" <? if(count($language_details)>10) echo 'data-live-search="true"';?> name="vis_language_id" id="vis_language_id" onchange="$('#language_details').visExecution('load_operations', {'vis_module':'setting', 'vis_operation':'display_localisation', 'vis_form':'vis_language_variable_form'});$('#language_details').show();" >
                     <?
                        for($i=0;$i<count($language_details);$i++){
                                                echo '<option value="'.$language_details[$i]['language_id'].'">'.$language_details[$i]['language_name'].'</option>';
                                            } ?>
                  </select>
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label"><? echo $vis_language['TXTLOCATION']; ?></label>
               <div class="col-sm-10">
                  <select name="vis_location_id" id="vis_location_id" class="form-control input-sm selectpicker" onchange="$('#language_details').visExecution('load_operations', {'vis_module':'setting', 'vis_operation':'display_localisation', 'vis_form':'vis_language_variable_form'});$('#language_details').show();">
                     <option value="1"><? echo $vis_language['TXTCLIENTPORTAL']; ?></option>
                     <option value="2"><? echo $vis_language['TXTMANAGEPORTAL']; ?></option>
                  </select>
               </div>
            </div>
            <div id="language_details" >
               <!-- language variable list display here -->
            </div>
         </form>
      </div>
   </section>
</section>
<script>
	$(document).ready(function() {
	$('#language_details').visExecution('load_operations', {'vis_module':'setting', 'vis_operation':'display_localisation', 'vis_form':'vis_language_variable_form'});$('#language_details').show();
});
   $(".selectpicker").selectpicker();
</script>
