import {Component, Inject} from "@angular/core";
import {MAT_DIALOG_DATA} from "@angular/material/dialog";
import {VipBuy} from "../../entities/VipBuy";
import {ActionService} from "../../services/action.service";
import {AuthService} from "../../services/auth.service";

@Component({
  selector: "app-vip-buy-dialog",
  template:`
    <h1 mat-dialog-title style="color: black">Выбор способа получения</h1>
    <mat-dialog-content>
      <p>Молодец что решился на такой шаг в своей жизни, лишния копейка от тебя нам это ее один способ потратить деньги на всяческую херню. Надеюсь ты ознакомился что ты получишь.</p>
      <div *ngIf="vip">
        <mat-accordion>
          <mat-expansion-panel hideToggle [disabled]="!vip.steam">
            <mat-expansion-panel-header>
              <mat-panel-title>
                Steam
              </mat-panel-title>
            </mat-expansion-panel-header>
            <p>Ты должен будешь отдать {{vip.item_price}}</p>
            <mat-checkbox class="example-margin" [(ngModel)]="acceptRules">Я ознакомлен с правилами обмена</mat-checkbox>
            <div *ngIf="acceptRules">
              <button mat-button mat-raised-button style="width: 100%" (click)="goToTrade('STEAM', vip.money_price)">Перейти в стим для обмена</button>
            </div>
          </mat-expansion-panel>

          <mat-expansion-panel hideToggle [disabled]="!vip.qiwi">
            <mat-expansion-panel-header>
              <mat-panel-title>
                Qiwi
              </mat-panel-title>
            </mat-expansion-panel-header>
            <p>Когда-то это работало</p>
            <p>{{vip.money_price}} P</p>
          </mat-expansion-panel>

          <mat-expansion-panel hideToggle [disabled]="!vip.donationalerts">
            <mat-expansion-panel-header>
              <mat-panel-title>
                Donation Alert
              </mat-panel-title>
            </mat-expansion-panel-header>
            <p>Увы Усманов запретил, может как нибудь потом...</p>
            <p>{{vip.money_price + (vip.money_price*vip.da_percent/100)}}</p>
          </mat-expansion-panel>

          <mat-expansion-panel hideToggle>
            <mat-expansion-panel-header>
              <mat-panel-title>
                Напрямую не через ботов
              </mat-panel-title>
            </mat-expansion-panel-header>
            <p>Обычно мы игнорируем трейды не через ботов, но если на то пошло, можешь узнать ссылку для прямого обмена в нашем дискорде</p>
          </mat-expansion-panel>
        </mat-accordion>
      </div>
      <p>Выбери способ по душе</p>
    </mat-dialog-content>
  `
})
export class VipBuyDialog {
  acceptRules: boolean = false;
  constructor(@Inject(MAT_DIALOG_DATA) public vip:VipBuy,
              private actionService: ActionService,
              private authService: AuthService) {}

  goToTrade(buy_type: 'QIWI' | 'DONATIONALERTS'| 'STEAM', cost:number) {
    let url = `api/profile/current/buyvip?steam64=${this.authService.steamIds?.steam64==null?'':this.authService.steamIds?.steam64}&buy_type=${buy_type}&cost=${cost}`;
    this.actionService.goToUrlViaTab(url);
  }
}