<app-content-alert></app-content-alert>
<div class="app-content">
  <div class="app-content-header-box">
    <h1 class="app-content-header-1">{{ 'Judul Program Di Sini' | translate }}</h1>
    <div class="app-content-action">
      <button mat-button mat-flat-button color="primary" (click)="action1()">
        {{ 'Action 1 Disini' | translate }}
      </button>
      <button mat-button mat-flat-button color="primary" (click)="action2()">
        {{ 'Action 2 Disini' | translate }}
      </button>
    </div>
  </div>
  <!-- Delete Form jika tidak digunakan -->
  <form class="form-horizontal" [formGroup]="Form Di Sini">
    <div class="row">
      <div class="col-md-4 col-sm-12">
        <app-text id="input 1" name="input 1" [focus]="true" placeholder="{{ 'Label input 1' | translate }}"
          formControlName="form name input 1" message="message input 1" errorKey="error key input 1"
          [maxlength]="VAR_MAX_LEN.input 1" required>
        </app-text>
      </div>
      <div class="col-md-offset-1 col-md-6 col-sm-12">
        <app-text id="input 2" name="input 2" placeholder="{{ 'Label input 2' | translate }}"
          formControlName="form name input 2" message="message input 2" errorKey="error key input 2"
          [maxlength]="VAR_MAX_LEN.input 2" required>
        </app-text>
      </div>
    </div>
  </form>
</div>