@extends('layouts.user')
@section('title')
    @lang('Buy Coin')
@endsection
@section('breadcrumb')
    @lang('Buy Coin')
@endsection
@section('content')

    <div class="nk-content nk-content-fluid">
        <div class="container-xl wide-lg">
            <div class="nk-content-body">
                <div class="buysell wide-xs m-auto">

                    <div class="buysell-title text-center">
                        <h5 class="title"><a href="#" onclick="history.go(-1)" class="btn btn-icon btn-trigger nk-chat-hide ms-n1 d-lg-none "><em class="icon ni ni-arrow-left "></em></a>TRANSACTION INFO!</h5>
                    </div><!-- .buysell-title -->
                    <div class="buysell-block">
                        <div class="modal-content">
                            <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                            <div class="modal-body modal-body-lg text-center">
                                <div class="nk-modal">
                                    <em class="nk-modal-icon icon icon-circle icon-circle-xxl ni ni-check bg-success"></em>
                                    <h4 class="nk-modal-title">Transaction Successful!</h4>
                                    <div class="nk-modal-text">
                                        <p class="caption-text">You’ve successfully bought <strong>{{$model->amount_received}}</strong> {{$model->coin}} for <strong>{{toMoney($model->pay_amount)}}</strong> </p>
                                        <p class="sub-text-sm">Learn when you receive  {{$model->coin}} in your wallet. <a href="#"> Click here</a></p>
                                    </div>
                                    <div class="nk-modal-action-lg">
                                        <ul class="btn-group gx-4">
                                            <li><a href="{{route('user.crypto.buy')}}" class="btn btn-lg btn-mw btn-primary">Return</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- .modal-body -->
                            <div class="modal-footer bg-lighter">
                                <div class="text-center w-100">
                                    <p>Earn upto $25 for each friend your refer! <a href="#">Invite friends</a></p>
                                </div>
                            </div>
                        </div>
                    </div><!-- .buysell-block -->
                </div><!-- .buysell -->
            </div>
        </div>
    </div>

@endsection