File "dashboard.blade.php"

Full Path: /home/fundopuh/trader.fxex.org/resources/views/millage/user/dashboard.blade.php
File size: 19.67 KB
MIME-type: text/html
Charset: utf-8

@extends('layouts.millage')
@section('title', $title)
@section('content')
    <div class="mt-2 mb-4">
        <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
            <div>
                <h5 class="mb-0 h3 font-weight-400">Welcome, {{ Auth::user()->name }}!</h5>
            </div>
            <div class="py-2 ml-md-auto py-md-0">
                <a href="{{ route('deposits') }}" class="mr-2 btn btn-success d-lg-inline">Deposit</a>
                <a href="{{ route('withdrawalsdeposits') }}" class="mr-2 btn btn-danger d-lg-inline">Withdraw</a>
            </div>
        </div>
    </div>
    <x-danger-alert />
    <x-success-alert />
    @if (!empty($settings->welcome_message) and Auth::user()->created_at->diffInDays() <= 3)
        <div class="row">
            <div class="col-12">
                <div class="py-4 alert alert-primary alert-dismissible fade show" role="alert">
                    {{ $settings->welcome_message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        </div>
    @endif
    @if ($settings->enable_annoc == 'on' and !empty($settings->newupdate))
        <div class="row">
            <div class="col-12">
                <div class="py-4 alert alert-info alert-dismissible fade show" role="alert">
                    {{ $settings->newupdate }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        </div>
    @endif

    <div class="row">
        <div class="col-sm-6 col-md-3">
            <div class="card card-stats card-round">
                <div class="card-body ">
                    <div class="row align-items-center">
                        <div class="col-icon">
                            <div class="icon-big text-center icon-primary bubble-shadow-small">
                                <i class="icon-wallet"></i>
                            </div>
                        </div>
                        <div class="col col-stats ml-3 ml-sm-0">
                            <div class="numbers">
                                <p class="card-category">Account balance</p>
                                <h4 class="card-title">
                                    {{ $settings->currency }}{{ number_format(Auth::user()->account_bal, 2, '.', ',') }}
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if ($mod['investment'])
            <div class="col-sm-6 col-md-3">
                <div class="card card-stats card-round">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-icon">
                                <div class="icon-big text-center icon-success bubble-shadow-small">
                                    <i class="flaticon-coins"></i>
                                </div>
                            </div>
                            <div class="col col-stats ml-3 ml-sm-0">
                                <div class="numbers">
                                    <p class="card-category">Total Profit</p>
                                    <h4 class="card-title">
                                        {{ $settings->currency }}{{ number_format(Auth::user()->roi, 2, '.', ',') }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <div class="col-sm-6 col-md-3">
            <div class="card card-stats card-round">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-icon">
                            <div class="icon-big text-center icon-secondary bubble-shadow-small">
                                <i class="flaticon-present"></i>
                            </div>
                        </div>
                        <div class="col col-stats ml-3 ml-sm-0">
                            <div class="numbers">
                                <p class="card-category">Bonus</p>
                                <h4 class="card-title">
                                    {{ $settings->currency }}{{ number_format(Auth::user()->bonus, 2, '.', ',') }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if ($mod['subscription'])
            <div class="col-sm-6 col-md-3">
                <div class="card card-stats card-round">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-icon">
                                <div class="icon-big text-center icon-info bubble-shadow-small">
                                    <i class="icon-book-open"></i>
                                </div>
                            </div>
                            <div class="col col-stats ml-3 ml-sm-0">
                                <div class="numbers">
                                    <p class="card-category">Trading Accounts</p>
                                    <h4 class="card-title">
                                        {{ $trading_accounts }}
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <div class="col-sm-6 col-md-3">
            <div class="card card-stats card-round">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-icon">
                            <div class="icon-big text-center icon-primary bubble-shadow-small">
                                <i class="icon-share"></i>
                            </div>
                        </div>
                        <div class="col col-stats ml-3 ml-sm-0">
                            <div class="numbers">
                                <p class="card-category">Referral Bonus</p>
                                <h4 class="card-title">
                                    {{ $settings->currency }}{{ number_format(Auth::user()->ref_bonus, 2, '.', ',') }}
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="card card-stats card-round">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-icon">
                            <div class="icon-big text-center icon-warning bubble-shadow-small">
                                <i class="icon-arrow-down-circle"></i>
                            </div>
                        </div>
                        <div class="col col-stats ml-3 ml-sm-0">
                            <div class="numbers">
                                <p class="card-category">Total Deposit</p>
                                <h4 class="card-title">
                                    {{ $settings->currency }}{{ number_format($deposited, 2, '.', ',') }}
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if ($mod['investment'] || $mod['cryptoswap'])
            <div class="col-sm-6 col-md-3">
                <div class="card card-stats card-round">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-icon">
                                <div class="icon-big text-center icon-danger bubble-shadow-small">
                                    <i class="icon-arrow-up-circle"></i>
                                </div>
                            </div>
                            <div class="col col-stats ml-3 ml-sm-0">
                                <div class="numbers">
                                    <p class="card-category">Total Withdrawal</p>
                                    <h4 class="card-title">
                                        {{ $settings->currency }}{{ number_format($total_withdrawal, 2, '.', ',') }}
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
    <!-- End of Dashboard Stats  -->
    <div class="row d-none d-lg-block">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <div class="card-title">
                        <h5>Fundamental & Technical Outlook</h5>
                    </div>
                </div>
                <div class="card-body">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="home-tab" data-toggle="tab" data-target="#home"
                                type="button" role="tab" aria-controls="home" aria-selected="true">Track all
                                markets</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="profile-tab" data-toggle="tab" data-target="#profile"
                                type="button" role="tab" aria-controls="profile" aria-selected="false">Personal
                                trading chart</button>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel"
                            aria-labelledby="home-tab">
                            <!-- TradingView Widget BEGIN -->
                            <div class="tradingview-widget-container">
                                <div class="tradingview-widget-container__widget"></div>
                                <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/"
                                        rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets
                                            on
                                            TradingView</span></a></div>
                                <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-forex-cross-rates.js"
                                    async>
                                    {
                                        "width": "100%",
                                        "height": "550",
                                        "currencies": [
                                            "EUR",
                                            "USD",
                                            "JPY",
                                            "GBP",
                                            "CHF",
                                            "AUD",
                                            "CAD",
                                            "NZD",
                                            "CNY",
                                            "TRY",
                                            "SEK",
                                            "NOK"
                                        ],
                                        "isTransparent": true,
                                        "colorTheme": "light",
                                        "locale": "en"
                                    }
                                </script>
                            </div>
                            <!-- TradingView Widget END -->
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="tradingview-widget-container">
                                <div id="tradingview_f933e"></div>
                                <div class="tradingview-widget-copyright">

                                    <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                                    <script type="text/javascript">
                                        new TradingView.widget({
                                            "width": "100%",
                                            "height": "550",
                                            "symbol": "COINBASE:BTCUSD",
                                            "interval": "1",
                                            "timezone": "Etc/UTC",
                                            "theme": 'light',
                                            "style": "9",
                                            "locale": "en",
                                            "toolbar_bg": "#f1f3f6",
                                            "enable_publishing": false,
                                            "hide_side_toolbar": false,
                                            "allow_symbol_change": true,
                                            "calendar": false,
                                            "studies": [
                                                "BB@tv-basicstudies"
                                            ],
                                            "container_id": "tradingview_f933e"
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if ($mod['investment'])
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="card-title fw-mediumbold">
                            <h5 class="text-primary h5">Active Plan(s)</h5>
                        </div>
                        <div class="card-list">
                            @forelse ($plans as $plan)
                                <a href="{{ route('plandetails', ['id' => $plan->id]) }}">
                                    <div class="item-list shadow-sm d-flex">
                                        <div class="info-user ml-3 text-decoration-none">
                                            <div class="username font-weight-bolder">{{ $plan->dplan->name }}</div>
                                            <div class="status">
                                                {{ $settings->currency }}{{ number_format($plan->amount) }}</div>
                                        </div>
                                        <div>
                                            <i class="fa fa-arrow-right"></i>
                                        </div>
                                    </div>
                                </a>
                            @empty
                                <div class="text-center">
                                    <p>You do not have an active investment plan at the moment.</p>
                                    <a href="{{ route('mplans') }}" class="px-3 btn btn-primary">Buy a
                                        plan</a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>

    <div class="mt-4 row">
        <div class="col-12">
            <div class="nk-block-head-content">
                <h6 class="text-primary h5">
                    Recent transactions <span class="text-base count">({{ count($t_history) }})</span>
                </h6>
            </div>
        </div>
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="mb-2 text-right">
                        <a href="{{ route('accounthistory') }}"> <i class="fas fa-clipboard"></i>
                            View all transactions
                        </a>
                    </div>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr class="bg-light">
                                    <th>Date</th>
                                    <th>Type</th>
                                    <th>Amount</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($t_history as $item)
                                    <tr>
                                        <td>
                                            {{ $item->created_at->toDayDateTimeString() }}
                                        </td>
                                        <td>
                                            {{ $item->type }}
                                        </td>
                                        <td>
                                            <span class="badge badge-secondary">
                                                {{ $settings->currency }}{{ number_format($item->amount) }}</span>
                                        </td>
                                    </tr>
                                @empty
                                    <td colspan="3">
                                        No record yet
                                    </td>
                                @endforelse

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
    {{-- end of recent transactions --}}

    <div class="mt-4 row" x-data="{
        address: '{{ Auth::user()->ref_link }}',
        copyToClipboard(text) {
            if (!navigator.clipboard) {
                return alert('Copying to clipboard only works on secure sites viewed through a modern browser.')
            }
            navigator.clipboard.writeText(text)
                .then(() => {
                    alert('Copied');
                })
        },
    }">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="text-black">Refer Us & Earn</h5>
                    <p>Use the below link to invite your friends.</p>
                    <div class="mb-3 input-group">
                        <input type="text" class="form-control myInput readonly" value="{{ Auth::user()->ref_link }}"
                            id="key-02" readonly>
                        <div class="input-group-append">
                            <button class="btn btn-outline-primary" x-on:click="copyToClipboard(address)"
                                data-clipboard-target="#key-02" type="button">
                                <i class="fas fa-copy"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection