<ng-template [ngIf]="authSer.arabicTemplate" [ngIfElse]="englishTemplate">    
    <div class="newsPages-w" [style.min-height.px]="myInnerHeight">
        <div class="container">
            <div class="contentPage-w">
              <div class="row">
                <div class="col-12 col-sm-12 col-md-9">
                  <div class="col-12 col-sm-12 col-md-12" *ngFor="let report of dataPagesNews | paginate: { itemsPerPage: perPagePagenation, currentPage: currentPage, totalItems: count }">
                    <div class="newContent">
                      <div class="row">
                        <div class="col-12 col-sm-12 col-md-3">
                          <div class="imgNew-w">
                            <img src="{{authSer.pathImg + report.photo.photo}}" />
                          </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-8">
                          <div class="content">
                            <h1 (click)="onGetNew(report.id)">{{report.title}}</h1>
                            <p [innerHTML]="report.description"  (click)="onGetNew(report.id)"></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col-12 col-sm-12 col-md-3">
                  <div class="items inside_links" style="margin-top:0;">
                    <ul>
                      <li *ngFor="let externalSer of externalService">
                        <a href="{{externalSer.link}}">
                            <img src="{{authSer.pathImg + externalSer.photo}}" />
                          <span>{{externalSer.name}}</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
          
              <pagination-controls nextLabel="التالي" previousLabel="السابق" (pageChange)="onPageChange($event)"></pagination-controls>
            </div>
        </div>
      </div>
  </ng-template>
  
  
  <ng-template #englishTemplate>
      <div class="newsPages-w" [style.min-height.px]="myInnerHeight"  [className]="authSer.arabicTemplate ? '' : 'englishContent-w' ">
          <div class="container">
            <div class="contentPage-w">
              <div class="row">
                <div class="col-12 col-sm-12 col-md-9">
                      <div class="col-12 col-sm-12 col-md-12" *ngFor="let report of dataPagesNews | paginate: { itemsPerPage: perPagePagenation, currentPage: currentPage, totalItems: count }">
                        <div class="newContent">
                          <div class="row">
                            <div class="col-12 col-sm-12 col-md-3">
                              <div class="imgNew-w">
                                  <img src="{{authSer.pathImg + report.photo.photo}}" />
                              </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-8">
                              <h1 (click)="onGetNew(report.id)">{{report.title_en}}</h1>
                              <p [innerHTML]="report.description_en" (click)="onGetNew(report.id)"></p>
                            </div>
                          </div>
                        </div>
                      </div>
                  </div>
                <div class="col-12 col-sm-12 col-md-3">
                  <div class="items inside_links eninside_links" style="margin-top:0;">
                      <ul>
                        <li *ngFor="let externalSer of externalService">
                          <a href="{{externalSer.link}}">
                              <img src="{{authSer.pathImg + externalSer.photo}}" />
                            <span>{{externalSer.name_en}}</span>
                          </a>
                        </li>
                      </ul>
                    </div>
                </div>
                
              </div>
            </div>
            <pagination-controls nextLabel="Next" previousLabel="Prev" (pageChange)="onPageChange($event)"></pagination-controls>
          </div>
        </div>
  </ng-template>
  
  
