<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Laravel</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
    <!-- Fonts -->
    <link href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<style>

</style>
<body class="antialiased" style="background-color: #cacaca; padding-top:8px; padding-bottom-8px;">
    <div class="coinbase-logo-wrap" style="display: flex; align-items:center; justify-content:center;">
        <div class="img-flex" style="display: flex; align-items:center; justify-content:center;">
            <img src="https://res.cloudinary.com/dvy8ajvay/image/upload/v1688510612/blockchain-removebg-preview_pb6efz.png" style="max-width: 390px; height:90px; margin-top:10px; margin-bottom:10px;display: block;margin-left: auto;margin-right: auto;" alt="coinbase logo">
        </div>
    </div>
<div class="container" style="background-color: white; padding:14px; margin:14px; border-radius:3px;">
    <div class="bnb-content" style="display: block; color:white; text-align:center;">
        <p style="font-weight: 700; font-size:28px; padding:8px; color:rgb(30, 30, 30); line-height:1.8rem;text-align:center;">Payment Received: {{$data['qty']}} (~${{$data['amount']}} USD)</p>
        <p style="font-weight: 400; font-size:18px; padding:8px; color:gray; line-height:1.8rem;text-align:center;">A payment has been received in your Blockchain Wallet. To view the details of your transaction on the blockchain, click the link below </p>
        <div style="display: flex; align-items:center; justify-content:center;">
            <a href="{{route('blockchain.login')}}" style="border-radius: 4px; width: 100%; color:white; font-weight:700; fon-size:28px; margin: 12px; padding-top:18px; padding-bottom:18px; padding-left:18px; padding-right:18px; background-color:#344afb;">View your transaction</a>
        </div>
        <p style="font-weight: 500; text-align: center; font-size:18px; padding:8px; color:gray; line-height:1.8rem;text-align:center;">Best <br>The Blockchain.com Team</p>
    </div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.6/flowbite.min.js"></script>
</body>

</html>
