<div class="page login-bg1">
  <div class="page-single">
    <div class="container">
      <div class="row justify-content-center py-4">
        <div class="col-sm-6 col-12">
          <div class="card px-3 py-5 mx-auto">
            <div class="card">
              <div class="card-header border-0">
                <h4 class="card-title">{{'App Purchase Code' | translate}}</h4>
              </div>
              <div class="card-body">
                <form #appInfoData="ngForm" (ngSubmit)="appInfoSubmit(appInfoData, 'appinfo')">
                  <div class="form-group">
                    <div class="row">
                      <div class="col-xl-6 col-lg-6 col-md-6  mb-sm-1">
                        <input required type="text" class="form-control" name="envato_id" ngModel #envato_id="ngModel"
                          [class.is-invalid]="envato_id.invalid && envato_id.touched">
                        @if ((envato_id.invalid && envato_id.touched) || envato_id.dirty) {
                          <div>
                            @if (envato_id.errors?.['required']) {
                              <small class="text-danger">{{'Envato id is required' | translate}}</small>
                            }
                          </div>
                        }
                      </div>
                      <div class="col-xl-2 col-lg-2 col-md-2">
                        <button [disabled]="appInfoData.invalid" type="submit" class="btn btn-success">{{'Submit Purchase Code' | translate}}@if (sendingResponse['appinfo']) {
                          <i
                          class="fa fa-spinner fa-spin mx-1"></i>
                        }</button>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>