<admin-page-header [title]="'Envato API Token'" ></admin-page-header>

<div class="col-xl-12 col-lg-12 col-md-12">
  <div class="row">
    <div class="col-xl-6">
      <div class="card">
        <div class="card-header border-0">
          <h4 class="card-title">{{'Envato Settings' | translate}}</h4>
        </div>
        <form #envatoApi="ngForm" (ngSubmit)="envatoApiCheck(envatoApi, 'envatoApi')">
          <div class="card-body">
            <div class="form-group">
              <label  class="form-label">{{'Envato Personal Api Token' | translate}}</label>
              <input type="text"  class="form-control" name="envatoapi" [ngModel]="apidata?.envatoapitoken" value="{{apidata != null ? apidata?.envatoapitoken : ''}}">
            </div>
            <div class="form-group mt-3">
              <label  class="form-label">{{'Envato Personal second Api Token' | translate}}</label>
              <input type="text"  class="form-control" name="envatoapisecond" [ngModel]="apidata?.envatoapitokensecond" value="{{apidata != null ? apidata?.envatoapitokensecond : ''}}">
            </div>
            <div class="form-group mt-3">
              <label  class="form-label">{{'Envato Personal third Api Token' | translate}}</label>
              <input type="text"  class="form-control" name="envatoapithird" [ngModel]="apidata?.envatoapitokenthird" value="{{apidata != null ? apidata?.envatoapitokenthird : ''}}">
            </div>
          </div>
          <div class="card-footer">
            <div class="form-group float-end">
              <button [disabled]="sendingResponse['envatoApi']" type="submit" class="btn btn-secondary">{{'Save' | translate}}@if (sendingResponse['envatoApi']) {
                <i class="fa fa-spinner fa-spin mx-1"></i>
              }</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>