<?php require_once('../auth/auth.php');?>
<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="card card-primary card-outline direct-chat direct-chat-primary shadow-none" style="border-left:1px solid #969c9d;border-right:1px solid #969c9d;border-bottom:1px solid #969c9d;">
          <div class="card-header" style="padding: 3px 8px;">
            <h3 class="card-title">  <?php  echo language(397);  ?></h3>
            <div class="card-tools">
              <button type="button" class="btn btn-tool" onclick="ExcelMe('#best_customer_show')"  title="Download Excel">
              <i class="far fa-file-excel"></i>
              </button>
              <button type="button" onclick="BfpdfMe('#best_customer_show');" class="btn btn-tool" title="Download Pdf"><i class="fas fa-download"></i></button>
              <button type="button" class="btn btn-tool" onclick="printMe('#best_customer_show','header')" title="Print Now"><i class="fas fa-print"></i></button>
              <button type="button" class="btn btn-tool" data-card-widget="remove" data-dismiss="modal"><i class="fas fa-times"></i></button>
            </div>
          </div>
          <div class="card-body p-1">
            <div class="col-md-12" style="border:1px solid #969c9d;background: hsla(0,0%,50.2%,.11);border-radius: 5px;">
              <div class="row mt-1 mb-n2">
                <div class="col-2">
                  <div class="form-group" >
                    <label><?php echo language(68);?></label>
                    <input type="text" id="search" class="form-control form-control-sm text-center">
                  </div>
                </div>

           

                <div class="col-1">
                  <div class="form-group" >
                    <label><?php echo language(72);?></label>
                    <input type="number" id="nrow" title="View Limit" class="form-control form-control-sm text-center inputselect" value="10">
                  </div>
                </div>
                
                <div class="col-2">
                  <div class="form-group">
                    <label><?php echo language(257);?></label>
                    <input type="text" id="fdate" class="form-control form-control-sm text-center" onmouseover="lcdate(this)" readonly="true" required="true"value="<?php echo $date;?>">
                  </div>
                </div>
                <div class="col-2">
                  <div class="form-group">
                    <label><?php echo language(258);?></label>
                    <input type="text" id="edate" class="form-control form-control-sm text-center" onmouseover="lcdate(this)" readonly="true" required="true" value="<?php echo $date;?>">
                  </div>
                </div>
                
        
                
                
                
              </div>
            </div>
            <div id="best_customer_show" class="mt-2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<script type="text/javascript">
   $(document).ready(function(){
     $('select').select2();       
     pagecall('../display_report/best_customer_search_view.php?search=0'+'&nrow=10'+'&fdate=<?php echo $date;?>'+'&edate=<?php echo $date;?>','#best_customer_show',0);
   });
     function lives() {
       let search      = $('#search').val()==''?0:$('#search').val();
       let nrow        = $('#nrow').val()==''?50:$('#nrow').val();
       let fdate       = $('#fdate').val();
       let edate       = $('#edate').val();
       $(".preloader").css('display','flex');
       $.get("../display_report/best_customer_search_view.php",
         {
           search      : search,
           nrow        : nrow,
           fdate       : fdate,
           edate       : edate,
         },
         function(html) {
           $("#best_customer_show").html(html);
           $('.preloader').hide();
         });
     }
      // FOR DATE PICKER //
    var timer = null;
    $('#fdate,#edate').change(function(){
      clearTimeout(timer);
      timer = setTimeout(lives, 100);
    });

      // FOR keyup //
    var timer1 = null;
    $('#search,#nrow').on('input',function(){
      clearTimeout(timer1);
      timer1 = setTimeout(lives, 500);
    });
</script>

