@extends('layouts.dashboardLayout')

@section('title', 'Dashboard')

@section('content')

<!-- main-body start -->
@if(session('status'))
<div class="alert alert-success">
    {{ session('status') }}
</div>
@elseif(session('error'))
<div class="alert alert-danger">
    {{ session('error') }}
</div>
@endif

<div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">

    <div class="container-fluid">

        <div class="header-body">
            <div class="page-content">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="token-statistics card card-token height-auto">
                                <div class="card-innr">
                                    <img src="{{ asset('images/card-right.png') }}" class="card-img-absolute" alt="circle-image">
                                    <div class="token-balance token-balance-with-icon">
                                        <div class="token-balance-icon"><img class="spiner" src="{{ asset('images/fan1.svg') }}" style="width: 100px;"></div>
                                        <div class="token-balance-text">
                                            <h6 class="card-sub-title">Balance</h6>
                                            <span class=""><span id="miningBalance">{{ $balance }}</span> {{ $chain }}</span>
                                        </div>
                                    </div>

                                    <div class="support-icon" style="position: fixed; bottom: 10px; left: 10px; z-index: 9999;">
                                        <a href="https://t.me/miningfarmpro" target="_blank">
                                            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/512px-Telegram_logo.svg.png" width="50px" height="50px" alt="Telegram">
                                        </a>
                                    </div>
                                    <div class="token-balance token-balance-s2">
                                        <h6 class="card-sub-title">Your Hashpower</h6>
                                        <ul class="token-balance-list">
                                            <li class="token-balance-sub">
                                                <span class="lead">{{ $hashPower }} GH/s</span><span class="sub">Active Hashpower</span>
                                            </li>
                                            <li class="token-balance-sub">

                                                <span id="fiatBalance" class="">0.00000 </span> USD<span class="sub">Current Value</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="payment-summary" style="">
                                <div class="row">
                                    <div class="col-md-4" style="border-right: 1px solid #dce6f5;">
                                        <div class="payment-summary-item payment-summary-final">
                                            <div class="ixc"> <img src="{{ asset('images/' . strtolower($chain != 'USDT(BNB)' ? $chain : 'USDT') . '.svg') }}" style="width:60px; height:60px; max-width:none; display:block;"></div>
                                            <div>
                                                <h6 class="payment-summary-title">Account Address</h6>
                                                <div class="payment-summary-info">
                                                    <div class="b">{{ $wallet }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4" style="border-right: 1px solid #dce6f5;">
                                        <div class="payment-summary-item payment-summary-final">
                                            <div class="ixc"><img src="https://img.icons8.com/external-flaticons-flat-flat-icons/64/null/external-deposit-banking-flaticons-flat-flat-icons.png"></div>
                                            <div>
                                                <h6 class="payment-summary-title">Hashpower</h6>
                                                <div class="payment-summary-info">
                                                    <span class="payment-summary-amount">{{ $hashPower }} GH/s</span>&nbsp;
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="payment-summary-item payment-summary-final">
                                            <div class="ixc"><img src="https://img.icons8.com/external-nawicon-outline-color-nawicon/64/null/external-withdraw-finance-nawicon-outline-color-nawicon.png"></div>
                                            <div>
                                                <h6 class="payment-summary-title">Daily profit</h6>
                                                <span id="dailyProfit">{{ $dailyProfit }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="payment-summary">
                                <div class="row">
                                    <div class="col-md-4" style="border-right: 1px solid #dce6f5;">
                                        <div class="payment-summary-item payment-summary-final">
                                            <div class="ixc"><img src="https://img.icons8.com/external-inipagistudio-mixed-inipagistudio/64/null/external-referral-offline-marketing-inipagistudio-mixed-inipagistudio.png"></div>
                                            <div>
                                                <h6 class="payment-summary-title">Total Referrals</h6>
                                                <div class="payment-summary-info"><span class="payment-summary-amount">{{ $refCount }}</span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4" style="border-right: 1px solid #dce6f5;">
                                        <div class="payment-summary-item payment-summary-final">
                                            <div class="ixc"><img src="https://img.icons8.com/color/48/null/total-sales-1.png"></div>
                                            <div>
                                                <h6 class="payment-summary-title">Coin Price</h6>
                                                <div class="payment-summary-info">
                                                    <span class="payment-summary-amount">1 {{ $chain }} = {{ $tokenPrice }} USD</span>&nbsp;
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="payment-summary-item payment-summary-final">

                                            <div>

                                                <div class="payment-summary-info">
                                                    <a class="btn btn-success btn-block" href="#depositModal" data-toggle="modal" data-target="#depositModal">
                                                        Deposit
                                                    </a>
                                                    <a class="btn btn-warning btn-block" href="#withdrawalModal" data-toggle="modal" data-target="#withdrawalModal">
                                                        Withdrawal
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid mt--7">

                <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"9bb224ad3fdf49da898fdbecf77053b7","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
                </body>

                <script src="{{ asset('js/dashboard/jquery.min.js') }}"></script>
                <script src="{{ asset('js/dashboard/bootstrap.bundle.min.js') }}"></script>



                <script src="{{ asset('js/dashboard/jquery.bundle.js') }}"></script>
                <!--<script src="{{ asset('js/dashboard/script.js') }}"></script>-->


                {{-- Deposit Modal --}}
                <form action="{{ route('deposits.request') }}" method="POST">
                    @csrf
                    <div class="modal fade" id="depositModal" tabindex="-1" aria-labelledby="depositModal" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="depositModal">Buy Hashpower</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>

                                <div class="modal-body">
                                    <div class="row text-sm">
                                        <div class="offset-6 col-6 text-right">
                                            <strong>Min:</strong> {{ $minInvest }} GH/s = {{ $minInvest }} {{ $chain }}
                                        </div>
                                    </div>

                                    <div class="input-group">
                                        <input
                                            type="number"
                                            name="amount"
                                            step="0.000000001"
                                            min="0"
                                            class="form-control"
                                            placeholder="Hashpower"
                                            id="hashpowerInput">
                                        <div class="input-group-append">
                                            <div class="input-group-text">GH/s</div>
                                        </div>
                                    </div>

                                    {{-- Optional total display --}}
                                    <!-- <small class="form-text"><strong>Total Deposit</strong>: 0 {{ $chain }}</small> -->
                                </div>

                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-success" id="startBtn">
                                        <i class="fa fa-shopping-cart"></i> Buy Now
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                {{-- Withdrawal Modal --}}
                <form action="{{ route('withdraws.request') }}" method="POST">
                    @csrf
                    <div class="modal fade" id="withdrawalModal" tabindex="-1" aria-labelledby="withdrawalModal" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="withdrawalModal">
                                        <i class="fa fa-money-bill"></i> Request Withdrawal
                                    </h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>

                                <div class="modal-body">
                                    <div class="row text-sm mb-2">
                                        <div class="col-6 text-left">
                                            <strong>Min:</strong> {{ $minWithdraw }} {{ $chain }}
                                        </div>
                                        <div class="col-6 text-right">
                                            <strong>Max:</strong> {{ $balance }} {{ $chain }}
                                        </div>
                                    </div>

                                    <div class="input-group">
                                        <input
                                            type="number"
                                            name="amount"
                                            step="0.00000001"
                                            min="0"
                                            class="form-control"
                                            placeholder="Amount"
                                            id="withdrawAmount">
                                        <div class="input-group-append">
                                            <div class="input-group-text">{{ $chain }}</div>
                                        </div>
                                    </div>

                                    {{-- Optional fee info --}}
                                    <!-- <small class="form-text"><strong>Fees:</strong> 0.5 {{ $chain }}</small> -->
                                </div>

                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-success" id="startBtn">
                                        <i class="fa fa-hand-holding-usd"></i> Confirm Request
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                <!-- Livewire Component wire-end:OITDtRjc7zqPUnds5AV3 -->
                <!-- Tos Modal -->
                <div class="modal fade" id="tosModal" tabindex="-1" aria-labelledby="tosModal" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="tosModal">Terms of Service</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>Terms of service page content here</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div><!-- Privacy Modal -->
                <div class="modal fade" id="privacyModal" tabindex="-1" aria-labelledby="privacyModal" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="privacyModal">Privacy Policy</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>Privacy policy page content here</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div><!-- Tos Modal -->
                <div class="modal fade" id="faqsModal" tabindex="-1" aria-labelledby="faqsModal" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="faqsModal">F.A.Q.s</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>


                
                <script>
                    document.addEventListener("DOMContentLoaded", function(e) {
                        let currentRate = {{ $tokenPrice }};
                        let balance = document.getElementById('miningBalance');
                        const fiatBalance = document.getElementById('fiatBalance');
                        const dailyProfit = document.getElementById('dailyProfit');
                        let daily_profit = (dailyProfit.innerText);
                        let balance_value = (balance.innerText);
                        let per_second = (daily_profit / 86400).toFixed(7);

                        if(daily_profit > 0) {
                            setInterval(function() {
                                balance_value = parseFloat(balance_value) + parseFloat(per_second);
                                balance.innerText = parseFloat(balance_value).toFixed(7);
                                fiatBalance.innerText = (balance.innerText * currentRate).toFixed(5);

                                fetch('{{ route('balance.update') }}', {
                                        method: 'POST',
                                        headers: {
                                            'Content-Type': 'application/json',
                                            'X-CSRF-TOKEN': '{{ csrf_token() }}',
                                        },
                                        body: JSON.stringify({
                                            balance: balance_value
                                        })
                                    });
                            }, 1000);
                        }
                    });
                </script>
            </div>
        </div>
    </div>
</div>

@endsection