58 lines
2.7 KiB
HTML
58 lines
2.7 KiB
HTML
<div class="terms-container">
|
|
<mat-card class="terms-card">
|
|
<mat-card-header>
|
|
<mat-card-title>ATA Carnet Terms and Conditions</mat-card-title>
|
|
</mat-card-header>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
<mat-card-content class="terms-content">
|
|
<p>Agreement language will go here</p>
|
|
<h3>Fees and Charges</h3>
|
|
<p> The following fees apply:</p>
|
|
<ul>
|
|
<li *ngIf="estimatedFees.basicFee">Basic fee <span> {{estimatedFees.basicFee | currency}} </span></li>
|
|
<li *ngIf="estimatedFees.counterFoilFee">Counterfoil Fee <span> {{estimatedFees.counterFoilFee |
|
|
currency}}
|
|
</span></li>
|
|
<li *ngIf="estimatedFees.continuationSheetFee">Continuation sheet fee
|
|
<span> {{estimatedFees.continuationSheetFee | currency}}</span>
|
|
</li>
|
|
<li *ngIf="estimatedFees.expeditedFee">Expedited fee <span> {{estimatedFees.expeditedFee |
|
|
currency}}</span></li>
|
|
<li *ngIf="estimatedFees.shippingFee">Shipping fee <span> {{estimatedFees.shippingFee |
|
|
currency}}</span></li>
|
|
<li *ngIf="estimatedFees.bondPremium">{{bondPremiumLabel}} <span> {{estimatedFees.bondPremium |
|
|
currency}}</span></li>
|
|
<li *ngIf="estimatedFees.cargoPremium">Cargo Premium <span> {{estimatedFees.cargoPremium |
|
|
currency}}</span></li>
|
|
<li *ngIf="estimatedFees.ldiPremium">LDI Premium <span> {{estimatedFees.ldiPremium | currency}}</span>
|
|
</li>
|
|
</ul>
|
|
<hr />
|
|
<ul>
|
|
<li class="total">Total: <span>{{total | currency}}</span></li>
|
|
</ul>
|
|
<hr />
|
|
<ul>
|
|
<li *ngIf="estimatedFees.securityAmount">Security Amount <span>{{estimatedFees.securityAmount |
|
|
currency}}</span></li>
|
|
<li *ngIf="estimatedFees.insuredValue">Insured Value <span>{{estimatedFees.insuredValue |
|
|
currency}}</span></li>
|
|
</ul>
|
|
<mat-checkbox [(ngModel)]="hasReadAllTerms" color="primary" class="read-checkbox">
|
|
I have read and agree to all terms and conditions above
|
|
</mat-checkbox>
|
|
</mat-card-content>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
<mat-card-actions align="end">
|
|
<button mat-raised-button color="primary" (click)="onAccept()"
|
|
[disabled]="!hasReadAllTerms || changeInProgress">
|
|
Accept
|
|
</button>
|
|
<button mat-button (click)="onDecline()">Decline</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div> |