<div>
    <div>
        <div class="image">
            <img src="{{ asset('public/assets/img/RaktveerLogo.png') }}" alt=""></div>
        <center>
            <h2>{{ auth()->user()->name }}</h2>
            <h3>+91-{{ auth()->user()->username }}</h3>
        </center>
        <div class="form">
            <h3>Age / आयु: {{ auth()->user()->age }}</h3>
            <h3>Blood group / रक्त समूह (ब्लड ग्रुप): {{ auth()->user()->blood_group }}</h3>
            <h3>District / जिला: {{ auth()->user()->district }}</h3>
            <h3>Assembly / विधानसभा: {{ auth()->user()->assembly }}</h3>
            <h3>City or Village Name / शहर या गाँव का नाम: {{ auth()->user()->village_city_name }}</h3>
        </div>
        <div class="score">
            <span>
                <h2>raktveer score<br> रक्तवीर स्कोर</h2>
            </span>
            <span>
                <h2> = {{ $raktveer_score }}🩸</h2>
            </span>
        </div>
        <button class="submit-button " wire:click="referFriend">Refer a friend</button>
        <p>{{ $referalUrl }}</p>
    </div>
</div>
