<ion-header style="padding :0%">
        <ion-navbar >
            <button ion-button menuToggle>
              <ion-icon name="menu"  ></ion-icon>
            </button>
            <ion-title>Scan Page</ion-title>
          </ion-navbar>
    </ion-header>

    <ion-content  class = "bg">
      <br><br><br>
      <ion-grid>

        <ion-row>
          <ion-col></ion-col>
          <ion-col col-auto>  <img src="../assets/imgs/logomini.png" alt=""></ion-col>
          <ion-col></ion-col>
        </ion-row>

      </ion-grid>
      <br><br>

      <ion-list >
          <ion-item class = "dropdown">
            <ion-label >Depots</ion-label>

            <ion-select [(ngModel)]="depNumberValue">
              <ion-option *ngFor="let p of depots" value = {{p.Id}} >{{p.name}}</ion-option>
            </ion-select>

          </ion-item>

      </ion-list>
      <ion-refresher slot="fixed" (ionRefresh) = "doRefresh($event)" >
          <ion-refresher-content
          pullingIcon="arrow-dropdown"
          pullingText="Pull to refresh"
          refreshingSpinner="circles"
          refreshingText="Refreshing...">

          </ion-refresher-content>
      </ion-refresher>


    <div class = "header">

      Click to scan your product
      <br><br><br>
      <div>
        <button ion-button (click) = "scanBarcode()" color="secondary" outline>Scan Barcode</button>
      </div>
          <br><br><br><br>
      <div *ngIf="show">
          Prod num: {{result.text}}
      </div>

    </div>



    <ion-footer>
        <div class = "header" > <button ion-button color="secondary" (click) = "searchClick()">Search</button></div>

    </ion-footer>


    </ion-content>