@extends('layouts.layout')

@section('content')



<div v-if="admin.deposits.hasOwnProperty('_1day') && admin.deposits._1day != null" class="container">
        <h2>User deposits/withdraw</h2>
        <div class="row">

            <div class="col" style="text-align: center;">
                <h2>Deposits</h2>
                TODAY<br>
                <span v-html="website.parseBalance(admin.deposits._1day) + ' ($' + parseFloat(admin.deposits._1day/1000).toFixed(2) + ')'"></span><br><br>
                LAST 7 DAYS<br>
                <span v-html="website.parseBalance(admin.deposits._7days) + ' ($' + parseFloat(admin.deposits._7days/1000).toFixed(2) + ')'"></span><br><br>
                LAST MONTH<br>
                <span v-html="website.parseBalance(admin.deposits._30days) + ' ($' + parseFloat(admin.deposits._30days/1000).toFixed(2) + ')'"></span><br><br>
                ALL TIME<br>
                <span v-html="website.parseBalance(admin.deposits._all) + ' ($' + parseFloat(admin.deposits._all/1000).toFixed(2) + ')'"></span><br><br>
            </div>
    
            <div class="col" style="text-align: center;">
                <h2>Withdraws</h2>
                TODAY<br>
                <span v-html="website.parseBalance(admin.withdraws._1day) + ' ($' + parseFloat(admin.withdraws._1day/1000).toFixed(2) + ')'"></span><br><br>
                LAST 7 DAYS<br>
                <span v-html="website.parseBalance(admin.withdraws._7days) + ' ($' + parseFloat(admin.withdraws._7days/1000).toFixed(2) + ')'"></span><br><br>
                LAST MONTH<br>
                <span v-html="website.parseBalance(admin.withdraws._30days) + ' ($' + parseFloat(admin.withdraws._30days/1000).toFixed(2) + ')'"></span><br><br>
                ALL TIME<br>
                <span v-html="website.parseBalance(admin.withdraws._all) + ' ($' + parseFloat(admin.withdraws._all/1000).toFixed(2) + ')'"></span><br><br>
            </div>

            <div class="col" style="text-align: center;">
                <h2>Profit</h2>
                TODAY<br>
                <span v-html="website.parseBalance(admin.deposits._1day - admin.withdraws._1day) + ' ($' + parseFloat((admin.deposits._1day - admin.withdraws._1day)/1000).toFixed(2) + ')'"></span><br><br>
                LAST 7 DAYS<br>
                <span v-html="website.parseBalance(admin.deposits._7days - admin.withdraws._7days) + ' ($' + parseFloat((admin.deposits._7days - admin.withdraws._7days)/1000).toFixed(2) + ')'"></span><br><br>
                LAST MONTH<br>
                <span v-html="website.parseBalance(admin.deposits._30days - admin.withdraws._30days) + ' ($' + parseFloat((admin.deposits._30days - admin.withdraws._30days)/1000).toFixed(2) + ')'"></span><br><br>
                ALL TIME<br>
                <span v-html="website.parseBalance(admin.deposits._all - admin.withdraws._all) + ' ($' + parseFloat((admin.deposits._all - admin.withdraws._all)/1000).toFixed(2) + ')'"></span><br><br>
            </div>
    
        </div>
