JezK

Edit File: myquotations.php

<?php 
include_once("./app/checkSession.php");
// print_r($_SESSION);
if(empty($_SESSION['user_id'])&& $_SESSION['user_id']=='')
{
   header("Location: ../owner_login.php");
}
$param='?1=1';

if(isset($_GET['wid']) && $_GET['wid']!=''){
	$param .='&wid='.$_GET['wid'];
    // echo $param;exit;
}
if(isset($_GET['type'])){
	$param .='&type='.$_GET['type'];
}
include("header.php");
if (isset($_POST['btn_submit'])) {
  $wareHouseAdminObj->db->query("UPDATE uflexit_request_quote SET expected_rate='".$_POST['expected_rate']."', whadmin_description='".$_POST['whadmin_description']."' WHERE quotation_id=".$_POST['quotation_id']);
  $wareHouseAdminObj->db->query("INSERT INTO uflexit_request_quote_track (quotation_id,admin_id,change_datetime,expected_rate,quotation_status,closed_status,whadmin_description,customer_description,whadmin_id) VALUES(".$_POST['quotation_id'].",".$_SESSION['user_id'].",'".date("Y-m-d H:i:s")."',".$_POST['expected_rate'].",".$_POST['quotation_status'].",1,'".$_POST['whadmin_description']."','',".$_SESSION['user_id'].")");
  $wareHouseAdminObj->setFlashMessage('Status updated successfully!','success');
  $wareHouseAdminObj->redirect('myquotations.php');
}

