@extends('layouts.app')

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

@section('style')
<!-- <link type="text/css" href="//gyrocode.github.io/jquery-datatables-checkboxes/1.2.12/css/dataTables.checkboxes.css" rel="stylesheet" /> -->
<link rel="stylesheet" href="{{ asset('css/dataTables.checkboxes.css') }}">
<style>
    .modal-header, .modal-header h4 {
        background-color: #3c4483 !important; /* #226fab , #394398 ,#3c4483 */
        color:#ffffff !important;
    }
</style>
@endsection

@section('content')
    <!-- BEGIN: Subheader -->
<div class="m-subheader ">
    <div class="d-flex align-items-center">
        <div class="mr-auto">
            <h3 class="m-subheader__title ">Investor Password</h3>
        </div>
    </div>
</div>
<!-- END: Subheader -->
    <div class="m-content">
        <div class="m-portlet m-portlet--full-height ">
            <div class="m-portlet__body">
                    <table class="table table-striped- table-bordered table-hover table-responsive" id="investor-password">
                <!-- <table class="m_datatable table table-striped- table-bordered table-hover table-checkable" id="mt4-account"> -->
                    <thead>
                    <tr>
                        <th style="width:25% !important">User Id</th>
                        <th style="width:25% !important">Email</th>
                        <th style="width:25% !important">Account No</th>
                        <th style="width:25% !important">Password</th>
                        <th style="width:25% !important">Investor Password</th>
                    </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('script')
    {{ Html::script('custom/datatables/datatables.bundle.js') }}
    <!-- <script type="text/javascript" src="//gyrocode.github.io/jquery-datatables-checkboxes/1.2.12/js/dataTables.checkboxes.min.js"></script> -->
    <script type="text/javascript">
        $(document).ready(function () {
            var table;
            table = $('#investor-password').DataTable({
                'responsive':!0,
                'searchDelay':500,
                'processing':!0,
                "oLanguage": {
                    "sProcessing": '<div class="m-loader m-loader--brand m-loader--left"><span>Please wait...</span></div>',
                },
                "serverSide": true,
                "ajax": {
                    "url": "{{ Route('investor_password_datatable') }}",
                    "type": "GET",
                },
                'aLengthMenu': [
                    [25, 50, 100, 200, 500, -1],
                    [25, 50, 100, 200, 500, "All"]
                ],
                "aoColumns": [
                    { data: 'user_id', name: 'user_id'},
                    { data: 'email', name: 'email'},
                    { data: 'account_no', name: 'account_no'},
                    { data: 'password', name: 'password'},
                    { data: 'investor_password', name: 'investor_password'},
                ]
            });

            
        });
    </script>
@endsection