@extends('common.modals.modal_base', [
    'class' => 'qr-code-modal',
    'id' => $id ?? 'qr-code-modal'
])

@section('modal_content')
    <div class="content">
        @include('common.modals.components.close_button')

        <div class="header font-title">
            {{$header}}
        </div>

        @if(!empty($subHeader))
            <div class="sub-header font-title">
                {{$subHeader}}
            </div>
        @endif

        <img src="{{config('locations.systemImage.asset').'QRWechat.jpg'.'?'.config('app.version')}}" alt="{{$imageAlt ?? 'QR Code'}}" class="image">

        <div class="sub-text">
            {{$subText}}
        </div>
    </div>
@overwrite

@section('modal_scripts')
    <script>
        function showQrModal () {
            $('{{'#'.($id ?? 'qr-code-modal')}}').modal('show');
        }
    </script>
@overwrite