if(isset($_GET['wid'])&& $_GET['wid']){
    $getYear = $wareHouseAdminObj->get_year($_GET['wid']);
    if($getYear){
        $year = $getYear[0]['year'];
    }
    else{
        $year=date("Y");
    }
$pendingQuotations = $wareHouseAdminObj->getPendingQuotations($_GET['wid'],$year);
$waitingQuotations=$wareHouseAdminObj->getWaitingQuotations($_GET['wid'],$year);
$closedQuotations=$wareHouseAdminObj->getClosedQuotations($_GET['wid'],$year);
$lostQuotations=$wareHouseAdminObj->getLostQuotations($_GET['wid'],$year);
$wonQuotations=$wareHouseAdminObj->getWonQuotations($_GET['wid'],$year);
// print_r($waitingQuotations);
// exit;

$pendingQuotationsCount=$pendingQuotations ?count($pendingQuotations):0;
$waitingQuotationsCount =$waitingQuotations ?count($waitingQuotations):0;
$closedQuotationsCount=$closedQuotations ?count($closedQuotations):0;
$lostQuotationsCount=$lostQuotations ?count($lostQuotations):0;
$wonQuotationsCount=$wonQuotations ?count($wonQuotations):0;

$janqid=0;
$febqid=0;
$marqid=0;
$aprqid=0;
$mayqid=0;
$junqid=0;
$julqid=0;
$augqid=0;
$sepqid=0;
$octqid=0;
$novqid=0;
$decqid=0;

// print_r($pendingQuotationsCount);
$pendingIds=$pendingQuotations ? $pendingQuotations:[];

// print_r($pendingIds);
foreach($pendingIds as $closed){
  $closed['modify_dt'];
  $day=date('M', strtotime($closed['modify_dt']));
 if($day=='Jan'){
     $janqid++;
 }
 if($day=='Feb'){
     $febqid++;
 }
 if($day=='Mar'){
     $marqid++;
 }
 if($day=="Apr"){
     $aprqid++;
 }
 if($day=="May"){
     $mayqid++;
 }
 if($day=="Jun"){
     $junqid++;
 }
 if($day=="Jul"){
     $julqid++;
 }
 if($day=="Aug"){
     $augqid++;
 }
 if($day=="Sep"){
     $sepqid++;
 }
 if($day=="Oct"){
     $octqid++;
 }
 if($day=="Nov"){
     $novqid++;
 }
 if($day=="Dec"){
     $Decqid++;
 }

}
$janAcpQid=0;
$febAcpQid=0;
$marAcpQid=0;
$aprAcpQid=0;
$mayAcpQid=0;
$junAcpQid=0;
$julAcpQid=0;
$augAcpQid=0;
$sepAcpQid=0;
$octAcpQid=0;
$novAcpQid=0;
$decAcpQid=0;
$waitingIds=$waitingQuotations ? $waitingQuotations:[];

foreach($waitingIds as $closed){
  $closed['modify_dt'];
  $day=date('M', strtotime($closed['modify_dt']));
//   echo $day;
//   exit;
 if($day=='Jan'){
     $janAcpQid++;
 }
 if($day=='Feb'){
     $febAcpQid++;
 }
 if($day=='Mar'){
     $marAcpQid++;
 }
 if($day=='Apr'){
     $aprAcpQid++;
 }
 if($day=='May'){
     $mayAcpQid++;
 }
 if($day=='Jun'){
     $junAcpQid++;
 }
 if($day=='Jul'){
     $julAcpQid++;
 }
 if($day=='Aug'){
     $augAcpQid++;
 }
 if($day=='Sep'){
     $sepAcpQid++;
 }
 if($day=='Oct'){
     $octAcpQid++;
 }
 if($day=='Nov'){
     $novAcpQid++;
 }
 if($day=='Dec'){
     $decAcpQid++;
 }

}

$janQid=0;
$febQid=0;
$marQid=0;
$aprQid=0;
$mayQid=0;
$junQid=0;
$julQid=0;
$augQid=0;
$sepQid=0;
$octQid=0;
$novQid=0;
$decQid=0;
$closedIds=$closedQuotations ? $closedQuotations:[];
// echo "<pre>";
// print_r($closedIds);exit;
foreach($closedIds as $closed){
 $closed['modify_dt'];
 $day=date('M', strtotime($closed['modify_dt']));
//  echo $closed['modify_dt'];
 if($day=='Jan'){
     $janQid++;
 }
 if($day=='Feb'){
     $febQid++;
 }
 if($day=='Mar'){
     $marQid++;
 }
 if($day=='Apr'){
     $aprQid++;
 }
 if($day=='May'){
     $mayQid++;
 }
 if($day=='Jun'){
     $junQid++;
 }
 if($day=='Jul'){
     $julQid++;
 }
 if($day=='Aug'){
     $augQid++;
 }
 if($day=='Sep'){
     $sepQid++;
 }
 if($day=='Oct'){
     $octQid++;
 }
 if($day=='Nov'){
     $novQid++;
 }
 if($day=='Dec'){
     $decQid++;
 }

}
$janLid=0;
$febLid=0;
$marLid=0;
$aprLid=0;
$mayLid=0;
$junLid=0;
$julLid=0;
$augLid=0;
$sepLid=0;
$octLid=0;
$novLid=0;
$decLid=0;
$lostIds=$lostQuotations ? $lostQuotations:[];
// echo "<pre>";
// print_r($closedIds);exit;
foreach($lostIds as $closed){
 $closed['modify_dt'];
 $day=date('M', strtotime($closed['modify_dt']));
//  echo $closed['modify_dt'];
 if($day=='Jan'){
     $janLid++;
 }
 if($day=='Feb'){
     $febLid++;
 }
 if($day=='Mar'){
     $marLid++;
 }
 if($day=='Apr'){
     $aprLid++;
 }
 if($day=='May'){
     $mayLid++;
 }
 if($day=='Jun'){
     $junLid++;
 }
 if($day=='Jul'){
     $julLid++;
 }
 if($day=='Aug'){
     $augLid++;
 }
 if($day=='Sep'){
     $sepLid++;
 }
 if($day=='Oct'){
     $octLid++;
 }
 if($day=='Nov'){
     $novLid++;
 }
 if($day=='Dec'){
     $decLid++;
 }

}
$janWid=0;
$febWid=0;
$marWid=0;
$aprWid=0;
$mayWid=0;
$junWid=0;
$julWid=0;
$augWid=0;
$sepWid=0;
$octWid=0;
$novWid=0;
$decWid=0;
$WonIds=$wonQuotations ? $wonQuotations:[];
// echo "<pre>";
// print_r($closedIds);exit;
foreach($WonIds as $closed){
 $closed['modify_dt'];
 $day=date('M', strtotime($closed['modify_dt']));
//  echo $closed['modify_dt'];
 if($day=='Jan'){
     $janWid++;
 }
 if($day=='Feb'){
     $febWid++;
 }
 if($day=='Mar'){
     $marWid++;
 }
 if($day=='Apr'){
     $aprWid++;
 }
 if($day=='May'){
     $mayWid++;
 }
 if($day=='Jun'){
     $junWid++;
 }
 if($day=='Jul'){
     $julWid++;
 }
 if($day=='Aug'){
     $augWid++;
 }
 if($day=='Sep'){
     $sepWid++;
 }
 if($day=='Oct'){
     $octWid++;
 }
 if($day=='Nov'){
     $novWid++;
 }
 if($day=='Dec'){
     $decWid++;
 }

}
}