</div>
<div v-if="admin.adeposits.hasOwnProperty('_1day') && admin.adeposits._1day != null" class="container">
        <h2>Admin deposits/withdraws</h2>

        <div class="row">

            <div class="col" style="text-align: center;">
                <h2>Deposits</h2>
                TODAY<br>
                <span v-html="website.parseBalance(admin.adeposits._1day) + ' ($' + parseFloat(admin.adeposits._1day/1000).toFixed(2) + ')'"></span><br><br>
                LAST 7 DAYS<br>
                <span v-html="website.parseBalance(admin.adeposits._7days) + ' ($' + parseFloat(admin.adeposits._7days/1000).toFixed(2) + ')'"></span><br><br>
                LAST 14 DAYS<br>
                <span v-html="website.parseBalance(admin.adeposits._14days) + ' ($' + parseFloat(admin.adeposits._14days/1000).toFixed(2) + ')'"></span><br><br>
                ALL TIME<br>
                <span v-html="website.parseBalance(admin.adeposits._all) + ' ($' + parseFloat(admin.adeposits._all/1000).toFixed(2) + ')'"></span><br><br>
            </div>
    
            <div class="col" style="text-align: center;">
                <h2>Withdraws</h2>
                TODAY<br>
                <span v-html="website.parseBalance(admin.awithdraws._1day) + ' ($' + parseFloat(admin.awithdraws._1day/1000).toFixed(2) + ')'"></span><br><br>
                LAST 7 DAYS<br>
                <span v-html="website.parseBalance(admin.awithdraws._7days) + ' ($' + parseFloat(admin.awithdraws._7days/1000).toFixed(2) + ')'"></span><br><br>
                LAST 14 DAYS<br>
                <span v-html="website.parseBalance(admin.awithdraws._14days) + ' ($' + parseFloat(admin.awithdraws._14days/1000).toFixed(2) + ')'"></span><br><br>
                ALL TIME<br>
                <span v-html="website.parseBalance(admin.awithdraws._all) + ' ($' + parseFloat(admin.awithdraws._all/1000).toFixed(2) + ')'"></span><br><br>
            </div>

            <div class="col" style="text-align: center;">
                <h2>Profit</h2>
                TODAY<br>
                <span v-html="website.parseBalance(admin.awithdraws._1day - admin.adeposits._1day) + ' ($' + parseFloat((admin.awithdraws._1day - admin.adeposits._1day)/1000).toFixed(2) + ')'"></span><br><br>
                LAST 7 DAYS<br>
                <span v-html="website.parseBalance(admin.awithdraws._7days - admin.adeposits._7days) + ' ($' + parseFloat((admin.awithdraws._7days - admin.adeposits._7days)/1000).toFixed(2) + ')'"></span><br><br>
                LAST 14 DAYS<br>
                <span v-html="website.parseBalance(admin.awithdraws._14days - admin.adeposits._14days) + ' ($' + parseFloat((admin.awithdraws._14days - admin.adeposits._14days)/1000).toFixed(2) + ')'"></span><br><br>
                ALL TIME<br>
                <span v-html="website.parseBalance(admin.awithdraws._all - admin.adeposits._all) + ' ($' + parseFloat((admin.awithdraws._all - admin.adeposits._all)/1000).toFixed(2) + ')'"></span><br><br>
            </div>
    
        </div>
</div>
<br><br>

