<x-layouts.account-inner title="Receive {{ $coin->full_name }}" x-data="receive">
    <div>
        <div class="col-12 mt-1 px-3">
            <div class="alert alert-warning tfss">
                <i class="bi bi-exclamation-circle-fill"></i> &nbsp;
                Only send assets from a {{ setting('site_name') }} Pay ID to your {{ setting('site_name') }} Pay ID.
            </div>
        </div>
    </div>

    <div align="center">
        <img src="/logo/lrealb1.png" width="30px" height="auto" />
        <font class="fs-5">Pay ID</font>
        <font class="bgdarkandgray tfss p-1 mx-2 rounded">{{ setting('site_name') }}</font><br>
    </div>

    <center>
        <div class="d-inline-block p-3 my-4 shadow-sm bg-white rounded position-relative">
            <img src="/logo/lrealb1.png" class="position-absolute bg-white rounded p-1"
                style="width:60px; height:60px; left:0; right:0; margin:0 auto; top:29%;">
            <div x-qr="{
                text: @js($user->pay_id),
                width: 190,
                height: 190,
            }"></div>
            <div class="tfss wbrk text-dark mt-3"
                style="line-height: 17px; width:190px;-webkit-hyphens:manual; -moz-hyphens:manual;hyphens:manual;">
                {{ $user->pay_id }}
            </div>
        </div>
    </center>

    <div class="row m-0 p-0 justify-content-center">
        <div class="col-12" align="center">

            <div class="grcol grof-3">
                <button class="border bgdarkandgray p-0" type="button" align="center" style="width:55px; height:55px;" @click="copy(@js(($user->pay_id)))">
                    <i class="bi bi-copy fs-2 darkandwhite"></i>
                </button><br>
                Copy
            </div>

            <div class="grcol grof-3">
                <a class="noload" href="https://wa.me/?text={{ $user->pay_id }}" target="_blank">
                    <button class="border bgdarkandgray p-0" type="button" align="center" style="width:55px; height:55px;">
                        <i class="bi bi-whatsapp fs-2 darkandwhite"></i>
                    </button>
                </a>
                <br>
                Share
            </div>
        </div>
    </div>
</x-layouts.account-inner>