<?php
require_once 'header.php';
require_once 'navbar.php';

$limit = 40;

$sql=$conn->query("SELECT * FROM users");
$users = ceil(mysqli_num_rows($sql)/$limit);
while($row=$sql->fetch_assoc()){
    $contact[] = $row['contact'];
}
$contact = json_encode($contact);

$vendor_sql=$conn->query("SELECT * FROM vendor_login");
$vendors = ceil(mysqli_num_rows($vendor_sql)/$limit);
echo mysqli_num_rows($vendor_sql);
?>

<style>
    #success,.vendor_group{
        display: none;
    }
</style>
<!-- Page content -->
<div class="container-fluid pt-8">
    <div class="page-header mt-0 p-3">
        <h3 class="mb-sm-0">Bulk Whatsapp Message</h3>
        
    </div>
    <div id="alert2" class="col-md-12"></div>
    <!-- Table -->
    <div class="row">
        <div class="col-12">
           <div class="alert alert-success" id="success" >Success! Your Request has been submited.</div>

           <div class="card shadow">
            <div class="card-header bg-transparent border-0">
                <h2 class=" mb-0">Bulk Whatsapp Message Send Customer/Vendor</h2>
            </div>
            <div class="">
                <div class="grid-margin">
                    <div class="">
                        <form method="post" id="whatsapp_msg" enctype="multipart/form-data" style="padding:20px">
                            <div class="row">
                                <div class="col-md-4">
                                    <label>Select an Option</label>
                                    <select name="type" onchange="change_group(this.value)" class="form-control">
                                        <option value="Customer">Customer</option>
                                        <option value="Vendor">Vendor</option>
                                    </select>
                                </div>   
                                <div class="col-md-4 user_group">
                                    <label>Select User Group</label>
                                    <select name="limit" class="form-control" required>
                                        <?php for ($i=1; $i<=$users; $i++) { 
                                            if($i==1){
                                            $start = 1;
                                        }else{
                                            $start = ($i-1)*$limit;
                                        }
                                            ?>
                                        <option value="<?=$start.','.$limit*$i?>"><?=$start.' To '.$limit*$i?></option>
                                    <?php } ?>
                                    </select>
                                </div> 
                                <div class="col-md-4 vendor_group">
                                    <label>Select Vendor Group</label>
                                    <select name="vendor_limit" class="form-control" required>
                                        <?php for ($i=1; $i<=$vendors; $i++) { 
                                            if($i==1){
                                            $start = 1;
                                        }else{
                                            $start = ($i-1)*$limit;
                                        }
                                            ?>
                                        <option value="<?=$start.','.$limit*$i?>"><?=$start.' To '.$limit*$i?></option>
                                    <?php } ?>
                                    </select>
                                </div>     

                                <div class="col-md-4">
                                    <label>Image*</label>
                                    <input type="file" class="form-control" name="image" required>
                                </div>

                                <div class="col-md-12">
                                    <label>Message*</label>
                                    <textarea class="form-control" name="msg" row="6" required style="height:200px"></textarea>
                                </div>  
                                <div class="col-md-4">
                                  <br>
                                  <button type="submit" name="submit" id="btnSubmit" class="btn btn-primary wdt-bg">Send</button>
                              </div>
                          </div>
                      </form>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
</div>
<?php
require_once 'footer.php';
require_once 'jslinks.php';
?>
<script> 

    function change_group(e){
        if (e=='Vendor') {
            $('.vendor_group').show();
            $('.user_group').hide();
        }else{
            $('.user_group').show();
            $('.vendor_group').hide();
        }
    }


    $('#whatsapp_msg').submit(function(e) {
      e.preventDefault();
      $("#btnSubmit").attr("disabled", true);
      $.ajax({
          url: "send-msg.php",
          type: "POST",
          data:  new FormData(this),
          contentType: false,
          cache: false,
          processData:false,
          success: function(response) {
            if (response==1) {    
                console.log(response);
                $("#btnSubmit").attr('disabled', false);
                $("#success").show();
            }
        }
    })
  })
</script>