@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 Requests</h3>
            </div>
            <div>
                <a href="javascript:void(0)" id="send-mail" class="btn btn-brand m-btn m-btn--icon">
                    <span><i class="fas fa-envelope"></i><span>Send Mail</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="#pending_request">Pending Requests</a>
                    </li>
                    <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link" data-toggle="tab" href="#rejected_request">Rejected Requests</a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="pending_request" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="ibrequest-list">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Agent AC</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Group</th>
                                <th>Company</th>
                                <th>Comment</th>
                                                                                                <th>Request Date</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="rejected_request" role="tabpanel">
                        <table class="table table-striped- table-bordered table-hover table-checkable" id="reject-req-list">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Agent AC</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Group</th>
                                <th>Company</th>
                                <th>Comment</th>
                                <th>Admin Note</th>
                                <th>Leverage</th>
                                                                <th>Request Date</th>
                                <th>Updated Date</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .nav.nav-tabs .nav-link{font-size: 14px;}
    </style>
@endsection

@section('script')
{{ Html::script('custom/datatables/datatables.bundle.js') }}
{{ Html::script('custom/eModal/eModal.js') }}
<script type="text/javascript">
    var ib_table, ib_request_table;
    (function($){
        $(document).ready(function () {

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

            function saveIB()
            {
            	//console.log($('#ibmodal-form'));
                $('#ibmodal-form').submit();
            }

			$(document).on("click", "a.ib-approv", function(event){
				var id = $(this).attr('data-id');
				var userid = $(this).attr('data-userid');
				var url = base_url+"/ib/newIbModal/"+id+"/"+userid;
				var options = {
					url: url,
					title:'Open New IB Account',
                    size: 'md',
					buttons: [
						{text: 'Cancel', style: 'btn btn-secondary', close: true },
						{text: 'Create Account', style: 'btn btn-primary',   close: false, click: saveIB }
					]
				};
				eModal.ajax(options);
			});

            $('#ibrequest-list').each(function() {
                ib_request_table = $(this).DataTable({
                    'responsive':!0,
                    'searchDelay':500,
                    'processing':!0,
                    "serverSide": true,
                    "ajax": {
                        "url": base_url+"/ib/ibrequestDatatable",
                        "type": "GET"
                    },
                    "oLanguage": {
                        "sProcessing": '<div class="m-loader m-loader--brand m-loader--left"><span>Please wait...</span></div>',
                    },


                    "aoColumns": [
                        { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                        { data: 'broker_code', name: 'users.broker_code'},
                        { data: 'name', name: 'users.name'},
                        { data: 'email', name: 'users.email'},
						{ data: 'GROUP', name: 'MT4_USERS.GROUP'},
                        { data: 'company', name: 'company'},
                        { data: 'comment', name: 'comment', width: '400px'},
                        /*{ data: 'leverage', name: 'request_accounts.leverage'},*/
						/*{ data: 'verification', name: 'users.verification'},*/
                        { data: 'created_at', name: 'request_accounts.created_at'},
						{ data: 'status', name: 'request_accounts.status'},
                        { data: 'action', name: 'action'}
                    ]
                });

            });

            $('#reject-req-list').each(function() {
                ib_request_table = $(this).DataTable({
                    'responsive':!0,
                    'searchDelay':500,
                    'processing':!0,
                    "serverSide": true,
                    "ajax": {
                        "url": base_url+"/ib/ibRejectRequestDatatable",
                        "type": "GET"
                    },
                    "oLanguage": {
                        "sProcessing": '<div class="m-loader m-loader--brand m-loader--left"><span>Please wait...</span></div>',
                    },
                    "aoColumns": [
                        { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                        { data: 'broker_code', name: 'users.broker_code'},
                        { data: 'name', name: 'users.name'},
                        { data: 'email', name: 'users.email'},
						{ data: 'GROUP', name: 'MT4_USERS.GROUP'},
                        { data: 'company', name: 'company'},
                        { data: 'comment', name: 'comment', width: '400px'},
                        { data: 'admin_note', name: 'admin_note'},
                        { data: 'leverage', name: 'request_accounts.leverage'},
						/*{ data: 'verification', name: 'users.verification'},*/
                        { data: 'created_at', name: 'request_accounts.created_at'},
                        { data: 'updated_at', name: 'request_accounts.updated_at'}
                    ]
                });

            });


            // datatble search perform after 3 character entered
                //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) {
                            ib_request_table.search(this.value).draw();
                    }
                    // Ensure we clear the search if they backspace far enough
                    if(this.value == "") {
                            ib_request_table.search(this.value).draw();
                    }
                    return;
                });*/
        });
    })(jQuery);
    eModal.setModalOptions({
        backdrop: 'static',
        keyboard: false
    });

    //  Announce mail send to client
    $("#send-mail").click(function () {
        var client_id = [];
        $.each($("input[class='chk_client']:checked"), function(){
            client_id.push($(this).val());
        });
        if(client_id.join(",") == '') {
            swal("Not valid!", "Please select atleast 1 client.", "warning")
        } else {
            $.blockUI({ message: '<img src="{{ URL::to("images/Loading-01.gif") }}" height="100px" width="100px" />', css: { border:'none', backgroundColor:'transparent' } });
            user_id = client_id.join(",");
            $.post( base_url+"/information/mail/Clientstore", { 'user_id' : user_id}, function( data ) {
                if(data != '')
                {
                    var url = "/information/mail/"+data+"?body=html";
                    window.location.href = url;
                }else{
                    swal( "Somethoing Went Wrong!" , "Please Try Again After Sometime" ,"error");
                }
                $.unblockUI();
            });
        }
    });
</script>
@endsection