<? global $vis_language; 
   ?>
<div class="modal-dialog modal-lg">
   <div class="modal-content">
      <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" title="Close">&times;</button>
         <h4 class="modal-title"><? echo $vis_language['TXTSELECTBADGE']; ?></h4>
      </div>
      <div class="modal-body">
         <div class="row">
            <div class="panel-body">
               <div onclick="add_badge_image('badge-01');" data-dismiss="modal" class="badge-01 vis-pointer"></div>
               <div onclick="add_badge_image('badge-02');" data-dismiss="modal" class="badge-02 vis-pointer"></div>
               <div onclick="add_badge_image('badge-03');" data-dismiss="modal" class="badge-03 vis-pointer"></div>
               <div onclick="add_badge_image('badge-04');" data-dismiss="modal" class="badge-04 vis-pointer"></div>
               <div onclick="add_badge_image('badge-05');" data-dismiss="modal" class="badge-05 vis-pointer"></div>
               <div onclick="add_badge_image('badge-06');" data-dismiss="modal" class="badge-06 vis-pointer"></div>
               <div onclick="add_badge_image('badge-07');" data-dismiss="modal" class="badge-07 vis-pointer"></div>
               <div onclick="add_badge_image('badge-08');" data-dismiss="modal" class="badge-08 vis-pointer"></div>
               <div onclick="add_badge_image('badge-09');" data-dismiss="modal" class="badge-09 vis-pointer"></div>
               <div onclick="add_badge_image('badge-10');" data-dismiss="modal" class="badge-10 vis-pointer"></div>
               <div onclick="add_badge_image('badge-11');" data-dismiss="modal"  class="badge-11 vis-pointer"></div>
               <div onclick="add_badge_image('badge-12');" data-dismiss="modal"  class="badge-12 vis-pointer"></div>
               <div onclick="add_badge_image('badge-13');" data-dismiss="modal" class="badge-13 vis-pointer"></div>
               <div onclick="add_badge_image('badge-14');" data-dismiss="modal" class="badge-14 vis-pointer"></div>
               <div onclick="add_badge_image('badge-15');" data-dismiss="modal" class="badge-15 vis-pointer"></div>
               <div onclick="add_badge_image('badge-16');" data-dismiss="modal" class="badge-16 vis-pointer"></div>
               <div onclick="add_badge_image('badge-17');" data-dismiss="modal"  class="badge-17 vis-pointer"></div>
               <div onclick="add_badge_image('badge-18');" data-dismiss="modal"  class="badge-18 vis-pointer"></div>
               <div onclick="add_badge_image('badge-19');" data-dismiss="modal"  class="badge-19 vis-pointer"></div>
               <div onclick="add_badge_image('badge-20');" data-dismiss="modal"  class="badge-20 vis-pointer"></div>
               <div onclick="add_badge_image('badge-21');" data-dismiss="modal"  class="badge-21 vis-pointer"></div>
               <div onclick="add_badge_image('badge-22');" data-dismiss="modal"  class="badge-22 vis-pointer"></div>
               <div onclick="add_badge_image('badge-23');" data-dismiss="modal"  class="badge-23 vis-pointer"></div>
               <div onclick="add_badge_image('badge-24');" data-dismiss="modal"  class="badge-24 vis-pointer"></div>
               <div onclick="add_badge_image('badge-25');" data-dismiss="modal"  class="badge-25 vis-pointer"></div>
               <div onclick="add_badge_image('badge-26');" data-dismiss="modal"  class="badge-26 vis-pointer"></div>
               <div onclick="add_badge_image('badge-27');" data-dismiss="modal"  class="badge-27 vis-pointer"></div>
               <div onclick="add_badge_image('badge-28');" data-dismiss="modal"  class="badge-28 vis-pointer"></div>
               <div onclick="add_badge_image('badge-29');" data-dismiss="modal"  class="badge-29 vis-pointer"></div>
               <div onclick="add_badge_image('badge-30');" data-dismiss="modal"  class="badge-30 vis-pointer"></div>
               <div onclick="add_badge_image('badge-31');" data-dismiss="modal"  class="badge-31 vis-pointer"></div>
               <div onclick="add_badge_image('badge-32');" data-dismiss="modal"  class="badge-32 vis-pointer"></div>
               <div onclick="add_badge_image('badge-33');" data-dismiss="modal"  class="badge-33 vis-pointer"></div>
               <div onclick="add_badge_image('badge-34');" data-dismiss="modal"  class="badge-34 vis-pointer"></div>
               <div onclick="add_badge_image('badge-35');" data-dismiss="modal"  class="badge-35 vis-pointer"></div>
               <div onclick="add_badge_image('badge-36');" data-dismiss="modal"  class="badge-36 vis-pointer"></div>
               <div onclick="add_badge_image('badge-37');" data-dismiss="modal"  class="badge-37 vis-pointer"></div>
               <div onclick="add_badge_image('badge-38');" data-dismiss="modal"  class="badge-38 vis-pointer"></div>
               <div onclick="add_badge_image('badge-39');" data-dismiss="modal"  class="badge-39 vis-pointer"></div>
               <div onclick="add_badge_image('badge-40');" data-dismiss="modal"  class="badge-40 vis-pointer"></div>
               <div onclick="add_badge_image('badge-41');" data-dismiss="modal"  class="badge-41 vis-pointer"></div>
               <div onclick="add_badge_image('badge-42');" data-dismiss="modal"  class="badge-42 vis-pointer"></div>
               <div onclick="add_badge_image('badge-43');" data-dismiss="modal"  class="badge-43 vis-pointer"></div>
               <div onclick="add_badge_image('badge-44');" data-dismiss="modal"  class="badge-44 vis-pointer"></div>
               <div onclick="add_badge_image('badge-45');" data-dismiss="modal"  class="badge-45 vis-pointer"></div>
               <div onclick="add_badge_image('badge-46');" data-dismiss="modal"  class="badge-46 vis-pointer"></div>
               <div onclick="add_badge_image('badge-47');" data-dismiss="modal"  class="badge-47 vis-pointer"></div>
               <div onclick="add_badge_image('badge-48');" data-dismiss="modal"  class="badge-48 vis-pointer"></div>
               <div onclick="add_badge_image('badge-49');" data-dismiss="modal"  class="badge-49 vis-pointer"></div>
               <div onclick="add_badge_image('badge-50');" data-dismiss="modal"  class="badge-50 vis-pointer"></div>
            </div>
            <!-- /.panel-body -->
         </div>
         <!-- /.row -->
         <div class="modal-footer">
         </div>
      </div>
   </div>
</div>
<script>
   function add_badge_image(badge_name)
   {
       $('#vis_badge_area').html('<div class="'+badge_name+' vis_badget_margin"></div><input type="hidden" name="vis_badge_name" value="'+badge_name+'"><div class="bootstrap-filestyle" style="display: inline;"><label for="filestyle-0" class="btn btn-link link"><span data-modal-arguments="vis_module=setting&vis_operation=set_quest_image" data-toggle="ajaxModal" style="cursor:pointer;"><?=$vis_language["TXTCHANGE"]; ?></span></label></div>');
   }
</script>

