<?xml version="1.0" encoding="utf-8"?>

<templates xml:space="preserve">

    <t t-name="event.EventScanView">
        <div class="o_event_barcode_bg o_home_menu_background">
            <div class="o_event_barcode_main container d-flex flex-column h-100 h-sm-auto bg-view shadow">
                <div class="d-flex align-items-center justify-content-between my-3">
                    <a t-if="!isDisplayStandalone" href="#" class="o_event_previous_menu float-start"><i class="oi oi-chevron-left fa-lg" t-on-click.prevent="() => this.onClickBackToEvents()"></i></a>
                    <span class="fs-2 me-auto ms-2" t-out="data.name"/>
                    <a t-if="!isDisplayStandalone" class="btn btn-secondary d-flex align-items-center justify-content-center fw-bolder" href="/scoped_app?app_id=event&amp;path=scoped_app/registration-desk" target="_blank">Install</a>
                </div>
                <div class="flex-grow-1 d-flex flex-column justify-content-center align-items-center vh-50">
                    <BarcodeScanner onBarcodeScanned="(ev) => this.onBarcodeScanned(ev, doNextScan.bind(this))"/>
                    <div class="my-5 text-center">
                        <h5 class="mt8 text-muted">Scan or Tap</h5>
                    </div>
                </div>
                <div>
                    <button class="o_event_select_attendee btn btn-primary w-100" t-on-click="() => this.onClickSelectAttendee()">
                        <div class="fw-bolder mb16 mt16">Select Attendee</div>
                    </button>
                </div>
            </div>
        </div>
    </t>

</templates>
