@extends('layouts.app')
@section('style')
    <style>
        .MT4 {
            background-color: darkolivegreen;
        }
        .wallet {
            background-color: darkslateblue;
        }
        .account {
            background-color: teal;
        }
        .brokerage {
            background-color: #46344e;
        }
        .top-profitable {
            background-color: #3b945e;
        }
        .top-loser {
            background-color: #78244c;
        }
        .m-portlet__head-text {
            color: white !important;
        }
        .m-widget6__caption, .m-widget11__app {
            color: black !important;
        }
        .m-widget11 .table thead>tr>td.m-widget11__app.accountnumber {
            /* Account Nomber Field Width set */
            width: 5%;
        }
    </style>
@endsection
@section('content')
    <!-- daterange picker start -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">Wallet Deposit & Withdraw</h3>
            </div>
            <div>
                <span class="m-subheader__daterange" id="daterangepicker">
                    <span class="m-subheader__daterange-label">
                        <span class="m-subheader__daterange-title"></span>
                        <span class="m-subheader__daterange-date m--font-brand"></span>
                    </span>
                    <a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill">
                        <i class="la la-angle-down"></i>
                    </a>
                </span>
            </div>
        </div>
    </div>
    <!-- daterabge picker end -->

	<div class="m-content">
        <div class="row">
            <div class="col-xl-3">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head wallet">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Clients Monthly Deposit In Wallet
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(count($walletDepositWithdraw) > 0)
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Amount
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($walletDepositWithdraw->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                                {{ $e->YDATE}}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-success">
                                            $ {{$e->TDEPOSIT}}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br><br><br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-xl-3">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head wallet">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Clients Monthly Withdraw From Wallet
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(!$walletDepositWithdraw->isEmpty())
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Amount
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($walletDepositWithdraw->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                            {{ $e->YDATE}}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-danger">
                                            $ {{$e->TWITHDRAW}}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br><br><br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-xl-3">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head wallet">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    IB Monthly Deposit In Wallet
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(count($IBwalletDepositWithdraw) > 0)
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Amount
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($IBwalletDepositWithdraw->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                                {{ $e->YDATE}}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-success">
                                            $ {{$e->TDEPOSIT}}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br><br><br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-xl-3">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head wallet">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    IB Monthly Withdraw From Wallet
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(count($IBwalletDepositWithdraw) > 0)
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Amount
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($IBwalletDepositWithdraw->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                            {{ $e->YDATE}}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-danger">
                                            $ {{$e->TWITHDRAW}}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br><br><br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-12 col-lg-8 col-xl-4">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head account">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Monthly Opened Live Account
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(count($account['live']) > 0)
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Count
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($account['live']->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                            {{ $e->YDATE }}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
                                            {{ $e->LIVE }}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br><br><br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-12 col-lg-8 col-xl-4">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head account">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Monthly Opened Demo Account
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(count($account['demo']) > 0)
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Count
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($account['demo']->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                            {{ $e->YDATE }}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
                                            {{ $e->DEMO }}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br><br><br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-12 col-lg-8 col-xl-4">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head account">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Monthly Opened IB Account
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        @if(!$account['ib']->isEmpty())
                            <div class="m-widget6">
                                <div class="m-widget6__head">
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__caption">
                                            Month
                                        </span>
                                        <span class="m-widget6__caption m--align-right">
                                            Count
                                        </span>
                                    </div>
                                </div>
                                <div class="m-widget6__body">
                                    @foreach ($account['ib']->take(12) as $e)
                                    <div class="m-widget6__item">
                                        <span class="m-widget6__text">
                                            {{ $e->YDATE }}
                                        </span>
                                        <span class="m-widget6__text m--align-right m--font-boldest m--font-brand">
                                            {{ $e->IB }}
                                        </span>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <br> <br> <br>
                            <h4 class="m--align-center">
                                Sorry! No Data Found In This Daterange.
                            </h4>
                            <br> <br> <br>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
{{-- {{ Html::script('custom/eModal/eModal.js') }} --}}
<script type="text/javascript">
    /*** Start Date Range Filter ***/
    jQuery(document).ready(function() {
        Daterangepicker.init();
    });
    var isFirstTime = true;
    var Daterangepicker = function() {
        var daterangepickerInit = function() {
            
            if ($('#daterangepicker').length == 0) {
                return;
            }

            var picker = $('#daterangepicker');
            var starts = moment();
            var start = moment('{{$startDate}}');
            var end = moment('{{$endDate}}');
            function cb(start, end) {
                var title = '';
                var range = '';
                if (start.date() == moment().date()) {
                    title = 'Today:';
                    range = start.format('MMM D');
                } else if (start.date() == moment().subtract(1, 'days').date()) {
                    title = 'Yesterday:';
                    range = start.format('MMM D');
                } else {
                    range = start.format('D MMM YY') + ' - ' + end.format('D MMM YY');
                }
                picker.find('.m-subheader__daterange-date').html(range);
                picker.find('.m-subheader__daterange-title').html(title);
                reloadData(start,end);
            }
            function reloadData(start,end){
                if(isFirstTime){
                    isFirstTime = false;
                    return;
                }
                var startDate = start.format('YYYY-MM-DD');
                var endDate = end.format('YYYY-MM-DD');
                window.location.href = '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function route() in /home/devceo/public_html/resources/views/report/observation2.blade.php:441
Stack trace:
#0 {main}
  thrown in <b>/home/devceo/public_html/resources/views/report/observation2.blade.php</b> on line <b>441</b><br />