<?php

    session_start();

    include "../db.php";

    date_default_timezone_set('Asia/Kolkata');

    $currentTime = date('M j, Y g:i a');



    if ( !isset($_SESSION['uid']) && !isset($_SESSION['uref']) && !isset($_SESSION['utype']) && !isset($_SESSION['uname']) )

        header("Location: logout.php");

?>

<!DOCTYPE html>

<html lang="en">

<head>

 <?php include "includes/meta.php"; ?>        

    <?php include "includes/css.php"; ?>      

  



</head>

<body id="page-top" class="mt-55">



    <div style="margin-top: 70px;"></div>



      <?php include "includes/header2.php"; ?>

<div class="container">

            <div class="row">

                <div class="col-12 col-sm-12 col-md-12">

                        <div clas s="card-body">

                        

                            <h1 class="h3 mb-2 text-gray-800 text-center">Members</h1>

                            <hr>



                              <div class="row filter">

                                        <div class="filter-input-2" style="margin-left:18px">

                                               <div class="form-group">

                                                <font>Name</font>

                                                <input type="text" list="First" class="form-control" id="FirstFilterValue">

                                                <datalist id="First">

                                                  <?php

                                                  $sql = "SELECT uname FROM users  WHERE utype = 'Member' AND udisplay !='disable' ORDER BY uname ASC";

                                                  $res = mysqli_query($con,$sql);

                                                  while ($row = mysqli_fetch_assoc($res)) {

                                                  ?>

                                                     <option value="<?php echo $row['uname']; ?>"></option>

                                                    <?php } ?>

                                                </datalist>

                                              </div>

                                        </div>

                                         <div class="filter-input-2">

                                            <div class="form-group">

                                                <font>Phone</font>

                                                <input type="text" list="Second" class="form-control" id="SecondFilterValue">

                                                <datalist id="Second">

                                                  <?php

                                                   $sql = "SELECT ucontact FROM users  WHERE utype = 'Member' AND udisplay !='disable' ORDER BY uid DESC"; 

                                                  $res = mysqli_query($con,$sql);

                                                  while ($row = mysqli_fetch_assoc($res)) {

                                                  ?>

                                                     <option value="<?php echo $row['ucontact']; ?>"></option>

                                                    <?php } ?>

                                                </datalist>

                                              </div>



                                            

                                              <input type="hidden" id="ThirdFilterValue" value="">

                                        </div>



                                        <div class="filter-btn">

                                              <button type="button" id="filter" class="btn"> Search </button>

                                        </div>

                                </div>

                            <hr>

                            <div class="row">

                                <!--loader -->

                                 <div class="col-12" id='loader'>

                                    <ul style="list-style: none; padding-left: 0;">

                                      <?php 

                                        for ($count = 0; $count < 4; $count++) {

                                  

                                            echo '<li>

                                            <div class="ph-item">

                                            <div cl ass="ph-test">

                                            <div class="ph-row">

                                            <div class="ph-col-12 big"></div>

                                            <div class="ph-col-12"></div>

                                            <div class="ph-col-12"></div>

                                            <div class="ph-col-12"></div>

                                            <div class="ph-col-12"></div>

                                            <div class="ph-col-12"></div>

                                            </div></div>

                                            </div>

                                            </li>';

                                        }

                                      ?>

                                    </ul>

                                </div>

                                <!-- loader -->

                                <div class="col-12" id="full-table">

                                        <ul class="timeline" id="full-table-data"></></ul>

                                </div>

                                <div class="col-12" id="filter-table" style="display: none;">

                                        <ul class="timeline" id="filter-table-data"></></ul>

                                </div>

                            </div>

                        

                        </div>

                    </div>



                </div>



            </div>



<div style="margin-bottom: 50px;"></div>

            <?php include "includes/ft.php"; ?>

            <?php include "includes/js.php"; ?>



    

    <div class="modal fade" id="studentDetailsModal" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <h5 class="modal-name badge badge-success text-light" id="modalName" style="font-size: 20px;"></h5>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                        <span aria-hidden="true">&times;</span>

                    </button>

                </div>

                <div class="modal-body">

                    <div class="row">

                        <div class="col-xs-5 text-right">

                            <h5 class="modal-css">User Id / Ph. No.</h5>

                            <h5 class="modal-css">Password</h5>

                            <h5 class="modal-css">Category</h5>

                            <h5 class="modal-css">Email Id</h5>

                            <h5 class="modal-css">Address</h5>

                            <h5 class="modal-css">About</h5>

                            <h5 class="modal-css">Referace Code</h5>

                            <h5 class="modal-css">Date</h5>

                        </div>

                        <div class="col-xs-7">

                            <h5 class="modal-id" id="modalId"></h5>

                            <h5 class="modal-id" id="modalPass"></h5>

                            <h5 class="modal-css" id="modalClass"></h5>

                            <h5 class="modal-css" id="modalEmail"></h5>

                            <h5 class="modal-css" id="modalAddress"></h5>

                            <h5 class="modal-css" id="modalDist"></h5>

                            <h5 class="modal-css" id="modalPin"></h5>

                            <h5 class="modal-css" id="modalDate"></h5>

                        </div>

                    </div>

                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-warning text-dark" data-dismiss="modal">Close</button>

                </div>

            </div>

        </div>

    </div>



    

<script>

    //dropdown TWO filter Start//

  $(document).ready(function(){

                                                                 

        var load_filter_flag = '';

        var FirstFilterValue = '';

        var SecondFilterValue = '';

        var ThirdFilterValue = '';

        $("#filter").click(function(){

            FirstFilterValue = $('#FirstFilterValue').val();

            SecondFilterValue = $('#SecondFilterValue').val();

            ThirdFilterValue = $('#ThirdFilterValue').val();

            load_filter_flag = 0;

            if (FirstFilterValue != '' || SecondFilterValue != '' || ThirdFilterValue != '') {

                //alert(name);

                $.ajax({

                    url:'view-member-Ajax.php',

                    type:'post',

                    data:{

                      FirstFilterValue:FirstFilterValue,

                      SecondFilterValue:SecondFilterValue,

                      ThirdFilterValue:ThirdFilterValue,

                      start:load_filter_flag

                    },

                    success:function(result){

                      $('#full-table').hide();

                      $('#filter-table').show();

                      $('#filter-table-data').html(result);

                      load_filter_flag += 10;

                    },

                    complete:function(data){

                        /* Hide loader container */

                        $("#loader").hide();

                    }

                });

            }else{

                alert('Plz Select an Option');

                $('#full-table').show();

                $('#filter-table').hide();

            }

        });





        function loadMoreFilter(start){

            console.log('Filter'+start);

            if (load_filter_flag > 0) {

              //alert(name);

                  $.ajax({

                    url:'view-member-Ajax.php',

                    type:'post',

                    data:{

                      FirstFilterValue:FirstFilterValue,

                      SecondFilterValue:SecondFilterValue,

                      ThirdFilterValue:ThirdFilterValue,

                      start:start

                    },

                    success:function(result){

                      $('#filter-table-data').append(result);

                      load_filter_flag += 10;

                    }

                  });

             

            }

        }

// Scroll Loading of Full Data //

        var load_flag = 0;

        loadMore(load_flag);

        function loadMore(start){

            //console.log('total'+start);

            $.ajax({

                url: 'view-member-Ajax.php',

                type: 'post',

                data: 'start='+start,

                success:function(result){

                    $('#full-table-data').append(result);

                    load_flag += 10;

                },

                complete:function(data){

                    /* Hide loader container */

                    $("#loader").hide();

                }

            });

        }



        $(window).scroll(function(){

        

            if ($(window).scrollTop() >= $(document).height()-$(window).height()) {

                //console.log('call');

                if (load_filter_flag>0) {

                    loadMoreFilter(load_filter_flag); 

                }else{

                    loadMore(load_flag);

                }

                

                

            }

            

        });



  });





</script>





</body>

</html>







<?php

    if ( isset($_GET["del_id"]) ) {



    $disable_sql = "UPDATE users SET udisplay='disable' WHERE uid = '$_GET[del_id]'";



        if ( mysqli_query($con, $disable_sql) ) {

            ?>

            <script>window.location = "view-member.php";</script>

            <?php

        } else {

            ?>

            <script>

                alert('OOPS !!!!');

                setTimeout(() => {

                    window.location = 'view-member.php';

                }, 1200);

            </script>

            <?php

        }



    }

?>