diff --git a/app/Views/admin/index.php b/app/Views/admin/index.php
index 07a2104..7faad8c 100644
--- a/app/Views/admin/index.php
+++ b/app/Views/admin/index.php
@@ -59,124 +59,7 @@
                                     <i class="ti ti-align-right"></i>
                                 </a>
                             </li>
-<!--                            <li class="nav-item">-->
-<!--                                <a class="nav-link  " href="javascript:void(0)" id="navbarDropdown" role="button"-->
-<!--                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Mega Menu-->
-<!--                                    <i class="fa fa-angle-down"></i>-->
-<!--                                </a>-->
-<!--                                <div class="dropdown-menu mega-menu animated fadeIn" aria-labelledby="navbarDropdown">-->
-<!--                                    <div class="row no-gutters">-->
-<!--                                        <div class="col-sm-2 p-20">-->
-<!--                                            <h4>UI Kit</h4>-->
-<!--                                            <ul>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-alerts.html">Alerts</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-button.html">Buttons</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-cards.html">Cards</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-carousel.html">Carousel</a>-->
-<!--                                                </li>-->
-<!---->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-dropdowns.html">Dropdowns</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-list-group.html">List Group</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-modals.html">Modals</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-progressbars.html">Progress Bars</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="ui-tabs.html">Tabs</a>-->
-<!--                                                </li>-->
-<!--                                            </ul>-->
-<!--                                        </div>-->
-<!--                                        <div class="col-sm-2 p-20">-->
-<!--                                            <h4>Pages</h4>-->
-<!--                                            <ul>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-account-settings.html">Account Settings</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-clients.html">Clients</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-contacts.html">Contacts</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-gallery.html">Gallery</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-pricing.html">Pricing</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-task-list.html">Task List</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-404.html">404</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-500.html">500</a>-->
-<!--                                                </li>-->
-<!--                                                <li class="nav-link">-->
-<!--                                                    <a href="page-coming-soon.html">Coming Soon</a>-->
-<!--                                                </li>-->
-<!--                                            </ul>-->
-<!--                                        </div>-->
-<!--                                        <div class="col-sm-4 p-20">-->
-<!--                                            <h4>Contact Us</h4>-->
-<!--                                            <div>-->
-<!--                                                <form>-->
-<!--                                                    <div class="form-group">-->
-<!--                                                        <input type="text" class="form-control" id="Password1"-->
-<!--                                                               placeholder="Enter Name">-->
-<!--                                                    </div>-->
-<!--                                                    <div class="form-group">-->
-<!--                                                        <input type="email" class="form-control" id="Email1"-->
-<!--                                                               placeholder="Enter Email">-->
-<!--                                                    </div>-->
-<!--                                                    <div class="form-group">-->
-<!--                                                                    <textarea class="form-control" placeholder="Message" id="Textarea1"-->
-<!--                                                                              rows="3"></textarea>-->
-<!--                                                    </div>-->
-<!--                                                    <button type="submit" class="btn btn-primary text-uppercase">Submit</button>-->
-<!--                                                </form>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                        <div class="col-sm-4">-->
-<!--                                            <div class="chart-wrap">-->
-<!--                                                <div class="p-20">-->
-<!--                                                    <h4 class="mb-1">Page Views</h4>-->
-<!--                                                    <p>Daily page visitors</p>-->
-<!--                                                    <h2 class="text-primary font-xxl mt-2">80+</h2>-->
-<!--                                                </div>-->
-<!--                                                <div class="apexchart-wrapper">-->
-<!--                                                    <div id="pageview"></div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                </div>-->
-<!--                            </li>-->
-<!--                            <li class="nav-item dropdown">-->
-<!--                                <a href="javascript:void(0)" class="nav-link " id="navbarDropdown1" role="button"-->
-<!--                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Drop Down-->
-<!--                                    <i class="fa fa-angle-down"></i>-->
-<!--                                </a>-->
-<!--                                <div class="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">-->
-<!--                                    <a class="dropdown-item nav-link" href="javascript:void(0)">Action</a>-->
-<!--                                    <a class="dropdown-item nav-link" href="javascript:void(0)">Another action</a>-->
-<!--                                    <a class="dropdown-item nav-link" href="javascript:void(0)">Something else here</a>-->
-<!--                                </div>-->
-<!--                            </li>-->
+
                             <li class="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
                                 <a href="javascript:void(0)" class="nav-link expand">
                                     <i class="icon-size-fullscreen"></i>