// echo $mayQid;exit;

//     $closedQuotations = $wareHouseAdminObj->getClosedQuotations();
//     $acceptedQuotations=$wareHouseAdminObj->getAcceptedQuotations();
//     $getallQuotations=$wareHouseAdminObj->getAllQuotations();

//     $acceptedQuotationCount=$acceptedQuotations ?count($acceptedQuotations):0;
//    $closedQuotationsCount =$closedQuotations ?count($closedQuotations):0;
//    $getallQuotationsCount=$getallQuotations ?count($getallQuotations):0;

//    $janqid=0;
//    $febqid=0;
//    $marqid=0;
//    $aprqid=0;
//    $mayqid=0;
//    $junqid=0;
//    $julqid=0;
//    $augqid=0;
//    $sepqid=0;
//    $octqid=0;
//    $novqid=0;
//    $decqid=0;
 
 
//    $closedIds=$closedQuotations ? $closedQuotations:[];
   
   
//    foreach($closedIds as $closed){
//       $closed['modify_dt'];
//       $day=date('M', strtotime($closed['modify_dt']));
//      if($day=='Jan'){
//          $janqid++;
//      }
//      if($day=='Feb'){
//          $febqid++;
//      }
//      if($day=='Mar'){
//          $marqid++;
//      }
//      if($day=="Apr"){
//          $aprqid++;
//      }
//      if($day=="May"){
//          $mayqid++;
//      }
//      if($day=="Jun"){
//          $junqid++;
//      }
//      if($day=="Jul"){
//          $julqid++;
//      }
//      if($day=="Aug"){
//          $augqid++;
//      }
//      if($day=="Sep"){
//          $sepqid++;
//      }
//      if($day=="Oct"){
//          $octqid++;
//      }
//      if($day=="Nov"){
//          $novqid++;
//      }
//      if($day=="Dec"){
//          $Decqid++;
//      }
 
//    }
//    $janAcpQid=0;
//    $febAcpQid=0;
//    $marAcpQid=0;
//    $aprAcpQid=0;
//    $mayAcpQid=0;
//    $junAcpQid=0;
//    $julAcpQid=0;
//    $augCldQid=0;
//    $sepAcpQid=0;
//    $octAcpQid=0;
//    $novAcpQid=0;
//    $decCldQid=0;
//    $closedIds=$acceptedQuotations ? $acceptedQuotations:[];
   
   
//    foreach($closedIds as $closed){
//       $closed['modify_dt'];
//       $day=date('M', strtotime($closed['modify_dt']));
//      //  echo $day;
//      //  exit;
//      if($day=='Jan'){
//          $janAcpQid++;
//      }
//      if($day=='Feb'){
//          $febAcpQid++;
//      }
//      if($day=='Mar'){
//          $marAcpQid++;
//      }
//      if($day=='Apr'){
//          $aprAcpQid++;
//      }
//      if($day=='May'){
//          $mayAcpQid++;
//      }
//      if($day=='Jun'){
//          $jumAcpQid++;
//      }
//      if($day=='Jul'){
//          $julAcpQid++;
//      }
//      if($day=='Aug'){
//          $augAcpQid++;
//      }
//      if($day=='Sep'){
//          $sepAcpQid++;
//      }
//      if($day=='Oct'){
//          $octAcpQid++;
//      }
//      if($day=='Nov'){
//          $novAcpQid++;
//      }
//      if($day=='Dec'){
//          $decAcpQid++;
//      }
 
//    }
   
   
 
 
//    $janQid=0;
//    $febQid=0;
//    $marQid=0;
//    $aprQid=0;
//    $mayQid=0;
//    $junQid=0;
//    $julQid=0;
//    $augQid=0;
//    $sepQid=0;
//    $octQid=0;
//    $novQid=0;
//    $decQid=0;
//    $closedIds=$getallQuotations ? $getallQuotations:[];
//    foreach($closedIds as $closed){
//      $closed['modify_dt'];
//      $day=date('M', strtotime($closed['modify_dt']));
//      if($day=='Jan'){
//          $janQid++;
//      }
//      if($day=='Feb'){
//          $febQid++;
//      }
//      if($day=='Mar'){
//          $marAcpQid++;
//      }
//      if($day=='Apr'){
//          $aprQid++;
//      }
//      if($day=='May'){
//          $mayQid++;
//      }
//      if($day=='Jun'){
//          $jumQid++;
//      }
//      if($day=='Jul'){
//          $julQid++;
//      }
//      if($day=='Aug'){
//          $augQid++;
//      }
//      if($day=='Sep'){
//          $sepQid++;
//      }
//      if($day=='Oct'){
//          $octQid++;
//      }
//      if($day=='Nov'){
//          $novQid++;
//      }
//      if($day=='Dec'){
//          $decQid++;
//      }
 
