@extends('layouts.backend.front')

@section('contents')
    <div class="position-absolute top-0 start-50 translate-middle-x bg-white pt-5" style="width:250px">
        <img src="{{ asset('assets/img/banner.png') }}" class="img-fluid" />
    </div>
    <div class="container-xl px-4">
        <div class="row justify-content-center">
            <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
                <div class="card bg-transparent my-5 shadow-none border-0">
                    <div class="card-body p-5 text-center">
                        <p class="text-center ethnocentric fc-white">Berikut qr code untuk<br />memasuki acara</p>
                        <div class="mb-3">
                            <img src="{{ asset($data) }}" class="img-fluid bg-light border border-5 border-light"
                                style="width:250px" />
                        </div>
                        <p class="text-center ethnocentric fc-white">Simpan dan tunjukkan<br />QR Code ini saat
                            memasuki<br />acara</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection