<div class="z-50 flex flex-col gap-y-4 justify-center items-center">
    <p class="text-xl font-semibold text-fuchsia-600">{{ Session::get('currency_sym') }}{{ number_format($data['final_amo'],2,".","") }}</p>
    <button type="button" class="w-full rounded-full text-white text-sm bg-fuchsia-600 py-2">USDT Payment</button>
    <p class="text-sm text-fuchsia-600">Make payment of <b class="underline">{{ Session::get('currency_sym') }}{{ number_format($data['final_amo'],2,".","") }}</b> to the address</p>
</div>

<!-- withdraw detailsc section -->
<div class="withdraw-details shadow border z-50">

<!-- detail -->
<div>
    <div>TRC20 Address</div>
    <div class="text-right">
        <span id="account_number">@if($data['try'] == 0) {{ config('settings')->usdt_address }} @else {{ $auto_details->usdt_address }} @endif</span> 
        <span class="rounded-md py-1 px-2 text-[11px] btn-copy btn-copy-account" data-clipboard-target="#account_number">Copy </span>
    </div>
</div>

<!-- detail -->
<div>
    <div>Amount to Pay</div>
    <div class="text-right">
        {{ Session::get('currency_sym') }}<span id="final_amount">{{ number_format($data['final_amo'],2,".","") }}</span> 
        <span class="rounded-md py-1 px-2 text-[11px] btn-copy btn-copy-amount" data-clipboard-target="#final_amount">Copy </span>
    </div>
</div>

@if($data['try'] == 0)
    <!-- detail -->
    <div>
        <div>Narration</div>
        <div class="text-right"><span id="narration">{{ $data['trx'] }}</span></div>
    </div>

    <div>
        <p class="text-xs">Send payment to the details provided and after paying, please upload a screenshot of your payment</p>
    </div>
@endif
</div>