<div class="container" style="height: 50%;">
        <h3>PINNED MESSAGE</h3>
        <p>You can use html MARKUPS!!</p>
        <label for="pinnedmsg">Message to be pinned:</label>
        <input type="text" id="pinnedmsg" class="form-control">
        <button type="button" class="btn btn-success pin_msg_set">Set</button>
 </div>

 <br>

 <div class="container">
    <h3>Users online (<span class="admin-count-users-online">0</span>)</h3><br>
    <div class="admin-users-online" style="height: 300px; overflow-y: scroll;">

    </div>
 </div>

 <br><br><br>

 <div class="container" style="height: 50%;">
        <h3>MAKE A PROMOTIONAL CODE</h3>
        <label for="promotionalcode">CODE:</label>
        <input type="text" id="promotionalcode" class="form-control" placeholder="VGOBounty">
        <label for="promotionalamount">AMOUNT:</label>
        <input type="text" id="promotionalamount" class="form-control" placeholder="Min: 1 | Max: 5000">
        <label for="promotionaluses">USES:</label>
        <input type="text" id="promotionaluses" class="form-control" placeholder="Min: 1 | Max: 100">
        <button type="button" class="btn btn-success promotional_create_code">Create :)</button>
        <button type="button" class="btn btn-danger promotional_delete_code">Delete ;(</button>
        <button type="button" class="btn btn-primary promotional_check_code">Check xD</button>
 </div>

 <br><br><br>

 <div v-if="admin.website_statistics.hasOwnProperty('users_registered') && admin.website_statistics.users_registered != null" class="container website_stats" style="height: 50%; margin-bottom: 150px;">
        <h3>STATISTICS</h3>
        <span v-html="'Users registered: ' + website.parseBalance(admin.website_statistics.users_registered)"></span><br>
        <span v-html="'Users deposited more than $5,00: ' + admin.website_statistics.deposited_over"></span><br>
        <span v-html="'Users wagered more than $5,00: ' + admin.website_statistics.wagered_over"></span><br>
        <span v-html="'Users with balance more than $5,00: ' + admin.website_statistics.balance_over"></span><br><br>

        <span v-if="admin.website_statistics.roulette_total_bets_Amount != null" v-html="'Total amount bet on roulette: ' + website.parseBalance(admin.website_statistics.roulette_total_bets_Amount)"></span><br>
        <span v-if="admin.website_statistics.roulette_total_bets_Amount != null" v-html="'Total bets on roulette: ' + admin.website_statistics.roulette_total_bets_Count"></span><br><br>


        <span v-if="admin.website_statistics.crash_total_bets_Amount != null" v-html="'Total amount bet on crash: ' + website.parseBalance(admin.website_statistics.crash_total_bets_Amount)"></span><br>
        <span v-if="admin.website_statistics.crash_total_bets_Amount != null" v-html="'Total bets on crash: ' + admin.website_statistics.crash_total_bets_Count"></span><br><br>

        <span v-if="admin.website_statistics.raffles_worth != null" v-html="'Total raffles made: ' + admin.website_statistics.raffles_made"></span><br>
        <span v-if="admin.website_statistics.raffles_worth != null" v-html="'Total raffles worth made: ' + website.parseBalance(admin.website_statistics.raffles_worth)"></span><br>
        <span v-if="admin.website_statistics.raffles_worth != null" v-html="'Total coins wasted on raffles: ' + website.parseBalance(admin.website_statistics.coins_wasted)"></span><br><br>


        <span v-html="'Total deposits accepted: ' + admin.website_statistics.total_deposits_acc"></span><br>
        <span v-html="'Total withdraws accepted: ' + admin.website_statistics.total_withdraws_acc"></span><br>
        <span v-html="'Total deposits declined: ' + admin.website_statistics.total_deposits_dec"></span><br>
        <span v-html="'Total withdraws declined: ' + admin.website_statistics.total_withdraws_dec"></span><br><br><br>
 </div>


 <div v-if="admin.hasOwnProperty('coins_in_circulation') && admin.coins_in_circulation != null" class="container" style="height: 50%;">
        <h3>COINS IN CIRCULATION</h3>
        <p>Coins in circulation: <span v-html="website.parseBalance(admin.coins_in_circulation) + ' ($' + parseFloat(admin.coins_in_circulation/1000).toFixed(2) + ')'"></span></p>
        <p>Total users having this coins: <span v-html="admin.total_users_incirc"></span></p>
 </div>

 <div class="container" style="height: 50%;">
        <h3>CHECK TRADE</h3>
        <input type="text" class="form-control" id="Trade_ID">
        <button type="button" class="btn btn-success" id="Check_Trade_ID">Check trade</button>
 </div>





<div class="container" style="height: 50%;">

    <div class="row">

        <div class="col" style="text-align: center;">
            ROULETTE things<br>
        </div>

        <div class="col" style="text-align: center;">
            CRASH things
        </div>

    </div>

</div>

<div class="container">

    <div class="row">

        <div class="col" style="text-align: center;">
            VCASES things
        </div>

        <div class="col" style="text-align: center;">
            RAFFLES things
            <form class="form-group" style="align-items: center;">
                <h3>New raffle:</h3>
                <label for="id" style=" margin: 10px;">Item id</label>
                <input type="text" placeholder="281723 (from withdraw inv)" id="id" class="form-control" style="margin: 10px;">
                <label for="image" style=" margin: 10px;">Item image</label>
                <input type="text" placeholder="https://files.opskins.media/file/vgo-img/item/m4a4-lion-war-factory-new-600.png" id="image" class="form-control" style="margin: 10px;">
                <label for="name" style=" margin: 10px;">Item name</label>
                <input type="text" placeholder="M4A4 | Lion War (Factory New)" id="name" class="form-control" style="margin: 10px;">
                <label for="price" style=" margin: 10px;">Item price</label>
                <input type="text" placeholder="2003800 (in coins)" id="price" class="form-control" style="margin: 10px;">
                <label for="slots" style=" margin: 10px;">Slots</label>
                <input type="text" placeholder="2 (min 2; max 10)" id="slots" class="form-control" style="margin: 10px;">

                <button type="button" class="btn btn-success create-raffle" style="margin: 10px;">Create new</button>
            </form>
        </div>

    </div>

</div>


@endsection