@@ -185,26 +68,6 @@
                         </ul>
                         <ul class="navbar-nav nav-right ml-auto">
 
-
-<!--                            <li class="nav-item">-->
-<!--                                <a class="nav-link search" href="javascript:void(0)">-->
-<!--                                    <i class="ti ti-search"></i>-->
-<!--                                </a>-->
-<!--                                <div class="search-wrapper">-->
-<!--                                    <div class="close-btn">-->
-<!--                                        <i class="ti ti-close"></i>-->
-<!--                                    </div>-->
-<!--                                    <div class="search-content">-->
-<!--                                        <form>-->
-<!--                                            <div class="form-group">-->
-<!--                                                <i class="ti ti-search magnifier"></i>-->
-<!--                                                <input type="text" class="form-control autocomplete" placeholder="Search Here"-->
-<!--                                                       id="autocomplete-ajax" autofocus="autofocus">-->
-<!--                                            </div>-->
-<!--                                        </form>-->
-<!--                                    </div>-->
-<!--                                </div>-->
-<!--                            </li>-->
                             <li class="nav-item dropdown user-profile">
                                 <a href="javascript:void(0)" class="nav-link dropdown-toggle " id="navbarDropdown4"
                                    role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -275,7 +138,7 @@
                                 <span class="nav-label label label-danger">9</span>
                             </a>
                             <ul aria-expanded="false">
-                                <li> <a href='/promodash'>Default</a> </li>
+                                <li> <a href='/promodash'>Home</a> </li>
                                 <li> <a href='/promodash'>My List</a> </li>
                             </ul>
                         </li>
@@ -402,23 +265,23 @@
                                     <div class="card-heading"><h4 class="card-title">Add New</h4></div>
                                 </div>
                                 <div class="card-body">
-                                    <form>
+                                    <form id="ref_individual">
                                         <div class="form-group">
                                             <label for="exampleInputEmail1">Email address</label>
-                                            <input type="email" class="form-control" id="exampleInputEmail1" maxlength="55" aria-describedby="emailHelp" placeholder="Email">
+                                            <input type="email" class="form-control" id="email" maxlength="55" aria-describedby="emailHelp" placeholder="Email">
 <!--                                            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>-->
                                         </div>
                                         <div class="form-group">
                                             <label for="exampleInputPassword1">Firstname</label>
-                                            <input type="text" class="form-control" id="exampleInputPassword1" maxlength="25" placeholder="Firstname">
+                                            <input type="text" class="form-control" id="firstname" maxlength="25" placeholder="Firstname">
                                         </div>
                                         <div class="form-group">
                                             <label for="exampleInputPassword1">lastname</label>
-                                            <input type="text" class="form-control" id="exampleInputPassword1" max="25" placeholder="Lastname">
+                                            <input type="text" class="form-control" id="lastname" max="25" placeholder="Lastname">
                                         </div>
                                         <div class="form-group" style="text-align: right;">
-                                            <button type="submit" class="btn btn-primary">Add User</button>
-
+                                           <span id="result_box" style="margin-right: 10px; color: red;"></span>
+                                            <button id="action_button" onclick="return addNewRef(1001)" type="submit" class="btn btn-primary">Add User</button>
                                         </div>
                                     </form>
                                 </div>
@@ -692,6 +555,42 @@
 </div>
 <!-- end app -->
 
+<!-- /main content -->
+<script type="text/javascript">
+    <!--
+    function addNewRef(link_id) {
+//debugger;
+        var email =  document.getElementById('email').value;
+        var firstname =  document.getElementById('firstname').value;
+        var lastname =  document.getElementById('lastname').value;
+
+        alert (email + firstname + lastname );
+
+        if (email ==='' || firstname==='' || lastname==='' ){
+            return;
+        }
+
+        $('#result_box').html('Processing...');
+        $('#action_button').prop('disabled', true);
+        $.ajax({
+            url: "/addRefMember?proc=TRANSDETAIL&email="+email
+        }).done(function (data) {
+            $('#result_box').html(data);
+
+            document.ref_individual.email.value = '';
+            document.ref_individual.firstname.value = '';
+            document.ref_individual.lastname.value = '';
+
+            $('#action_button').prop('disabled', false);
+        });
+        return false;
+    }
+
+    // -->
+</script>
+
+
+
 <!-- plugins -->
 <script src="/asset/js/vendors.js"></script>