import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms'; // Required for ngModel

@Component({
  selector: 'app-sidebar',
  templateUrl: './sidebar.component.html',
  styleUrls: ['./sidebar.component.css'],
  standalone: true,
  imports: [CommonModule, FormsModule]
})
export class SidebarComponent {
  // Cancel Modal
  showCancel: boolean = false;
  ticketNo: string = '';

  openCancelPopup() {
    this.showCancel = true;
  }

  closeCancelPopup() {
    this.showCancel = false;
    this.ticketNo = '';
  }

  printTicket() {
    alert(`Printing Ticket No: ${this.ticketNo}`);
    this.closeCancelPopup();
  }

  // Pay-out Modal
  showPayout: boolean = false;
  payoutTicketNo: string = '';

  openPayoutPopup() {
    this.showPayout = true;
  }

  closePayoutPopup() {
    this.showPayout = false;
    this.payoutTicketNo = '';
  }

  erasePayoutTicket() {
    this.payoutTicketNo = '';
  }

  printPayoutTicket() {
    alert(`Printing Payout Ticket No: ${this.payoutTicketNo}`);
    this.closePayoutPopup();
  }

  // Deposit Modal
  showDeposit: boolean = false;
  depositOperatorId = '';
  depositShroffId = '';
  depositAmount = '';

  openDepositPopup() {
    this.showDeposit = true;
  }

  closeDepositPopup() {
    this.showDeposit = false;
    this.depositOperatorId = '';
    this.depositShroffId = '';
    this.depositAmount = '';
  }

  printDeposit() {
    alert(`Deposit: ₹${this.depositAmount}`);
    this.closeDepositPopup();
  }

  // Withdraw Modal
  showWithdraw: boolean = false;
  withdrawOperatorId = '';
  withdrawShroffId = '';
  withdrawAmount = '';

  openWithdrawPopup() {
    this.showWithdraw = true;
  }

  closeWithdrawPopup() {
    this.showWithdraw = false;
    this.withdrawOperatorId = '';
    this.withdrawShroffId = '';
    this.withdrawAmount = '';
  }

  printWithdraw() {
    alert(`Withdraw: ₹${this.withdrawAmount}`);
    this.closeWithdrawPopup();
  }

  // Numpad handlers for Deposit and Withdraw modals
  onNumpadClick(value: string, type: 'deposit' | 'withdraw') {
    if (type === 'deposit') {
      this.depositAmount += value;
    } else if (type === 'withdraw') {
      this.withdrawAmount += value;
    }
  }

  onBackspace(type: 'deposit' | 'withdraw') {
    if (type === 'deposit') {
      this.depositAmount = this.depositAmount.slice(0, -1);
    } else if (type === 'withdraw') {
      this.withdrawAmount = this.withdrawAmount.slice(0, -1);
    }
  }
}