{extends "../window.tpl"}

{block tabs}
   {windowTab id='flapGroup'}

   {if $body.acn == "edit"}
      {windowTab id='flapUsers' label=''}
   {/if}
{/block}

{block tabsContent}
   <div id="flapGroup" class="tab-pane fade active in boxFlex">
      <div class="form-group">
         <div class="col-md-2 control-label">
            <label>{'name'|translate}</label>
         </div>
         <div class="col-md-10">
            <input type="text" class="form-control input-sm" name="data[name]" maxlength="100" value="{$body.data.name|escape:'html'}" />
         </div>
      </div>

      <div class="form-group">
         <div class="col-md-2 control-label">
            <label>{'description'|translate}</label>
         </div>
         <div class="col-md-10 box">
            <textarea name="data[descr]" class="form-control input-sm">{$body.data.descr}</textarea>
            {insert_wysiwyg target="data[descr]"}
         </div>
      </div>

      {ifmodule PRICE_LEVELS}
         <div class="form-group">
            <div class="col-md-2 control-label">
               <label>{'priceLevel'|translate}</label>
            </div>
            <div class="col-md-10 box">
               <select name="data[id_price_level]" class="selecter"
                       data-autocomplete="priceLevels" data-preload="priceLevels">
                  <option value="">{'priceLevelStandard'|translate:'users'}</option>
                  {if $body.data.id_price_level}
                     <option value="{$body.data.id_price_level}" selected>{$body.data.id_price_level}</option>
                  {/if}
               </select>
            </div>
         </div>
      {/ifmodule}
      {ifmodule PRICELISTS}
         <div class="form-group">
            <div class="col-md-2 control-label">
               <label>{'priceList'|translate:'users'}</label>
            </div>
            <div class="col-md-10 box">
               <select name="data[id_pricelist]" class="selecter"
                       data-autocomplete="priceLists" data-preload="priceLists">
                  <option value="">{'noPriceList'|translate:'users'}</option>
                  {if $body.data.id_pricelist}
                     <option value="{$body.data.id_pricelist}" selected>{$body.data.id_pricelist}</option>
                  {/if}
               </select>
            </div>
         </div>
      {/ifmodule}
      {ifmodule USERS_GROUPS_TYPES}
          <div class="form-group">
            <div class="col-md-2 control-label">
               <label>{'userType'|translate:'users'}</label>
            </div>
            <div class="col-md-10 box">
               {print_select name='data[types][]' var=$body.data.types_values selected=$body.data.types param='multiple=multiple'}
            </div>
         </div>
      {/ifmodule}
   </div>

   {if $body.acn == "edit"}
      <div id="flapUsers" class="tab-pane fade in boxFlex box iframe-box">
         <h1 class="h4 main-panel-title">Uživatelé v této skupině</h1>
         <div id="addItem">
            <div class="row bottom-space">
               <div class="col-md-3">
                  <a href="#" data-form-add class="btn btn-success btn-block"><span class="glyphicon glyphicon-plus"></span>&nbsp;Přidat uživatele do skupiny</a>
               </div>
            </div>


            <ul class="list-group" id="items">
               <li class="list-group-item" data-form-new style="display: none;">

                  <div class="row">
                     <div class="col-md-2 control-label">
                        <label>Uživatel</label>
                     </div>
                     <div class="col-md-5">
                        <input type="text" class="id-user form-control input-sm" name="data[users][0][id_user]" size="5" maxlength="100" value=""/>
                     </div>
                     <div class="col-md-2">
                        <a class="btn-sm btn btn-danger" data-form-delete>
                           <input class="hidden" type="checkbox" name="data[users][0][delete]" />
                           <span class="glyphicon glyphicon-remove"></span>
                        </a>
                     </div>
                  </div>
               </li>
            </ul>
         </div>
         <div class="row boxFlex box ">
            <iframe class='on-demand boxFlex' src="" data-src="launch.php?s=list.php&amp;type=users&filter[userGroup][]={$body.data.id}"></iframe>
         </div>
      </div>
          {/if}

{/block}

<script type="text/javascript">
   {block onready append}
   initForm({
      selector: '#flapUsers',
      beforeAdd: function(original){
         var $item = original();
         new $.wpjAutoComplete({ input:$item.find('.id-user'), type:'user'});
         return false;
      }
   });
   {/block}
</script>