<x-app-layout>
    <div class="">
        <div class="s-area">
            <p class="title-b mb-4">Daily Bonus</p>
            <div class="clearfix"></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" style="max-width: 500PX;">
                    <form action="{{ route('bonus.store') }}" method="post">
                    @csrf
                        <div class="">
                            <div class="flex">
                                <div class="mx-auto">
                                <p class="h3 text-center">Claim Your Daily Bonus!</p>
                                <img src="{{ asset('images/gift.png') }}" width="100" height="100" class="mx-auto my-5"
                                alt="gift">
                                @if($diff == 0)
                                    <button type="submit" name="submit" class="mx-auto w-full btn btn-primary">Claim Daily Bonus</button>
                                @else
                                    <p class="h3 text-center">Please wait <span class="font-weight-bold">{{$diff}}</span> minutes for next claim</p>
                                @endif
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </form>
                </div>

            </div>
        </div>

        <x-footer></x-footer>
    </div>
</x-app-layout>