<x-app-layout>
    <div class="">
        <div class="s-area">
            <p class="title-b pb-4">Order #{{$data->id}}</p>
            <div class="clearfix"></div>
        </div>
        <div class="banner d-block d-md-none text-center m-auto" style="margin-top: 30px;">
            <div class="d-inline-block text-center m-auto"></div>
        </div>
        <div class="banner d-none d-md-block d-lg-none text-center m-auto" style="margin-top: 30px;">
            <div class="d-inline-block text-center m-auto">
                <!--banner-->
            </div>
        </div>
        <div class="banner d-none d-lg-block text-center" style="margin-top: 30px;">
            <div class="d-inline-block text-center m-auto">
                <!--banner-->
            </div>
        </div>
        <div class="tab-content withdraw-content" id="referralsContent">
            <div class="tab-pane fade show active" id="staking" role="tabpanel" aria-labelledby="staking-tab">

                <div class="m-area text-center" style="max-width: 500PX;">
                    <p><strong>Amount:</strong> {{$data->amount}} <span class="text-uppercase">{{$data->currency->short_name}}</span></p>
                    <p class="mt-2"><strong>Description:</strong> Add Funds</p>
                    <form action="https://faucetpay.io/merchant/webscr" method="post">
                        <div class="form-row form">
                            <div class="col">
                                <input type="hidden" name="amount1" value="{{$data->amount}}" required="">
                                <input type="hidden" name="merchant_username" value="{{$fp_username->value}}">
                                <input type="hidden" name="item_description" value="Add Funds">
                                <input type="hidden" name="currency1" value="{{$data->currency->short_name}}">
                                <input type="hidden" name="custom" value="{{$data->id}}">
                                <input type="hidden" name="callback_url" value="{{ route('deposit.ipn') }}">
                                <input type="hidden" name="success_url" value="{{ url('/') }}">
                                <input type="hidden" name="cancel_url" value="{{ url('/') }}">
                                <div class="d-flex justify-content-center">
                                    <button type="submit" name="submit" class="mx-auto text-center btn btn-primary"
                                        style="background: url({{ asset('images/fp.jpg') }});width: 200px;height: 50px;background-repeat: no-repeat;"></button>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="banner d-block d-md-none text-center m-auto" style="margin-top: 30px;">
            <div class="d-inline-block text-center m-auto">
                <!--banner-->
            </div>
        </div>
        <div class="banner d-none d-md-block d-lg-none text-center m-auto" style="margin-top: 30px;">
            <div class="d-inline-block text-center m-auto"></div>
        </div>
        <div class="banner d-none d-lg-block text-center" style="margin-top: 30px;">
            <div class="d-inline-block text-center m-auto"></div>
        </div>
        <x-footer></x-footer>
    </div>
</x-app-layout>