EVOLUTION-NINJA

Edit File: labour-user-reports-date-header.php

<?php

echo view('includes/labour-user-reports-header');    
?>

<div class="col-sm-9 reports-right report_head_pain" id="reports-pdf">
  <div class="row main_date_headerp">
    <h3 class="mt-2 mb-3 pt-2 txt-center"><u>Labour User Reports</u></h3>
  </div>
  <div class="row pt-5  mob_usermain_report">
    <div class="col-sm-5 mob_userdate_report1">
      <label><b>From Date:</b></label>
      <input type="date" class="form-control from_date" name="from_date"
        value="<?php echo session()->get('l_from_date'); ?>">
    </div>
    <div class="col-sm-5 mob_userdate_report1">
      <label><b>To Date:</b></label>
      <input type="date" class="form-control to_date" name="to_date" value="<?php echo session()->get('l_to_date'); ?>">
    </div>
    <div class="col-sm-2 mob_userapply_report1" style="margin-top: 30px;">
      <button type="button" class="btn btn-primary">Apply</button>
    </div>
  </div>
</div>
<script>
  $("button").click(function () {
    var from_date = "",
      to_date = "";
    from_date = $(".from_date").val();
    to_date = $(".to_date").val();
    // alert(from_date + " , " + to_date);
    $.ajax({
      type: "post",
      url: '<?php echo base_url("labour-z")?>',
      data: { from_date: from_date, to_date: to_date },

success: function (response) {
        response = jQuery.parseJSON(response);
        console.log(response);
        if (response.result == 1) {
          // alert(response.result);

$("#from_date").html(response.from_date);
          $("#to_date").html(response.to_date);
          $("#reported_by").html(response.name);

window.location.reload();

var dates = response.data;
          dates.forEach(appendDate);

function appendDate(date) {
            console.log(date);
            $("#reported_date").append(date.DATE + " , ");
          }
        } else {

}
      },
    });
  });
</script>
<?php
    echo view('includes/labour-user-reports-footer');    
?>
<style>
  @media only screen and(max-width:600px) {
    .main_date_headerp {
      margin-top: -370px !important;
    }
    .mob_usermain_report{
      /* min-height: auto;
    width: 100% !important;
    min-height: auto;
    position: relative;
    left: -20px;
    top: -15px; */
}

.btn-primary{

}
  }
</style>