//   }
?>

.previous {
    border-radius: 7px !important;
    background-color: #3663c8 !important;
    border-color: #3663c8 !important;
    color: white !important;
    font-weight: bold;
}

.next {
    border-radius: 7px !important;
    background-color: #3663c8 !important;
    border-color: #3663c8 !important;
    color: white !important;
    font-weight: bold;
}

th {
    white-space: nowrap;
    font-size: 13px !important;
}

.dataNormal {
    white-space: normal !important;
}
.container.myquotation-table table#example{
    width:96% !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .mobile-alignment {
    margin-bottom: 10px !important;
    margin-left: -41px;
}
}

</style>
<div class="container myquotation-table">
    <div class="container mt-3 px-md-4 px-3">
        <a href="javascript:history.go(-1)"><img src="images/back_main.png" class="mb-3"></a>
        <div class="row">
            <div class="col-md-6 col-lg-4">
                <h5><?php echo $lang['MY_QUOTATION_LIST'];?></h5>
            </div>
            <div class="col-md-12">
            <?php if(isset($_GET['wid'])&& $_GET['wid']){ ?>

<div class="row m-0 mt-3 mb-3 px-3">
    <div class="col-sm-12 p-0">
    <select id="chartType" class="d-none">
    <option value="bar">bar chart</option>
</select>   
<div class="w-25 ml-auto"> 
    <label><b>Sort By Year:</b></label>
    <select id="SelectPeriod" class="form-control ">
    <?php
    if($getYear){
        foreach($getYear as $row)
        {
            echo '<option value="'.$row["year"].'">'.$row["year"].'</option>';
        }
    }
    else{
        echo '<option value="'.date("Y").'">'.date("Y").'</option>';
    }
    ?>

</select>
</div>

<?php } ?>
            </div>
            <div class="col-md-4">
            </div>
            <div class="col-md-4">
                
            </div>
        </div>
    </div>
   
    <div class="container ">
        <div class="table-responsive p-md-2 p-0 ">
            <?php 
        // echo $_SESSION['user_id'];
            $wareHouseAdminObj->flashMessage();
    
        //         if($_SESSION['created_by'] > 0){ 
               
    
        //   $quote_list = $wareHouseAdminObj->db->get_results("SELECT * FROM uflexit_request_quote WHERE user_id IN (".(int)$_SESSION['user_id'].','.(int)$_SESSION['created_by'].")" );
        // } else {
               
        //  $quote_list = $wareHouseAdminObj->db->get_results("SELECT * FROM uflexit_request_quote WHERE whadmin_id=".(int)$_SESSION['user_id']);
        // }
            ?>

<th><?php echo $lang['WAREHOUSE_NAME'];?></th>
                        <th><?php echo $lang['QUOTATION_NUMBER'];?></th>
                        <th><?php echo $lang['CUSTOMER_NAME'];?></th>
                        <th><?php echo $lang['CUSTOMER_TYPE'];?></th>
                        
                        <th> <?php echo $lang['STATUS'];?></th>
                        
                        <th><?php echo $lang['ACTION'];?></th>

</tr>
                </thead>
                <tbody>

</tbody>
            </table>
        </div>
    </div>
    <div class="container position-relative">
        <div class="row export_csv">
            <div class="col-md-3 offset-md-9 pr-5 button-alignment">
                <a href="export_myquotations.php?<?php echo $param ?>" id="export" class="btn btn-primary mt-3 mobile-alignment"><i
                        class="fa fa-download"></i><span class="pl-2"><?php echo $lang['EXPORT.XLSX'];?></span></a>
            </div>
        </div>
    </div>
