<label class="js-text-placeholder text__placeholder is-visible" for="{{m.ID}}"> {{m.Placeholder | uppercase}}</label>
                        </div>
            </div>  
             <svg class="form-group__warning-i" viewBox="0 0 34.834 35" width="18" height="18"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#i-cross"></use></svg>
             <svg ng-hide = "frm['{{m.ID}}'].$invalid && !frm['{{m.ID}}'].$pristine" class="form-group__valid-i" viewBox="0 0 36.167 34.159" width="18" height="18"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#i-checked"></use></svg>
             <span ng-show = "frm['{{m.ID}}'].$invalid && !frm['{{m.ID}}'].$pristine" class="warning-msg"></span>                                 
       </div>       
        </div>

<div class="r-gr__col r-gr__col--{{m.Class}}" ng-if="m.Type == 'select'" ng-show="{{m.Show}}">
                    
                     <div class="form-group" >
                              <h3 class="fieldset__title" ng-if="(m.Title)">{{m.Title | uppercase}}</h3>
                              <div class="form-group v{{m.ID}}" id="f{{m.FRM}}" 
                                  ng-class="{ 'is-valid': frm['{{m.ID}}'].$valid, 'is-warning' : frm['{{m.ID}}'].$invalid && !frm['{{m.ID}}'].$pristine}">
                                         <div class="form-group__input">
                                            <div class="text">
                                                <select id="{{m.ID}}" name="{{m.ID}}" class="select"  frm="{{m.FRM}}" 
                                                    ng-class="{ 'is-valid': frm['{{m.ID}}'].$valid, 'is-warning' : frm['{{m.ID}}'].$invalid && !frm['{{m.ID}}'].$pristine}"
                                                    ng-required="mForm.isRequired(m.ID,{{m.Required}},{{mForm.type}})"  
                                                    ng-model="p['{{m.ID}}']" 
                                                    data-merch-validation="{{m.FRM}}" 
                                                    ng-pattern="m.Pattern" ng-show="{{m.Show}}">
                                                    <option value="-1" ng-if="(m.DefaultOption)">{{m.DefaultOption | uppercase}} </option>
                                                </select>
                                             </div>
                                    </div>
                                   <span ng-show="frm['{{m.ID}}'].$invalid && !frm['{{m.ID}}'].$pristine" class="warning-msg"></span>
                                   </div>                          
                     </div>

</div>

<div class="r-gr__col r-gr__col--{{m.Class}}" ng-if="m.Type == 'radio'" ng-show="{{m.Show}}">
           <div class="fieldset">
             <h3 class="fieldset__title" ng-if="(m.Title)">{{m.Title | uppercase}}</h3>
               
               <span ng-if="(m.ToolTip)">
                   <button data-id="{{m.ToolTip}}" type="button" class="js-boxtip boxtip pull-r hidden-sm"><i class="boxtip__i">?</i></button>
                   <button data-id="{{m.ToolTip}}" type="button" class="js-boxtip boxtip boxtip--push-l visible-sm-inline-block"><i class="boxtip__i">?</i></button>
               </span>      
             <h3 class="fieldset__msg" ng-if="(m.Msg && (mForm.CartData.CountryCode==='SE' && mForm.Segment ==='Business' || mForm.CartData.CountryCode!=='SE'))" ng-bind-html="m.Msg"></h3>
             <h3 class="fieldset__msg" ng-if="mForm.isSimplifiedCheckout && mForm.invoiceDisclaimer" ng-bind-html="mForm.invoiceDisclaimer"></h3>
             <h3 class="fieldset__msg" ng-if="(m.MsgConsumer && mForm.CartData.CountryCode==='SE' && mForm.Segment ==='Consumer')" ng-bind-html="m.MsgConsumer"></h3>
             <div class="fieldset__body" ng-if="(mForm.showForm)">  
                     
                <div class="" ng-if="m.List=='Check-All'">
                  <div class="form-group u-uppercase">
                    <div class="form-group__input">
                      <label class="radio-btn radio-btn--check-all {{m.IsWarning}}">
                        <input type="radio" id="{{m.ID}}" ng-class="m.ClassBtn" 
                        id="radio-check-all" 
                        ng-click="mForm.checkAll()"
                        class="radio-btn__input">
                        <span class="radio-btn__label">{{m.Label}}</span>
                      </label>
                    </div>
                  </div>
                </div>
                     
                 <div class="radio-box{{mForm.isSimplifiedCheckout ? ' radio-box--simplified' : ''}}" ng-if="!m.List">
                     <div class="form-group u-uppercase">
                         <div class="form-group__input" data-ng-init="m.ExternalAction?mForm.radioInitAction(m.FRM,m.Selected):null;">
                              <div class="radio-box__nav  v{{m.ID}}" id="f{{m.FRM}}">
                                  <div class="radio-box-nav {{m.IsWarning}}">
                                                 <div class="radio-box-nav__i" ng-repeat="r in m.radio" ng-class="(!m.ClassBtn)?('radio-box-nav__i--md-1'):(m.ClassBtn)">
                                                         <label class="radio-btn {{m.IsWarning}}" 
                                                          ng-class="[m.ClassBtn, {'radio-btn--policy': m.Group}]">
                                                            <input type="radio" id="{{m.ID}}" name ="{{m.ID}}" class="radio-btn__input" 
                                                               data-tab-target="{{r.Value}}" 
                                                               data-merch-validation="{{m.ID}}" 
                                                               ng-model="p['{{m.ID}}']" 
                                                               value="{{r.Value}}" 
                                                               frm="{{m.FRM}}" 
                                                               ng-click="m.ExternalAction?mForm.radioBtnAction(m.FRM,r.Value):null"
                                                               ng-Validate />
                                                           <span class="radio-btn__label">{{r.Label}}</span>
                                                   </label>
                                                 </div>
                                     </div>                                                                                          
                             </div>                                         
                              <div ng-if="m.ExtraFieldGroup">
                                   <div data-tab-id="yes" class="radio-box__body is-visible">
                                               <div class="radio-box-body">
                                                     <m-Form group="{{m.ExtraFieldGroup}}" type="Grp"></m-Form>
                                               </div>
                                   </div>
                              </div>                          
                             </div>
                      <span class="warning-msg"></span>           
                  </div>
                                                                
                </div>
                   
                 
                 <ul class="vertical-radio-list v{{m.ID}}" ng-if="m.List=='Vertical'">
                           <li class="vertical-radio-list__i" ng-repeat="r in m.radio">
                                        <input type="radio" name ="{{m.ID}}" 
                                            class="vertical-radio-list__input"
                                            id="intent-of-use-{{$index}}" 
                                            data-tab-target="{{r.Value}}" 
                                            data-merch-validation="{{m.FRM}}" 
                                            ng-model="p['{{m.ID}}']" 
                                            value="{{r.Value}}" 
                                            frm="{{m.FRM}}">
                               <label for="intent-of-use-{{$index}}" class="vertical-radio-list__label">{{r.Label}}</label>
                           </li>
                     </ul>  
                 
                 <h3 class="fieldset__msg" ng-if="(m.MsgBellow)" ng-bind-html="m.MsgBellow"></h3>   
         </div>
       </div>
      </div>

