@extends('layouts.app')

@section('sidebar')
    @include('sidebar')
@stop

@section('content')
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">IB Details</h3><br>
                <strong>Name: </strong>{{ $user->name }} <b class="m-badge m-badge--primary m-badge--wide m--margin-l-30">{{ $user->ib_account }} </b>
            </div>
            <div>
            <a href="{{ route('ib.index') }}" class="btn btn-info m-btn m-btn--wide m-btn--air m-btn--custom"><span><i class="la la-arrow-left"></i> <span>Back to IB list</span></span></a>
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--full-height ">
            <div class="m-portlet__body">
                @if(Session::has('error'))
                    <div class="alert alert-danger">
                        {!! Session::get('error') !!}
                    </div>
                @endif
                @if(Session::has('success'))
                    <div class="alert alert-success">
                        {!! Session::get('success') !!}
                    </div>
                @endif
                <ul class="nav nav-tabs m-tabs-line m-tabs-line--danger m-tabs-line--2x" role="tablist">
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link active" data-toggle="tab" href="#client-details">Client info</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link " data-toggle="tab" href="#documents">Documents</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link " data-toggle="tab" href="#wallet_history">Wallet History</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link " data-toggle="tab" href="#deposit_history">Deposit History</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link " data-toggle="tab" href="#withdrawal_history">Withdrawal History</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link " data-toggle="tab" href="#referred_clients">Referred Clients</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link " data-toggle="tab" href="#referred_ib">Referred IB</a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="client-details" role="tabpanel">
                        <form class="m-form"><br><br>
                        <div class="row">
                            <div class="col-xl-8 offset-xl-2">
                                <div class="m-form__section m-form__section--first">
                                    <div class="m-form__heading">
                                        <h3 class="m-form__heading-title">Client Details</h3>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Name:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->name }}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Last Name:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->last_name }}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Email:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->email }}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Phone:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <div class="input-group">
                                                @if ( $user->phone )
                                                    <label class="m--margin-top-10"><i class="la la-phone"></i> {{ $user->phone }}</label>
                                                @else
                                                    <label class="m--margin-top-10">-</label>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Google Two Factor Key :</label>
                                        <div class="col-xl-9 col-lg-9">
                                            @if ($user->chaavi)
                                                <label class="m--margin-top-10">{{ $user->chaavi }}</label>
                                            @else
                                                <label class="m--margin-top-10"> - </label>
                                            @endif
                                            
                                        </div>
                                    </div>
                                </div>

                                <div class="m-separator m-separator--dashed m-separator--lg"></div>

                                <div class="m-form__section">
                                    <div class="m-form__heading">
                                        <h3 class="m-form__heading-title">
                                            Address
                                        </h3>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Address:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->address }}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">City:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->city}}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">State:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->state}}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Country:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->country}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="m-separator m-separator--dashed m-separator--lg"></div>

                                <div class="m-form__section">
                                    <div class="m-form__heading">
                                        <h3 class="m-form__heading-title">Other Info</h3>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Date of Birth:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->dob }}</label>
                                        </div>
                                    </div>

                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Last login IP:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ $user->ip }}</label>
                                        </div>
                                    </div>
                                    <div class="form-group m-form__group row">
                                        <label class="col-xl-3 col-lg-3 col-form-label">Last Login:</label>
                                        <div class="col-xl-9 col-lg-9">
                                            <label class="m--margin-top-10">{{ date("M d Y, h:i a", strtotime($user->last_login)) }}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <br><br>
                        </form>
                    </div>

                    <div class="tab-pane" id="documents" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="document-list">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Type</th>
                                <th>Status</th>
                                <th>Date</th>
                                <th>File </th>
                                <th>File 2</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>


                    <div class="tab-pane" id="wallet_history" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="wallet-trans">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Wallet Id</th>
                                <th>Email Id</th>
                                <th>Transaction Type</th>
                                <th>Transaction Id</th>
                                <th>Payment Processor</th>
                                <th>Transaction Time</th>
                                <th>Amount</th>
                                <th>Balance</th>
                            </tr>
                            </thead>
                            <tbody>

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



                    <div class="tab-pane" id="deposit_history" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="clientdeposit-history">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Date</th>
                                    <th>Transaction ID</th>
                                    <th>Wallet/Ac No</th>
                                    <th>Amount</th>
                                    <th>Processor</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>

                    <div class="tab-pane" id="withdrawal_history" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="withdrawal-history">
                            <thead>
                            <tr>
                                <th>Id</th>
                                <th>Email</th>
                                <th>Ac / Wallet</th>
                                <th>Comment</th>
                                <th>Transaction Id</th>
                                <th>Status </th>
                                <th>Amount</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                    
                    <div class="tab-pane" id="referred_clients" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="referred-clients">
                            <thead>
                            <tr>
                                <th>Account No</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Leverage</th>
                                <th>Group</th>
                                <th>Equity</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>

                    <div class="tab-pane" id="referred_ib" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="referred-ib">
                            <thead>
                            <tr>
                                <th>Account No</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Leverage</th>
                                <th>Group</th>
                                <th>Equity</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .nav.nav-tabs .nav-link{font-size: 14px;}
        .m-form .m-form__group {padding-top: 0;padding-bottom: 0;}
    </style>