</div>
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <form method="post" id="quote_form">
            <input type="hidden" name="quotation_id" id="quotation_id">
            <input type="hidden" name="uid" id="uid" value="<?php echo $_SESSION['user_id']; ?>">
            
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Quotation Rate</h4>
                </div>
                <div class="modal-body">
                    <p>Please update quotation rate</p>
                    <div class="form-group">
                        <label>Expected Rate</label>
                        <input type="number" name="expected_rate" id="expected_rate" class="form-control"
                            required="required" />
                    </div>
                    <div class="form-group">
                        <label>Status</label>
                        <select name="quotation_status" id="quotation_status" class="form-control" required="required">
                            <option value="0">Pending</option>
                            <option value="1">Accept</option>
                            <option value="2">Reject</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Message</label>
                        <textarea name="whadmin_description" id="whadmin_description" class="form-control"
                            required="required"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" name="btn_submit">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>

<?php include("footer.php"); ?>

//   $("select").append(options);
// });
jQuery(document).ready(function() {
    jQuery('#example').DataTable({
        "processing": true,
        "dataSrc": "",
        "dom": 'Bfrtip',
        "dom": 'Rlfrtlip',
        language: {
            search: '',
            searchPlaceholder: "<?php echo $lang['SEARCH'] ?>",
            paginate: {previous: '<?php echo $lang['PREV'];?>',next:     '<?php echo $lang['LAST'];?>'}
        },
        // "pagingType": "full_numbers",
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "app/myquotation-ajax.php<?php echo $param ?>",
        "ordering": false,
        "fnDrawCallback": function( oSettings ) {
      rowCount=oSettings.json.iTotalRecords;
     if(rowCount<1){
         $("#export").addClass("d-none")
         }
    },
        "aoColumns": [{
                mData: 'warehouse_name',
                'sClass': 'text-capitalize text-dark darkText'
            },
            {
                mData: 'quotation_id'
            },
            {
                mData: 'customer_name'
            },
            {
                mData: 'role_name'
            },

{
                mData: 'closed_status',
                "sClass": "dataNormal"
            },
            {
                mData: 'action'
            }

]
    });
    // jQuery('#quote_form').validate();
});

