import { LightningElement, wire, track, api } from 'lwc';
import getCaseList from '@salesforce/apex/ShopifyLogController.getCaseList';
import getNext from '@salesforce/apex/ShopifyLogController.getNext';
import getPrevious from '@salesforce/apex/ShopifyLogController.getPrevious';
import TotalRecords from '@salesforce/apex/ShopifyLogController.TotalRecords';

/* eslint-disable no-console */
 /* eslint-disable no-alert */

 const COLS = [
    { label: 'Store', fieldName: 'HIC_ShopifySync__Store__c' },
    { label: 'Name', fieldName: 'Name' },
    { label: 'ExternalId', fieldName: 'StageName' },
    { label: 'Is Webhook', fieldName: 'HIC_ShopifySync__Is_Webhook__c'  },
    { label: 'JSON', fieldName: 'HIC_ShopifySync__Info__c'},
    { label: 'Created at', fieldName: 'CreatedDate ', type: 'date', typeAttributes:{timeZone:'UTC', year:'numeric', month:'numeric', day:'numeric'}},
    { label: 'Modified at', fieldName: 'LastModifiedDate', type: 'date', typeAttributes:{timeZone:'UTC', year:'numeric', month:'numeric', day:'numeric'}},
    

 ];
export default class displaycases extends LightningElement {
@track columns = COLS;
@track v_Offset=0;
@track v_TotalRecords;
@track page_size = 10;

//Fetching records from apex class
@wire(getCaseList, { v_Offset: '$v_Offset', v_pagesize: '$page_size' }) cases;

//Executes on the page load
connectedCallback() {
    console.log('inside con')
    TotalRecords().then(result=>{
        console.log('result',result)
        this.v_TotalRecords = result;
        console.log( 'this.v_TotalRecords',this.v_TotalRecords);
    });
}

previousHandler2(){
    getPrevious({v_Offset: this.v_Offset, v_pagesize: this.page_size}).then(result=>{
        this.v_Offset = result;
        if(this.v_Offset === 0){
            this.template.querySelector('c-paginator').changeView('trueprevious');
        }else{
            this.template.querySelector('c-paginator').changeView('falsenext');
        }
    });
}
nextHandler2(){
    getNext({v_Offset: this.v_Offset, v_pagesize: this.page_size}).then(result=>{
        this.v_Offset = result;
        console.log( 'this.v_TotalRecords',this.v_TotalRecords);
       if(this.v_Offset + 10 > this.v_TotalRecords){
            this.template.querySelector('c-paginator').changeView('truenext');
        }else{
            this.template.querySelector('c-paginator').changeView('falseprevious');
        }
    });
}

changeHandler2(event){
    const det = event.detail;
    this.page_size = det;
}
firstpagehandler(){
    this.v_Offset = 0;
   // this.template.querySelector('c-paginator').changeView('trueprevious');
   // this.template.querySelector('c-paginator').changeView('falsenext');
}
lastpagehandler(){
    this.v_Offset = this.v_TotalRecords - (this.v_TotalRecords)%(this.page_size);
    console.log( 'this.v_Offset',this.v_Offset);
    console.log( 'this.page_size',this.page_size);
    console.log( 'this.v_TotalRecords',this.v_TotalRecords);
    console.log( '(this.v_TotalRecords)%(this.page_size)',(this.v_TotalRecords)%(this.page_size));
  // this.template.querySelector('c-paginator').changeView('falseprevious');
   // this.template.querySelector('c-paginator').changeView('truenext');
}
}