banking-menu.component.html

<!-- <header class="page-header-container">
  <div class="breadcrumb">
    <a (click)="return()" class="return">
      <i class="fas fa-chevron-left"></i>
      <span class="return-text">Voltar</span>
      <section class="page-title">
        <span>Configurações</span>
      </section>
    </a>
  </div>
</header> -->
<header class="page-header-container">
  <app-back-menu pageTitle="Configurações"></app-back-menu>
</header>


<section class="grid-container">
  <div class="page-description">
    <span class="decription-title">Aceitar Pedidos</span>
    <span class="decription-subtitle">Configure um tempo máximo para aceitar seus pedidos.</span>
  </div>
  <div class="card">
    <mat-card>
      <div class="inside-card-grid">
        <span class="question">Tempo</span>
        <span class="answer">
          <form (ngForm)="timeForm">
            <mat-form-field>
                <input matInput name="time" type="text" [(ngModel)]="time" pattern="[0-9]+" required>
            </mat-form-field>
          </form>
        </span>
      </div>
    </mat-card>
  </div>
</section>

<section class="grid-container">
  <div class="page-description">
    <span class="decription-title">Pagamento Online</span>
    <span class="decription-subtitle">Para poder receber pagamentos online,
      <br>configure uma conta bancária </span>
  </div>
  <div class="card">
    <mat-card>
      <app-bank-account></app-bank-account>
    </mat-card>
  </div>
</section>

<section class="grid-container">
  <div class="page-description">
    <span class="decription-title">Pagamentos</span>
    <span class="decription-subtitle">Aqui você pode configurar os pagamentos da loja física</span>
  </div>
  <div class="card">
    <mat-card>
      <app-payment-method></app-payment-method>
    </mat-card>
  </div>
</section>

<div class="footer" *ngIf="!timeForm.invalid">
  <button matTooltip="Clique aqui para Salvar as Alterações" class="save-it" (click)="submitForm()"><i class="far fa-save"></i><br>Salvar</button>
  <button matTooltip="Clique aqui para Cancelar as Alterações" class="cancel-it" (click)="restoreInformation()"><i class="fas fa-undo-alt"></i><br>Cancelar</button>
</div>

<!-- <section class="grid-container-table">
  <app-payment-method></app-payment-method>
</section> -->