$(document).ready(function(e) {
    $("#quote_form").on('submit', (function(e) {
        e.preventDefault();
        $.ajax({
            url: 'savequote_warehouse.php',
            type: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            success: function(data) {
                if (data == 1) {
                    alert("Quotation Rate Added successfully");
                    window.location.reload(true);
                }

},
            error: function() {
                //  alert("Fail")
            }
        });
    }));
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css">  
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>

}

</style>
<script>

// Chart.defaults.global = {
//     // Boolean - Whether to animate the chart
//     animation: true,

//     // Number - Number of animation steps
//     animationSteps: 60,

//     // String - Animation easing effect
//     // Possible effects are:
//     // [easeInOutQuart, linear, easeOutBounce, easeInBack, easeInOutQuad,
//     //  easeOutQuart, easeOutQuad, easeInOutBounce, easeOutSine, easeInOutCubic,
//     //  easeInExpo, easeInOutBack, easeInCirc, easeInOutElastic, easeOutBack,
//     //  easeInQuad, easeInOutExpo, easeInQuart, easeOutQuint, easeInOutCirc,
//     //  easeInSine, easeOutExpo, easeOutCirc, easeOutCubic, easeInQuint,
//     //  easeInElastic, easeInOutSine, easeInOutQuint, easeInBounce,
//     //  easeOutElastic, easeInCubic]
//     animationEasing: "easeOutBack",

//     // Boolean - If we should show the scale at all
//     showScale: true,

//     // Boolean - If we want to override with a hard coded scale
//     scaleOverride: false,

//     // ** Required if scaleOverride is true **
//     // Number - The number of steps in a hard coded scale
//     scaleSteps: null,
//     // Number - The value jump in the hard coded scale
//     scaleStepWidth: null,
//     // Number - The scale starting value
//     scaleStartValue: null,

//     // String - Colour of the scale line
//     scaleLineColor: "rgba(0,0,0)",

//     // Number - Pixel width of the scale line
//     scaleLineWidth: 1,

//     // Boolean - Whether to show labels on the scale
//     scaleShowLabels: true,

//     // Interpolated JS string - can access value
//     scaleLabel: "<%=value%>",

//     // Boolean - Whether the scale should stick to integers, not floats even if drawing space is there
//     scaleIntegersOnly: true,

//     // Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
//     scaleBeginAtZero: false,

//     // String - Scale label font declaration for the scale label
//     scaleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",

//     // Number - Scale label font size in pixels
//     scaleFontSize: 12,

//     // String - Scale label font weight style
//     scaleFontStyle: "normal",

//     // String - Scale label font colour
//     scaleFontColor: "#000",

//     // Boolean - whether or not the chart should be responsive and resize when the browser does.
//     responsive: true,

//     // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
//     maintainAspectRatio: true,

//     // Boolean - Determines whether to draw tooltips on the canvas or not
//     showTooltips: true,

//     // Function - Determines whether to execute the customTooltips function instead of drawing the built in tooltips (See [Advanced - External Tooltips](#advanced-usage-custom-tooltips))
//     customTooltips: false,

//     // Array - Array of string names to attach tooltip events
//     tooltipEvents: ["mousemove", "touchstart", "touchmove"],

//     // String - Tooltip background colour
//     tooltipFillColor: "rgba(0,0,0,0.8)",

//     // String - Tooltip label font declaration for the scale label
//     tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",

//     // Number - Tooltip label font size in pixels
//     tooltipFontSize: 14,

//     // String - Tooltip font weight style
//     tooltipFontStyle: "normal",

//     // String - Tooltip label font colour
//     tooltipFontColor: "#fff",

//     // String - Tooltip title font declaration for the scale label
//     tooltipTitleFontFamily:
//         "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",

//     // Number - Tooltip title font size in pixels
//     tooltipTitleFontSize: 14,

//     // String - Tooltip title font weight style
//     tooltipTitleFontStyle: "bold",

//     // String - Tooltip title font colour
//     tooltipTitleFontColor: "#fff",

//     // Number - pixel width of padding around tooltip text
//     tooltipYPadding: 6,

//     // Number - pixel width of padding around tooltip text
//     tooltipXPadding: 6,

//     // Number - Size of the caret on the tooltip
//     tooltipCaretSize: 8,

//     // Number - Pixel radius of the tooltip border
//     tooltipCornerRadius: 10,

//     // Number - Pixel offset from point x to tooltip edge
//     tooltipXOffset: 10,

//     // String - Template string for single tooltips
//     tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",

//     // String - Template string for multiple tooltips
//     multiTooltipTemplate: "<%= value %>",

//     // Function - Will fire on animation progression.
//     onAnimationProgress: function () {},

//     // Function - Will fire on animation completion.
//     onAnimationComplete: function () {}
// };

// // BEGIN POLAR DATA ============================================

// const barData = {
//     labels: ["January", "February", "March", "April", "May", "June", "July","August","September","October","November","December"],
//     datasets: [
//         {
//             label: "My First dataset",
//             fillColor: "#7bdc79",
//             strokeColor: "#7bdc79",
//             // highlightFill: "#7bdc79",
//             // highlightStroke: "#7bdc79",
//             data: [<?php echo $janAcpQid ?>, <?php echo $febAcpQid ?>, <?php echo $marAcpQid ?>, <?php echo $aprAcpQid ?>, <?php echo $mayAcpQid ?>, <?php echo $junAcpQid ?>, <?php echo $julAcpQid ?>,<?php echo $augAcpQid ?>, <?php echo $sepAcpQid ?>, <?php echo $octAcpQid ?>, <?php echo $novAcpQid ?>, <?php echo $decAcpQid ?>]
//         },
//         {

//             label: "My Second dataset",
//             fillColor: "#1e57c8",
//             strokeColor: "#1e57c8",
//             // highlightFill: "#1e57c8",
//             // highlightStroke: "#1e57c8",
//             data: [<?php echo $janqid ?>, <?php echo $febqid ?>, <?php echo $marqid ?>, <?php echo $aprqid ?>, <?php echo $mayqid ?>, <?php echo $junqid ?>, <?php echo $julqid ?>,<?php echo $augqid ?>, <?php echo $sepqid ?>, <?php echo $octqid ?>, <?php echo $novqid ?>, <?php echo $decqid ?>]
//         },
//         {
//             label: "My Third dataset",
//             fillColor: "#f7574c",
//             strokeColor: "#f7574c",
//             // highlightFill: "#f7574c",
//             // highlightStroke: "#f7574c",
//             data: [<?php echo $janQid ?>, <?php echo $febQid ?>, <?php echo $marQid ?>, <?php echo $aprQid ?>, <?php echo $mayQid ?>, <?php echo $junQid ?>, <?php echo $julQid ?>,<?php echo $augQid ?>, <?php echo $sepQid ?>, <?php echo $octQid ?>, <?php echo $novQid ?>, <?php echo $decQid ?>]
//         }
//     ]
// };

// const barOptions = {
//     //Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
//     scaleBeginAtZero: true,

//     //Boolean - Whether grid lines are shown across the chart
//     scaleShowGridLines: true,

//     //String - Colour of the grid lines
//     scaleGridLineColor: "rgba(0,0,0,.05)",

//     //Number - Width of the grid lines
//     scaleGridLineWidth: 1,

//     //Boolean - Whether to show horizontal lines (except X axis)
//     scaleShowHorizontalLines: true,

//     //Boolean - Whether to show vertical lines (except Y axis)
//     scaleShowVerticalLines: true,

//     //Boolean - If there is a stroke on each bar
//     barShowStroke: true,

//     //Number - Pixel width of the bar stroke
//     barStrokeWidth: 1,

//     //Number - Spacing between each of the X value sets
//     barValueSpacing: 20,

//     //Number - Spacing between data sets within X values
//     barDatasetSpacing: 5,

//     //String - A legend template
//     legendTemplate:
//         '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].fillColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'
// };

// const barCtx = document.getElementById("myBarGraph").getContext("2d");

// const myBarChart = new Chart(barCtx).Bar(barData, barOptions);

// // BEGIN POLAR DATA ============================================

// const polarData = [
//     {
//         value: 300,
//         color: "#F7464A",
//         highlight: "#FF5A5E",
//         label: "Red"
//     },
//     {
//         value: 50,
//         color: "#46BFBD",
//         highlight: "#5AD3D1",
//         label: "Green"
//     },
//     {
//         value: 100,
//         color: "#FDB45C",
//         highlight: "#FFC870",
//         label: "Yellow"
//     },
//     {
//         value: 40,
//         color: "#949FB1",
//         highlight: "#A8B3C5",
//         label: "Grey"
//     },
//     {
//         value: 120,
//         color: "#4D5360",
//         highlight: "#616774",
//         label: "Dark Grey"
//     }
// ];

var data = [
['Pending','Won','Waiting Acceptance','Closed','Lost'],
[<?php echo $janqid ?>,<?php echo $janWid ?>, <?php echo $janAcpQid ?>, <?php echo $janQid ?>, <?php echo $janLid ?>],
[<?php echo $febqid ?>,<?php echo $febWid ?>, <?php echo $febAcpQid ?>, <?php echo $febQid ?>, <?php echo $febLid ?>],
[<?php echo $marqid ?>,<?php echo $marWid ?>, <?php echo $marAcpQid ?>, <?php echo $marQid ?>, <?php echo $marLid ?>],
[<?php echo $aprqid ?>,<?php echo $aprWid ?>,<?php echo $aprAcpQid ?>,  <?php echo $aprQid  ?>,<?php echo $aprLid  ?>],
[<?php echo $mayqid ?>,<?php echo $mayWid ?>,<?php echo $mayAcpQid ?>,  <?php echo $mayQid  ?>,<?php echo $mayLid  ?>],
[<?php echo $junqid ?>,<?php echo $junWid ?>,<?php echo $junAcpQid ?>,  <?php echo $junQid  ?>,<?php echo $junLid  ?>],
[<?php echo $julqid ?>,<?php echo $julWid ?>,<?php echo $julAcpQid ?>,  <?php echo $julQid  ?>,<?php echo $julLid  ?>],
[<?php echo $augqid ?>,<?php echo $augWid ?>,<?php echo $augAcpQid ?>,  <?php echo $augQid  ?>,<?php echo $augLid  ?>],
[<?php echo $sepqid ?>,<?php echo $sepWid ?>,<?php echo $sepAcpQid ?>,  <?php echo $sepQid  ?>,<?php echo $sepLid  ?>],
[<?php echo $octqid ?>,<?php echo $octWid ?>,<?php echo $octAcpQid ?>,  <?php echo $octQid  ?>,<?php echo $octLid  ?>],
[<?php echo $novqid ?>,<?php echo $novWid ?>,<?php echo $novAcpQid ?>,  <?php echo $novQid  ?>,<?php echo $novLid  ?>],
[<?php echo $decqid ?>,<?php echo $decWid ?>,<?php echo $decAcpQid ?>,  <?php echo $decQid  ?>,<?php echo $decLid  ?>]
];

//calculating current month
var currentMonth = new Date().getMonth();
console.log(currentMonth);
//c3 customisation
var chart = c3.generate({
bindto : '#chart',
data : {
	rows : data,
	type : 'bar',
},
axis : {
	x : {
		tick : {
			format : function (d) {
				return formatMonth(d);
			},
            culling: false
		}
	}
}
});

//select time period
$("#SelectPeriod").change(function (evt) {
var chartSelection = $("#chartType").val();
var timePeriod = $("#SelectPeriod").val();
var janqid=0;
var febqid=0;
var marqid=0;
var aprqid=0;
var mayqid=0;
var junqid=0;
var julqid=0;
var augqid=0;
var sepqid=0;
var octqid=0;
var novqid=0;
var decqid=0;
jQuery.ajax({
            type: "POST",
            url: './ajax.php',
            data: ({action:'get_arqquotations',wid:<?php echo $_GET['wid']?>,year:timePeriod}),
            success: function(data1) {  
                // alert(data)
                dataRes=JSON.parse(data1);
                // console.log(dataRes.result1[0].modify_dt)
                dataRes.result.map((res)=>{
                    var dt = new Date( res.modify_dt );
                        var day=dt.getMonth()+1;
                    if(day==1){
                        janqid++;
                    }
                    if(day==2){
                        febqid++;
                    }
                    if(day==3){
                        marqid++;
                    }
                    if(day==4){
                        aprqid++;
                    }
                    if(day==5){
                        mayqid++;
                    }
                    if(day==6){
                        junqid++;
                    }
                    if(day==7){
                        julqid++;
                    }
                    if(day==8){
                        augqid++;
                    }
                    if(day==9){
                        sepqid++;
                    }
                    if(day==10){
                        octqid++;
                    }
                    if(day==11){
                        novqid++;
                    }
                    if(day==12){
                        Decqid++;
                    }

})

})
                    var janQid=0;
                    var febQid=0;
                    var marQid=0;
                    var aprQid=0;
                    var mayQid=0;
                    var junQid=0;
                    var julQid=0;
                    var augQid=0;
                    var sepQid=0;
                    var octQid=0;
                    var novQid=0;
                    var decQid=0;
                    dataRes.result2.map((res)=>{
                            var dt = new Date( res.modify_dt );
                            var day=dt.getMonth()+1;
                    if(day==1){
                        janQid++;
                    }
                    if(day==2){
                        febQid++;
                    }
                    if(day==3){
                        marQid++;
                    }
                    if(day==4){
                        aprQid++;
                    }
                    if(day==5){
                        mayQid++;
                    }
                    if(day==6){
                        junQid++;
                    }
                    if(day==7){
                        julQid++;
                    }
                    if(day==8){
                        augQid++;
                    }
                    if(day==9){
                        sepQid++;
                    }
                    if(day==10){
                        octQid++;
                    }
                    if(day==11){
                        novQid++;
                    }
                    if(day==12){
                        decQid++;
                    }

})

})

})
                // $day=date('M', strtotime('2021-05-05 06:22:27'));

