<!-- Begin page -->
<div class="wrapper">
  <app-sidebar></app-sidebar>

  <!-- ============================================================== -->
  <!-- Start Page Content here -->
  <!-- ============================================================== -->

  <div id="content">
    <app-topbar></app-topbar>
    <!-- Start Content-->
    <div class="container-fluid text-center" appMenuSelection>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a routerLink="/home">Home</a></li>
          <li class="breadcrumb-item"><a routerLink="/tokens">Tokens</a></li>
          <li class="breadcrumb-item active" aria-current="page">{{token.name}}</li>
        </ol>
      </nav>
      <div class="col-md-6 center-body">
        <div class="card">
          <mat-card-title class="card-header">
            Token
          </mat-card-title>
          <div class="card-body">
            <div>
              <span><strong>Name:</strong> {{token.name}}</span>
            </div>
            <div>
              <span><strong>Symbol:</strong> {{token.symbol}}</span>
            </div>
            <div>
              <span><strong>Address:</strong> {{token.address}}</span>
            </div>
            <div>
              <span><strong>Details:</strong> A community inclusive currency for trading among lower to middle income societies.</span>
            </div>
            <div>
              <span><strong>Supply:</strong> {{token.supply | tokenRatio}}</span>
            </div><br>
            <div>
              <h2>Reserve</h2>
              <div>
                <span><strong>Weight:</strong> {{token.reserveRatio}}</span>
              </div>
              <div>
                <span><strong>Owner:</strong> {{token.owner}}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <app-footer appMenuSelection></app-footer>
  </div>
  <!-- ============================================================== -->
  <!-- End Page content -->
  <!-- ============================================================== -->
</div>