@endsection

@section('script')
    {{ Html::script('custom/datatables/datatables.bundle.js') }}
    <script type="text/javascript">
    var wallet_history,deposithistory_table,live_accounts,demo_accounts,documents;
        (function($){
            $(document).ready(function () {

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                    localStorage.setItem('lastTab', $(this).attr('href'));
                });
                var lastTab = localStorage.getItem('lastTab');
                if (lastTab) {
                    $('[href="' + lastTab + '"]').tab('show');
                }


                $('#document-list').each(function() {
                    documents = $(this).DataTable({
                        'responsive':!0,
                        'searchDelay':500,
                        'processing':!0,
                        "serverSide": true,
                        "ajax": {
                            "url": base_url+"/client/documentDatatable/{{ Hasher::encode($user->id) }}",
                            "type": "GET"
                        },
                        "order": [[ 0, "desc" ]],
                        "aoColumns": [
                            { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                            { data: 'type', name: 'documents.type'},
                            { data: 'status', name: 'documents.status'},
                            { data: 'created_at', name: 'documents.created_at'},
                            { data: 'file', name: 'documents.file'},
                            { data: 'file2', name: 'documents.file2'},
                        ]
                    });
                });

                $('#wallet-trans').each(function() {
                    wallet_history = $(this).DataTable({
                        'responsive':!0,
                        'searchDelay':500,
                        'processing':!0,
                        "serverSide": true,
                        "ajax": {
                                "url": base_url+"/ib/walletTransDatatable/{{ Hasher::encode($user->id) }}",
                            "type": "GET"
                        },
                        "order": [[ 0, "desc" ]],
                        "aoColumns": [
                            { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                            { data: 'pk_id', name: 'pk_id'},
                            { data: 'email', name: 'users.email'},
                            { data: 'type', name: 'type'},
                            { data: 'our_transaction_id', name: 'our_transaction_id'},
                            { data: 'gateway', name: 'gateway'},
                            { data: 'transaction_time', name: 'transaction_time'},
                            { data: 'net_amount', name: 'net_amount'},
                            { data: 'balance', name: 'balance'},
                        ]
                    });
                });

                $('#clientdeposit-history').each(function() {
                    deposithistory_table = $(this).DataTable({
                        'responsive':!0,
                        'searchDelay':500,
                        'processing':!0,
                        "serverSide": true,
                        "ajax": {
                                "url": base_url+"/ib/depositDatatable/{{ Hasher::encode($user->id) }}",
                            "type": "GET"
                        },
                        "order": [[ 0, "desc" ]],
                        "aoColumns": [
                            { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                            { data: 'transaction_time', name: 'transaction_time'},
                            { data: 'our_transaction_id', name: 'our_transaction_id'},
                            { data: 'mt4account_no', name: 'mt4account_no'},
                            { data: 'amount', name: 'amount'},
                            { data: 'gateway_name', name: 'gateway_name'},
                            { data: 'status', name: 'status'},
                        ]
                    });
                });

                $('#withdrawal-history').each(function() {
                    deposithistory_table = $(this).DataTable({
                        'responsive':!0,
                        'searchDelay':500,
                        'processing':!0,
                        "serverSide": true,
                        "ajax": {
                                "url": base_url+"/ib/withdrawalDatatable/{{ Hasher::encode($user->id) }}",
                            "type": "GET"
                        },
                        "order": [[ 0, "desc" ]],
                        "aoColumns": [
                            { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                            { data: 'email', name: 'email'},
                            { data: 'tran_to', name: 'tran_to'},
                            { data: 'comment', name: 'comment'},
                            { data: 'our_transaction_id', name: 'our_transaction_id'},
                            { data: 'status', name: 'status'},
                            { data: 'amount', name: 'amount'},
                            { data: 'transaction_time', name: 'transaction_time'},
                        ]
                    });
                });
                
                $('#referred-clients').each(function() {
                    referred_clients = $(this).DataTable({
                        'responsive':!0,
                        'searchDelay':500,  
                        'processing':!0,
                        "serverSide": true,
                        "ajax": {
                            "url": base_url+"/ib/referredClients/{{ Hasher::encode($user->ib_account) }}",
                            "type": "GET"
                        },
                        "order": [[ 6, "desc" ]],
                        "aoColumns": [
                            { data: 'LOGIN', name: 'LOGIN'},
                            { data: 'NAME', name: 'NAME'},
                            { data: 'EMAIL', name: 'EMAIL'},
                            { data: 'LEVERAGE', name: 'LEVERAGE'},
                            { data: 'GROUP', name: 'GROUP'},
                            { data: 'EQUITY', name: 'EQUITY'},
                            { data: 'REGDATE', name: 'REGDATE'},
                        ]
                    });
                });

                $('#referred-ib').each(function() {
                    referred_ib = $(this).DataTable({
                        'responsive':!0,
                        'searchDelay':500,
                        'processing':!0,
                        "serverSide": true,
                        "ajax": {
                            "url": base_url+"/ib/referredIb/{{ Hasher::encode($user->ib_account) }}",
                            "type": "GET"
                        },
                        "order": [[ 0, "desc" ]],
                        "aoColumns": [
                            { data: 'LOGIN', name: 'LOGIN'},
                            { data: 'NAME', name: 'NAME'},
                            { data: 'EMAIL', name: 'EMAIL'},
                            { data: 'LEVERAGE', name: 'LEVERAGE'},
                            { data: 'GROUP', name: 'GROUP'},
                            { data: 'EQUITY', name: 'EQUITY'},
                            { data: 'REGDATE', name: 'REGDATE'},
                        ]
                    });
                });
                
                //Search Perform after 3 character enter
                $(".dataTables_filter input")
                    .unbind() // Unbind previous default bindings
                    .bind("keyup", function(e) { // Bind our desired behavior
                        // If the length is 3 or more characters, or the user pressed ENTER, search
                        if(this.value.length >= 3 || e.keyCode == 13) {
                            if($('#deposit_history').hasClass('active')){
                                deposithistory_table.search(this.value).draw();
                            }
                            if($('#wallet_history').hasClass('active')){
                                wallet_history.search(this.value).draw();
                            }else if($('#documents').hasClass('active')){
                                documents.search(this.value).draw();
                            }else if($('#referred_clients').hasClass('active')){
                                referred_clients.search(this.value).draw();
                            }else if($('#referred_ib').hasClass('active')){
                                referred_ib.search(this.value).draw();
                            }
                        }
                        // Ensure we clear the search if they backspace far enough
                        if(this.value == "") {
                            if($('#deposit_history').hasClass('active')){
                                deposithistory_table.search(this.value).draw();
                            }
                            if($('#wallet_history').hasClass('active')){
                                wallet_history.search(this.value).draw();
                            }else if($('#documents').hasClass('active')){
                                documents.search(this.value).draw();
                            }else if($('#referred_clients').hasClass('active')){
                                referred_clients.search(this.value).draw();
                            }else if($('#referred_ib').hasClass('active')){
                                referred_ib.search(this.value).draw();
                            }
                        }
                        return;
                });


            });

        })(jQuery);
    </script>
@endsection