<div class="r-gr__col r-gr__col--{{m.Class}} v{{m.ID}}" id="f{{m.FRM}}" ng-if="m.Type == 'checkbox' && mForm.group !== 'Waste'" ng-show="{{m.Show}}">
            <div class="fieldset">
                <h3 class="fieldset__title" ng-if="(m.Title)">{{m.Title | uppercase}}</h3>
                <div class="fieldset__body">
                    <label class="checkbox{{mForm.isSimplifiedCheckout ? ' checkbox--simplified' : ''}}" ng-click="mForm.handleCheckboxClick($event)">
                        <input
                          type="checkbox"
                          id="{{m.ID}}"
                          name="{{m.ID}}"
                          class="checkbox__input"
                          frm="{{m.ID}}"
                          value="Y"
                        >
                        <span class="checkbox__label" ng-bind-html="m.Msg"></span>
                    </label>
                    <span class="warning-msg"></span> 
                </div>
            </div>
        </div>

<div class="r-gr__col r-gr__col--{{m.Class}} v{{m.ID}}" id="f{{m.FRM}}" ng-if="m.Type == 'checkbox' && mForm.group === 'Waste'" ng-show="{{m.Show}}">
          <div class="fieldset">
              <h3 class="fieldset__title" ng-if="(m.Title)">{{m.Title | uppercase}}</h3>
              <div class="fieldset__body">
                  <label class="checkbox--waste checkbox" ng-click="mForm.handleWasteCheckboxClick($event)" ng-class="(mForm.isWEEE && 'is-checked')">
                      <input
                        type="checkbox"
                        id="{{m.ID}}"
                        name="{{m.ID}}"
                        class="checkbox__input checkbox__input--waste"
                        frm="{{m.ID}}"
                        value="Y"
                      >
                      <span class="checkbox__input checkbox__input--waste checkbox__input--waste-box"></span>
                      <span>
                        <span class="checkbox__label checkbox__label--waste" ng-bind-html="m.Msg"></span>
                        <div class="gfe-tooltip js-gfe-tooltip gfe-tooltip--waste">
                          <button class="gfe-tooltip__button js-gfe-tooltip-button" onclick="window.tooltips.toggle(this)" ng-click="mForm.handleWasteTooltip($event)" type="button" aria-label="Open tooltip">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
                              <use xlink:href="#i-gfe-question-mark"></use>
                            </svg>
                          </button>
                          <div class="gfe-tooltip__content">
                            <div class="gfe-tooltip__arrow"></div>
                            <div>
                              <button class="gfe-tooltip__close js-gfe-tooltip-button" onclick="window.tooltips.toggle(this)" ng-click="mForm.handleWasteTooltip($event)" type="button" aria-label="Close tooltip">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true">
                                  <use xlink:href="#i-gfe-cross"></use>
                                </svg>
                              </button>
                              <div class="gfe-tooltip__title">{{m.TooltipTitle}}</div>
                              <div class="gfe-tooltip__text" ng-bind-html="m.TooltipDesc"></div>
                            </div>
                          </div>
                        </div>
                      </span>
                  </label>
                  <span class="warning-msg"></span> 
              </div>
          </div>
      </div>

</ng-Form>
</div>