<!-- <td>{{ review.catagory }}</td>
            <td>{{ review.namemovie }}</td>
            <td>{{ review.title }}</td>
            <td>{{ review.description }}</td> -->
<!-- <td>
              <div>
                <button
                  mat-raised-button
                  [routerLink]="['/viewdata', review._id]"
                  style="background-color: #1cbe3f"
                >
                  ดูข้อมูล
                </button>
              </div>
            </td> -->
<!-- <td>
              <button
                *ngIf="user_data._id == review.user_id"
                mat-raised-button
                [routerLink]="['/edit', review._id]"
                style="background-color: #ffa000"
              >
                แก้ไข
              </button>
            </td>
            <td>
              <a
                role="button"
                *ngIf="user_data._id == review.user_id"
                mat-raised-button
                (click)="deleteData(review._id)"
                style="background-color: #d32f2f"
                >ลบ</a
              >
            </td> -->
<div
  style="
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 10%;
  "
>
  <div class="row">
    <div *ngIf="!reviews[0]" class="card-content leftcolumn">
      <div class="row">
        <div class="content-topic">
          <div style="padding: 10px">
            <div>
              <div>
                <mat-card style="height: 500px">
                  <ng-container>
                    <mat-card-content style="text-align: center; color: gray">
                      <h1>ยังไม่มีข้อมูล</h1></mat-card-content
                    >
                  </ng-container>
                </mat-card>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div *ngIf="reviews[0]" class="card-content leftcolumn">
      <div class="row">
        <div class="content-topic">
          <div style="padding: 10px">
            <div>
              <mat-card style="height: 500px"
                ><mat-card-title><h2>บทความ</h2></mat-card-title>
                <ng-container *ngFor="let review of reviews">
                  <mat-card-content
                    [routerLink]="['/viewdata', reviews[0]._id]"
                    class="box"
                    style="padding: 2%"
                  >
                    <h2>{{ review.title }}</h2>
                    {{ review.user_name }}&nbsp; |&nbsp;
                    {{ review.catagory }}&nbsp; | &nbsp;{{
                      review.createdAt | date: "dd-MM-yyyy"
                    }}
                    <hr style="border-top: 1px solid rgb(206, 206, 206)" />
                  </mat-card-content>
                </ng-container>
              </mat-card>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="card-content rightcolumn">
      <div class="row">
        <div class="content-topic">
          <div style="padding: 10px">
            <section fxLayout="row" fxLayoutGap="5%" class="stycky">
              <article class="progress-card" fxFlex="30">
                <mat-card fxLayout="column" fxLayoutAlign="center center">
                  <mat-card-title><h2>เครื่องมือเสริม</h2></mat-card-title>
                  <mat-card-content>
                    <mat-list>
                      <mat-list-item
                        ><button
                          class="box"
                          mat-raised-button
                          routerLink="/create"
                          style="background-color: #1cbe3f"
                        >
                          <mat-icon>post_add</mat-icon>สร้างโพสต์
                        </button></mat-list-item
                      >
                    </mat-list>
                    <br>
                  </mat-card-content>
                </mat-card>
              </article>
            </section>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>