// alert($day)
                var data = [
  ['Pending', 'Won', 'Waiting Acceptance','Closed','Lost'],
  [janqid,janWid, janAcpQid, janQid,janLid],
  [febqid,febWid, febAcpQid, febQid,febLid],
  [marqid,marWid, marAcpQid, marQid,marLid],
  [aprqid,aprWid, aprAcpQid, aprQid,aprLid],
  [mayqid,mayWid, mayAcpQid, mayQid,mayLid],
  [junqid,junWid, junAcpQid, junQid,junLid],
  [julqid,julWid, julAcpQid, julQid,julLid],
  [augqid,augWid, augAcpQid, augQid,augLid],
  [sepqid,sepWid, sepAcpQid, sepQid,sepLid],
  [octqid,octWid, octAcpQid, octQid,octLid],
  [novqid,novWid, novAcpQid, novQid,novLid],
  [decqid,decWid, decAcpQid, decQid,decLid]
];
var chart = c3.generate({
	data : {
		rows : data,
		type : chartSelection
	},
	axis : {
		x : {
			tick : {
				format : function (d) {
					return formatMonth(d);
				},
                culling: false
			}
		}
	}
});  
            }  
         }); 
});

//function for months
function formatMonth(d) {
if (!d) {
return "JAN";
}
var months = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"];
// alert(months[d])
return month = months[d];
}
</script>