<div class="footer" [className]=" authSer.checkExternalFooter ? 'externalFooterBackground-w' : 'footer' ">
  <div class="overlayFooter-w">

    <div class="container">
      <ng-template [ngIf]="authSer.arabicTemplate" [ngIfElse]="englishTemplate">
          <div class="row">
            <div class="col-12 col-sm-6 col-md-3 col-lg-3">
              <div class="rightFooter-w text-center">
                <img src="../../assets/image/logo11.png" alt="logo" title="logo" />
              </div> 
            </div>
    
            <div class="col-12 col-sm-6 col-md-6 col-lg-6">
              <div class="linksSection-w text-center d-none d-sm-none d-md-block">
                <ul class="list-unstyled">
                    <li *ngFor="let section of authSer.footerData['links_section']">
                      <a (click)="goPolicy(section)" target="_blank" style="cursor: pointer;">{{section.name}}</a>
                    </li>
                </ul>
              </div>
          
              <div class="col-12">
                <div class="copyRights">
                  <p class="rights">كافة الحقوق محفوظة لمجمع الملك فيصل الطبي بصحة الطائف 2018</p>
                </div>
              
                <div class="linksSection-w text-center" style="margin-top:0 !important;">
                  <ul class="list-unstyled">
                      <li *ngFor="let socialMedia of authSer.footerData['socials_section']">
                        <a href="{{socialMedia.link}}"><img src="{{authSer.pathImg +socialMedia.photo}}" /></a>
                      </li>
                  </ul>
                </div>
              </div>
          
            </div>
    
            <div class="col-12 col-sm-6 col-md-3 col-lg-3 hidden-xs hidden-sm">
              <div class="leftFooter-w text-center">
                <ul class="list-unstyled">
                  <li *ngFor="let award of authSer.footerData['awards_section']">
                    <img src="{{authSer.pathImg + award.photo }}" />
                  </li>
                </ul>
              </div>
            </div>
          </div>
      </ng-template>

      <ng-template #englishTemplate>
          <div class="row">
            <div class="col-12 col-sm-6 col-md-3 col-lg-3">
              <div class="rightFooter-w text-center">
                <img src="../../assets/image/logo11.png" alt="logo" title="logo" />
              </div> 
            </div>
    
            <div class="col-12 col-sm-6 col-md-6 col-lg-6">
              <div class="linksSection-w text-center d-none d-sm-none d-md-block">
                <ul class="list-unstyled">
                  <li *ngFor="let section of authSer.footerData['links_section']">
                    <a (click)="goPolicy(section)" target="_blank" style="cursor: pointer;">{{section.name_en}}</a>
                  </li>
                </ul>
              </div>
          
              <div class="col-12">
                <div class="copyRights">
                  <p class="rights">Copyright © King Faisal Medical Complex. All Rights Reserved</p>
                </div>
              
                <div class="linksSection-w text-center" style="margin-top:0 !important;">
                  <ul class="list-unstyled">
                    <li *ngFor="let socialMedia of authSer.footerData['socials_section']">
                      <a href="{{socialMedia.link}}"><img src="{{authSer.pathImg +socialMedia.photo}}" /></a>
                    </li>
                  </ul>
                </div>
              </div>
          
            </div>
    
            <div class="col-12 col-sm-6 col-md-3 col-lg-3 hidden-xs hidden-sm">
              <div class="leftFooter-w text-center">
                <ul class="list-unstyled">
                  <li *ngFor="let award of authSer.footerData['awards_section']">
                    <img src="{{authSer.pathImg + award.photo }}" />
                  </li>
                </ul>
              </div>
            </div>
          </div>
      </ng-template>

    </div>
  </div>
</div>
