@extends('layouts.app')
@section('appjs')
    <script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')
@section('page_title') Account List @endsection

<style>
.whitelabel {
    margin: 6px;
    }
.disable{
    pointer-events:none;
    color: grey;
}
.enable{
    color:#3490dc
}
.image_div img{
    height:95px !important;
    width: 65% !important;
    position: relative;
    left:36%;
}
.hide{
    display:none;
}
.modal-content{
    width: 112%;
}

.relative{
    position:relative;
}
.relative .close-btn{
    position:absolute;
    top:-18px;
    right:0;
    border : 1px solid black;
    border-radius: 25px;
}
.greyIcon{
    color:grey !important;
}
.greenIcon{
    color:green !important;
}
</style>

<div id="alert_sub" class="alert" style='display:none;text-align: center;'>
   <button type="button" class="close" aria-hidden="true">&times;</button>
   <strong class='alert_sub'></strong>
</div>

<div class="container-fluid">
    <div class="card-header flex"><h3>Accounts List </h3>

        <!-- count section start-->
        <form class=" m-auto d-none d-lg-flex">
            <div class="count-div btn-outline-success active" data-filter_count_status='4' data-toggle="tooltip" title="Number of Accounts">
                <label> Total:</label>
            <small>{{$account_count['account_count']}}</small>
            </div>
            <div class="count-div" data-filter_count_status='1'  data-toggle="tooltip" title=" Total Accounts who have done Campaign in Last 60 days">
            <label>Last 60 days Active Campaign : </label> 
                <small>{{$account_count['active_account_count_last_60_days']}}</small>
            </div>
            <div class="count-div" data-filter_count_status='2'  data-toggle="tooltip" title=" Total Accounts who have not done any Campaign in Last 60 days">
            <label>Last 60 days In-Active Campaign: </label>
                <small>{{$account_count['inactive_account_count_last_60days']}}</small>
            </div>
            <div class="count-div" data-filter_count_status='3' data-toggle="tooltip" title="Total Accounts with 0 Campaigns">
            <label>Total Accounts with 0 Campaigns:</label>
            <small>{{$account_count['account_count_with_zero_camp']}}</small>
            </div>
        </form>
        <!-- count section end -->

            <!-- excel start -->
        @can('hasExcelPermission')
                <form class="pull-right" method="post" action="{{ url('export_master_user_list') }}">
                    @csrf
                    <button type="submit" class="export-account-list btn excel-btn btn-sm border-radius-0"><i class="fa fa-download"></i> Export</button>
                    <input type="hidden" name="fromdate" id="from_date_hidden" />
                    <input type="hidden" name="todate" id="to_date_hidden"/>
                    <input type="hidden" name="parentid" id="parent_id_hidden"/>
                    <input type="hidden" name="acc_cat_id" id="acc_cat_id_hidden"/>
                    <input type="hidden" name="account_id" id="account_id_hidden"/>
                    <input type="hidden" name="filter_count_status_id" id="filter_count_status_hidden"/>
                </form>
            @endcan
            <!-- excel end -->
    </div>

  <div class="card">
    <div class="card-body table-responsive">
    <div class="inline-flex">
        <div class="form-group col-md-6 col-sm-6 col-xs-6 col-lg-6">
            <select class="form-control" name="acc_id[]" multiple id="acc_id">
                <optgroup label="ACTIVE">
                    @if(count($master_users)>0)
                    @foreach ($master_users as $key => $value)
                    @if( $value->status > 0)
                        <option value="{{ $value->id }}">{{ $value->account_name }}-({{ $value->id }})</option>
                        @endif
                        @endforeach
                    @endif
                    </optgroup>
                    <optgroup label="INACTIVE">
                    @if(count($master_users)>0)
                    @foreach ($master_users as $key => $value)
                       @if( $value->status == 0)
                         <option value="{{ $value->id }}">{{ $value->account_name }}-({{ $value->id }})</option>
                        @endif
                    @endforeach
                    @endif
                </optgroup>
            </select>
        </div>
        <div class="form-group col-md-6">
            <select id="acc_cat_filter" class="form-control">
            <option value='all'>-- Choose Account Category -- </option>
            <option value=''>Not Assigned</option>
                @foreach($acc_category as $key => $val)
                <option value={{$key}}> {{$val}} </option>
                @endforeach
            </select>
        </div>
        </div>
        <form class="pull-right inline-flex">
        <div class="form-group ml-4">
            <select id="period_filter" class="form-control">
                <option value=''>Select Time Period</option>
                <option value="1">Today</option>
                <option value="2">Yesterday</option>
                <option value="3">This Month</option>
                <option value="4">Last Month</option>
                <option value="5">Last 6 Months</option>
                <option value="6">This Year</option>
                <option value="7">Last Year</option>
            </select>
        </div>
        <div class="form-group ml-4">
            <input type="text" class="form-control" id="start_date" name="start_date" placeholder="From Date">
        </div>

        <div class="form-group ml-4">
            <input type="text" class="form-control" id="end_date" name="end_date" placeholder="To Date">
        </div>
    </form>

    <table class="table table-bordered table-hover" id="masterlist">
           <thead>
              <tr>
                 <th scope="col">Account ID</th>
                 <th scope="col">Organisation Name</th>
                 <!-- <th scope="col">Brand Name</th> -->
                 <th scope="col">UserName</th>
                 <th>Account Category</th>
                 <th>Email</th>
                 <th>Mobile Number</th>
                 <th>Frequency Capping</th>
                 <th>No. of Sub-Users</th>
                 <th>UTM Medium</th>
                 <th>UTM Source</th>
                 <th>Created On</th>
                 <th>Last Logged In</th>
                 <th>Last Campaign Date</th>
                 <th>Credit Balance</th>
                 <th>Total Launch</th>
                 <th>Total Spends</th>
                 <th>Total SMS Units</th>
                 <th>Total Clicks</th>
                 <th>PAN Number</th>
                 <th>GST Number</th>
                 <!-- <th>Category Type</th> -->
                 <th>State</th>
                 <th>City</th>
                 <th>Pincode</th>
                 <th>Account Manager</th>
                 <th>Relationship Manager</th>
                 <th>Last Payment Amount</th>
                 <th>Last Payment Date</th>
                 <th>No. of Payments</th>
                 <th>Account Type</th>
                 <th>Boarding Status</th>
                 <th>Type of Sales</th>
                 <th>Feed</th>
                 <th>SMS</th>
                 <th>SMS API</th>
                 <th>WhatsApp</th>
                 <th>WhatsApp API</th>
                 <th>RCS</th>
                 <th>RCS API</th>

                 <!-- <th>In App</th> -->
                 @can('hasLogsPermission')
                 <th>Log</th>
                 @endcan

                @can('hideFeedAccess')
                    @can('hasAddPermission')
                    <th>Credits</th>
                    @endcan

                    @can('hasUpdatePermission')
                    <!-- <th>White-label</th> -->
                    <th>Status</th>
                    <th>OTP Status</th>
                @endcan
                 <th>Edit</th>
                 <th>Password</th>
                 @endcan

                @can('hasAddPermission')
                 <th>IP</th>
                @endcan
                @can('hasUpdatePermission')
                 <th>API Key</th>
                @endcan
              </tr>
           </thead>
           <tbody>
           </tbody>
        </table>
    </div>
  </div>

</div>

@includeIf('UserList.loghistory')

@includeIf('UserList.credit')

@includeIf('UserList.updatepassword')

@includeIf('UserList.creditLogHistory')

<!-- Edit White Label Template Content -->
<div class="modal fade" tabindex="-1" role="dialog" id="edit_white_label_modal" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><strong>Edit White Label Link </strong></h5>
                </div>
                    <div class="modal-body">
                        <div class="row mb-1">
                        <label class="col-sm-3 control-label "><b>Add Link<span style="color: red;">*</span> :</b></label>
                            <div class="col-sm-9">
                                <input name="whitelabel_content" id="whitelabel_content" class="form-control modal-link" placeholder="Please Enter Link"><br>
                            </div>
                        </div>
                        <!-- Add Logo -->
                        <div class="row mb-3">
                            <label class="col-sm-3 control-label"><b>Upload Logo : </b></label>
                            <div class="col-sm-9">
                            <input type="file" name="logo_file" id="logo_file" class="form-control-file" accept="image/jpeg, image/png , image/ico">
                            </div>
                        </div>

                        <!-- Display Image Logo -->
                        <div class="row mb-3 image_div_logo hide">
                        <div class="col-sm-9 image_div relative" id = "remove_logo_div">
                                <img id='image_logo'/>
                                <button type="button" class="close-btn border-0 bg-transparent" id="crossButton" onclick="removelogoImage()">
                                    <span style="color:#ff0000;font-size:20px"> &cross;</span>
                                </button>
                            </div>
                        </div>

                        <!-- Add Favicon -->
                        <div class="row mb-3">
                            <label class="col-sm-3 control-label"><b>Upload Favicon : </b></label>
                            <div class="col-sm-9">
                            <input type="file" name="favicon_file" id="favicon_file" class="form-control-file" accept="image/jpeg, image/png , image/ico">
                            </div>
                        </div>

                        <!-- Display Image Favicon -->
                        <div class="row mb-3 image_div_favicon hide" id = "remove_favicon_div">
                            <div class="col-sm-9 image_div relative">
                                <img id='image_favicon'/>
                                <button type="button" class="close-btn border-0 bg-transparent" id="crossButton_favicon" onclick="removefaviconImage()">
                                    <span style="color:#ff0000;font-size:20px"> &cross; </span>
                                </button>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer footerwidth">
                        <a type="button" class="btn btn-secondary btn-sm text-white close_icon" id="close" data-dismiss="modal">Close</a>
                        <button type="button" class="btn btn-primary text-white btn-sm " id="edit_trans_Content">Submit</button>
                    </div>
            </div>
        </div>
    </div>
</div>

<link href="{{ asset('css/jquery-ui.css') }}" rel="stylesheet">
<script type="application/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
<script type="application/javascript" src="{{ asset('js/Account_info/edit_account.js') }}"></script>
<script type="application/javascript" src="{{ asset('js/Account_info/account_logs.js') }}"></script>
<script src="{{ asset('js/bootstrap-toggle.min.js')}}"></script>

<script>
    var min_whatsapp_cps = Number('{{env('min_whatsapp_cps')}}')
    var min_transactional_cps = Number('{{env('min_transactional_cps')}}')
    var min_wa_transactional_cps = Number('{{env('min_wa_transactional_cps')}}')

</script>
<script>

    //logo remove option
    function removelogoImage() {
        var img = $('#image_logo');
        let confirmation = confirm('Are you sure you want to remove the logo?');
        if (confirmation && img.attr('src') && img.attr('src').trim() !== '') {
            img.attr('src', ''); // Clear the image source
            $('.image_div_logo').addClass('hide');
            $('#logo_file').val('');
            $('#crossButton').hide()
        }
    }
    //favicon remove option
    function removefaviconImage() {
        var img = $('#image_favicon');
        let confirmation = confirm('Are you sure you want to remove the favicon?');
        if ( confirmation && img.attr('src') && img.attr('src').trim() !== '') {
            img.attr('src', ''); // Clear the image source
            $('.image_div_favicon').addClass('hide');
            $('#favicon_file').val('');
            $('#crossButton_favicon').hide()
        }
    }

    function isUrlVerified(url){
        //  if http or https is not there then return false
        if(url.length<4) return false;
        let sub_str = url.substring(0,5);
        return sub_str.includes('http') || sub_str.includes('https');
    }

    let account_id_selected = null;

    $('#edit_trans_Content').on('click',function(){
        let input = $(`#whitelabel_content`).val();
        let account_id = account_id_selected;
        let req_id = Math.random().toString(36).substr(2, 8) + Math.random().toString(36).substr(2, 8);
        let isVerifiedUrl = isUrlVerified(input);
        let logoFile = $('#logo_file')[0].files[0];
        let faviconFile = $('#favicon_file')[0].files[0];

        let isLogoDeleted =  !$('.image_div_logo').hasClass('hide');
        let isFavDetected = !$('.image_div_favicon').hasClass('hide');

        let flag = false;
        // nothing is there: Acceptable
       if(input.length==0 && isLogoDeleted==false && !isFavDetected ){
            // if all are empty simply update
            flag = true;
       }
       else if( input.length!=0 &&( !isLogoDeleted || !isFavDetected ) )
       {
            // valid
            flag = true;
       }

       // logo & icon without link is not acceptable
       if(input.length==0 && (isLogoDeleted || isFavDetected) ){
            flag = false;
            let message = isLogoDeleted && isFavDetected ?'Both Log and Favicon' : isLogoDeleted ? ' Logo ':' Favicon '
            toastr.error(`${message} cannot be updated without url`);
            return;
       }

       if(input.length!=0 && isVerifiedUrl==false){
            toastr.error('Please check the URL, its not valid');
            return;
       }

        // Prepare form data
        let formData = new FormData();
        formData.append('_token', '{{ csrf_token() }}');
        formData.append('account_id', account_id);
        formData.append('link', input);
        formData.append('id', req_id);

        if(isLogoDeleted==true && logoFile){
            formData.append('logo_update', 1);
            formData.append('logo', logoFile);
        }
        else if(isLogoDeleted==true && !logoFile){
            formData.append('logo_update', 0);
        }
        else if(isLogoDeleted==false){
            formData.append('logo_update', 1);
            formData.append('logo', null);
        }

        // fav icon
        if(isFavDetected==true && faviconFile){
            formData.append('fav_update', 1);
            formData.append('favicon', faviconFile);
        }
        else if(isFavDetected==true && !faviconFile){
            formData.append('fav_update', 0);
        }
        else if(isFavDetected==false){
            formData.append('fav_update', 1);
            formData.append('favicon', null);
        }
        $.ajax({
                type: "POST",
                url: "{{ url('/edit_whitelabel_link') }}",

                data: formData,
                dataType:'json',
                processData: false,
                contentType: false,
                success: function(data) {
                    if(data){
                        if(data.status==true) toastr.success(data.message);
                        else  toastr.error(data.message);
                        masterlist_dt($('#acc_id').val());
                        $(`#whitelabel_content`).val('');
                        $(`#logo_file`).val('');
                        $(`#favicon_file`).val('');
                    }
                    else{
                        toastr.error('Something Went Wrong');
                    }
                    $("#edit_white_label_modal").modal("hide");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    toastr.error('Data Not Updated ');
                }
            });
    });

    $('#logo_file').on('change',function(){
        // file type allowances
        const allowedTypes = ['image/jpeg', 'image/png', 'image/jpg', 'image/ico', 'image/vnd.microsoft.icon'];
        let file = this.files[0];
        if (file) {
            if (!allowedTypes.includes( file.type)) {
                alert('Only JPG, JPEG and PNG images are allowed');
                $(this).val('');
                return;
            }
            let reader = new FileReader();
            reader.onload = function (e) {
                $('.image_div_logo').removeClass('hide');
                $('#image_logo').attr('src', e.target.result);
                $('#crossButton').show()
            };
            reader.readAsDataURL(file);
        }
    })
    $('#favicon_file').on('change',function(){
        // file type allowances
        const allowedTypes = ['image/jpeg', 'image/png', 'image/jpg', 'image/ico', 'image/vnd.microsoft.icon'];
        let file = this.files[0];
        if (file) {
            if (!allowedTypes.includes( file.type)) {
                alert('Only JPG, JPEG, PNG and ICO images are allowed');
                $(this).val('');
                return;
            }
            let reader = new FileReader();
            reader.onload = function (e) {
                $('.image_div_favicon').removeClass('hide');
                $('#image_favicon').attr('src', e.target.result);
                $('#crossButton_favicon').show()
            };
            reader.readAsDataURL(file);
        }
    })

     $(document).on('click', '#edit_whitelabel_link', function() {
        let id = $(this).data('id');
        let input = $(this).data('link');
        account_id_selected = id;
        $.ajax({
            type: "POST",
            url: "{{ url('/fetch_label_details') }}",
            data: {
                "_token" : "{{ csrf_token() }}",
                "input" : input,
                "account_id":account_id_selected
            },
            dataType:'json',
            success: function(data) {
                if(data.status==true){
                    // display the logo and favicon
                    data = data.data;
                    let favURL = data.favicon;
                    let logoURL = data.logo;
                    if(favURL) {
                            $('.image_div_favicon').removeClass('hide');
                            $('#image_favicon').attr('src', favURL);
                            $('#crossButton_favicon').show()
                        }
                    if(logoURL) {
                        $('.image_div_logo').removeClass('hide');
                        $('#image_logo').attr('src', logoURL);
                        $('#crossButton').show()
                    }
                }
            }
        });
        $('#logo_file').val('');
        $('#favicon_file').val('');
        $('#whitelabel_content').val(input?input:'');
        $("#edit_white_label_modal").modal("show");
     });
    var filter_status_variable = 4;
     $(document).ready(function() {
    /* call function while DOM get ready to get all records.*/
        masterlist_dt($('#acc_id').val(), $('#acc_cat_filter').val());

   });

    $(document).on('click', '.addwhitelistips', function() {
        var profile_id = $(this).data('user_id');
        var url = "whitelistip_index/"+profile_id;
        window.location.href = url;
    });

    $("document").ready(function(){
        // account category filter
        $(document).on("change", "#acc_cat_filter", function(){
            var catvalue = $(this).val();
            // 4 means for all data  
            masterlist_dt($('#acc_id').val(), catvalue,4);
        });

    // filter according to account id
        $('#acc_id').change(function() {
        let acc_id = $(this).val();
            // 4 means for all data  
        masterlist_dt(acc_id , $('#acc_cat_filter').val(),4);
        });
    });

    $('#acc_id').multiselect({
            includeSelectAllOption: true,
            allSelectedText: 'All Accounts selected',
            nonSelectedText: 'No Account selected',
            selectAllValue: 'all',
            selectAllText: 'Select all',
            unselectAllText: 'Unselect all',
            buttonWidth: '100%',
            enableFiltering: true,
            includeSelectAllOption: true,
            selectAllJustVisible: false,
            templates: {
                filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter border-radius-0" type="button">Clear</button></span>',
            },
            enableCaseInsensitiveFiltering: true
    });

    var start_date = end_date = '';

    $("#start_date").datepicker({
        dateFormat: 'yy-mm-dd',
        maxDate : 0,
        autoclose: true,
        todayHighlight: true,
        endDate: 'today',
        onSelect: function (selectedDate) {
            var startDate = $('#start_date').datepicker('getDate');
            $('#end_date').datepicker('option', 'minDate', startDate);
            $('#end_date').datepicker('setDate', startDate);
            // 4 means for all data , its the filter status count 
            filter_status_variable = 4;
            // selecting the total button by default
            $('.count-div').removeClass('btn-outline-success active')
            // $('.count-div').eq(0).addClass('btn-outline-success active')
            masterlist_dt($('#acc_id').val(),$('#acc_cat_filter').val(),4);
            $('#period_filter').val('');
        }
    });

    $("#end_date").datepicker({
        dateFormat: 'yy-mm-dd',
        minDate: $("#start_date").datepicker("getDate"),
        maxDate : 0,
        autoclose: true,
        todayHighlight: true,
        onClose: function() {
            var startDate = $('#start_date').datepicker('getDate');
            var endDate = $('#end_date').datepicker('getDate');
            if(startDate==null){
                $('#start_date').datepicker('setDate', endDate);
            }
            if (endDate < startDate) {
                var minDate = $('#end_date').datepicker('option', 'minDate', startDate);
                $('#end_date').datepicker('setDate', minDate);
            }
        },
        onSelect: function() {
            $('#period_filter').val('');
            // 4 means for all data , its the filter status count 
            filter_status_variable = 4;
            // selecting the total button by default
            $('.count-div').removeClass('btn-outline-success active')
            // $('.count-div').eq(0).addClass('btn-outline-success active')
            masterlist_dt($('#acc_id').val(),$('#acc_cat_filter').val(),4);
         }
    });

    $("body").on("change", "#period_filter", function(){
            var periodValue = $(this).val();
            $("#acc_id").multiselect("clearSelection");
            $("#acc_id").multiselect( 'refresh' );
            $("#start_date").val('');
            $("#end_date").val('');
            if(periodValue==''){
                masterlist_dt();
            }
            //filter by today
            if(periodValue=='1'){
                var start_date = new Date().toJSON().slice(0,10);
                var end_date = new Date().toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }

            //filter by yesterday
            else if(periodValue=='2'){
                var start_date =  new Date(Date.now() - 864e5).toJSON().slice(0,10);
                var end_date =  new Date(Date.now() - 864e5).toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }

            //filter by this month
            else if(periodValue=='3'){
                var start_date = new Date();
                var end_date = new Date().toJSON().slice(0,10);
                start_date = new Date(start_date.setMonth(start_date.getMonth()));
                start_date = new Date(start_date.setDate(1));
                start_date = start_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }

            //filter by last month
            else if(periodValue=='4'){
                var start_date = new Date();
                var end_date = new Date();
                start_date = new Date(start_date.setDate(1));
                start_date = new Date(start_date.setMonth(start_date.getMonth() - 1));
                start_date = start_date.toJSON().slice(0,10);
                end_date = new Date(end_date.setDate(1)-864e5);
                end_date = end_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }

            //filter by last 6 month
            else if(periodValue=='5')
            {
                var start_date = new Date();
                var end_date = new Date();
                end_date = new Date(end_date.setDate(1)-864e5);
                end_date = end_date.toJSON().slice(0,10);
                start_date = new Date(start_date.setDate(1));
                start_date = new Date(start_date.setMonth(start_date.getMonth() - 6));
                start_date = start_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }

            //filter by this year
            else if(periodValue=='6')
            {
                var end_date = new Date().toJSON().slice(0,10);
                var makeDate = new Date(end_date);
                var start_date = new Date(makeDate.setMonth(0));
                start_date = new Date(makeDate.setDate(1));
                start_date = start_date.toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }

            else if(periodValue=='7'){
                var end_date = new Date();
                var start_date = new Date();
                end_date = new Date(end_date.setMonth(0));
                end_date = new Date(end_date.setDate(1)-864e5).toJSON().slice(0,10);
                start_date = new Date(start_date.setMonth(start_date.getMonth() - 12));
                start_date = new Date(start_date.setMonth(0));
                start_date = new Date(start_date.setDate(1)).toJSON().slice(0,10);
                $('#start_date').val(start_date);
                $('#end_date').datepicker('option', 'minDate', start_date);
                $('#end_date').datepicker('setDate', end_date);
                masterlist_dt();
            }
        });

        $(".export-account-list").click(function(){
        var start_date = $('#start_date').val();
        var end_date = $('#end_date').val();
        var acccat_id = $('#acc_cat_filter').val();
        var account_id = $('#acc_id').val();
        $('#acc_cat_id_hidden').val(acccat_id);
        $('#account_id_hidden').val(account_id);
        $('#filter_count_status_hidden').val(filter_status_variable);
        $('#from_date_hidden').val(start_date);
        $('#to_date_hidden').val(end_date);
        $(this).submit();
    });
       
    $(document).on('click', '.add-credits', function(){
       var mid = $(this).data('info');
       var credit_type = "add";
       var userEmail = $(this).data('user_email');
       $(".modal-body #MId").val(mid);
       $(".modal-body #credit_type").val(credit_type);
       $('#launch_date').val("");
       $('#attachment').val('')
       if($('#credit_status').val() ==2){
        $('#attachment_box').show();
       }
       $("#launch_date").datepicker({
            dateFormat: 'yy-mm-dd',
            maxDate : 0,
            autoclose: true,
            todayHighlight: true,
            onSelect: function (selectedDate) {
                getlaunchids();
            }
        });
   });

   $(document).on('click', '.reset-credits', function() {
        let account_id = $(this).attr('data-info');
            $message = "Are you sure you want to reset credits to 0? This action will be reflected in both the manager's and user's accounts.";
        let userEmail = $(this).data('user_email');
        if (confirm($message)) {
            $.ajax({
                type: "POST",
                url: "{{ url('/resetCredit') }}",

                data: {
                    "_token" : "{{ csrf_token() }}",
                    "account_id" : account_id,
                    "user_email":userEmail
                },
                dataType:'json',
                success: function(data) {
                        if(data){
                            alert('Successfully reset the credits');
                            // toastr.success('Reset Credits Successfully !!');
                                masterlist_dt($('#acc_id').val());
                        }else{
                            alert('Something went Wrong, Credit has already been reset');
                            // toastr.error('Something Went Wrong!!');
                        }
                }
            });
        }
   });

   $(document).on('click', '.ded-credits', function(){
       var mid = $(this).data('info');
       var credit_type = "ded"; // deduct
       var userEmail = $(this).data('user_email');
       $(".modal-body #MId").val(mid);
       $(".modal-body #masteruserid").val(mid);
       $(".modal-body #credit_type").val(credit_type);
   });

    $(document).on('change', '.otp_status', function(){
        let click_val = $(this).prop('checked'); // upcoming 
        let message='';
        if (click_val) {
            click_val = 1;
            message = "Are you sure you want to Enable OTP for this account?";
        } else {
            click_val = 0;
            message = "Are you sure you want to Disable OTP for this account";
        }
        if (confirm(message)) {
            var id = $(this).attr('data-id');
            $('.loading').css('display','block');
            $.ajax({
                type: 'post',
                url: 'update_otp_status',
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id":id,
                    "activation_status":click_val
                },
                success: function(data){
                    $('.loading').css('display','none');
                    if(data==1){
                        toastr.success("OTP Option Updated Successfully");
                    } else{
                        toastr.error("Cannot update OTP option");
                    }
                    masterlist_dt($('#acc_id').val());
                }
            });
        } else {
            if(click_val == 1){
                $(this).prop('checked', false);
                $(this).parent().removeClass('btn-sm btn-success').addClass('btn-danger off btn-sm');
            }else{
                $(this).prop('checked', true);
                $(this).parent().removeClass('btn-danger off btn-sm').addClass('btn-sm btn-success');
            }
        }
    });

    $(document).on('change', '.account_status', function(){
        let click_val = $(this).prop('checked');
        if (click_val) {
            click_val = 1;
            $message = "Are you sure you want to Deactivate this account?";
        } else {
            click_val = 0;
            $message = "Are you sure you want to Activate this account?";
        }

        if (confirm($message)) {
            var id = $(this).attr('data-id');
            $('.loading').css('display','block');
            $.ajax({
                type: 'post',
                url: 'updateaccstatus',
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id":id
                },
                success: function(data){
                    $('.loading').css('display','none');
                    if(data.status){
                        toastr.success(data.message);
                    } else{
                        toastr.error(data.message);
                    }
                    masterlist_dt($('#acc_id').val());
                }
            });
        } else {
            if(click_val == 1){
                $(this).prop('checked', false);
                $(this).parent().removeClass('btn-sm btn-success').addClass('btn-danger off btn-sm');
            }else{
                $(this).prop('checked', true);
                $(this).parent().removeClass('btn-danger off btn-sm').addClass('btn-sm btn-success');
            }
        }
    });

    // $(document).on('click', '.editaccount_list', function() {
    //     var profile_data = $(this).data();
    //     var profile_id = profile_data.id; 
    //     var url = "editaccount_list/"+profile_id;
    //     window.location.href = url;
    // });


    $(document).on('change', '.white_label', function(){
        if($(this).hasClass('test_wl')){
            return;
        }
        let click_val = $(this).prop('checked');
        if (click_val) {
            click_val = 1;
            $message = "Are you sure you want to change this account to white-labal panel?";
        } else {
            click_val = 0;
            $message = "Are you sure you want to change this account to whistle panel?";
        }

        if (confirm($message)) {
            var id = $(this).attr('data-id');
            $('.loading').css('display','block');
            $.ajax({
                type: 'post',
                url: 'updatewhitelabal',
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id":id
                },
                success: function(data){
                    $('.loading').css('display','none');
                    if(data.status){
                        toastr.success(data.message);
                    } else{
                        toastr.error(data.message);
                    }
                    masterlist_dt($('#acc_id').val());
                }
            });
        } else {
            if(click_val == 1){
                $(this).prop('checked', false);
                $(this).parent().removeClass('btn-sm btn-success').addClass('btn-danger off btn-sm');
            }else{
                $(this).prop('checked', true);
                $(this).parent().removeClass('btn-danger off btn-sm').addClass('btn-sm btn-success');
            }
        }
    });




//    fetch all data in data-table
   function masterlist_dt(acc_id,catvalue='all',filter_count_status){
    let isFeedAdmin = false;
    isFeedAdmin = {{ Gate::allows('isFeedAdmin') ? 'true' : 'false' }};

    $('input.test_wl[type="checkbox"]').prop('disabled', true);
        var start_date = $('#start_date').val();
        var end_date = $('#end_date').val();
       $("#masterlist").DataTable().clear().destroy();
       $('#masterlist').DataTable({
          "sScrollX":true,
          targets: '_all',
          "processing": true,
          "serverSide": true,
          "paging": true,
          "searching": true,
          "scrollCollapse": true,
          "scrollY":  400,
          "pageLength": 20,
          "ordering": true,
          "order": [
                [0, "desc"]
          ],
          initComplete: function() {
            $(this.api().table().container()).find('input').parent().wrap('<form>').parent().attr('autocomplete', 'off');
        },
        "language": { search: '', searchPlaceholder: "Search...", 
            processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw" style="margin-top:50px;"></i><span class="sr-only">Loading...</span> '
        },
        "ajax": {
            "url": "{{ url('getMasterlist_onload') }}",
            "dataType": "json",
            "type": "POST",
            "data": {
                _token: "{{csrf_token()}}",
                acc_id:acc_id,
                start_date:start_date,
                end_date:end_date,
                catvalue:catvalue,
                filter_count_status:filter_count_status
            },
        },
       aoColumns: [
           { data: "id" },
           { data: "account_name",
               render: function(data, type, row, meta){
                   url  = "userslist/"+ row.id;
                   data = '<a href="'+ url +'" target="_blank">' + data + '</a>';
                   return data;
               }
           },
        //    { data: "brand_name",
        //        render: function(data, type, row, meta){
        //            return ((row.brand_name ==null)  ? "NA" : row.brand_name.replace(/(.{20})/g, "$1<br>"));
        //        }
        //    },
           { data: "username" },
           { data: "account_category",
               render: function(data, type, row, meta){
                 if(row.account_category == '1'){
					data = 'Enterprise';
                 }else if(row.account_category == '2'){
					data = 'SME';
                 }else if(row.account_category == '3'){
					data = 'Retail';
                 }else if(row.account_category == '4'){
                     data = 'Agency';
                 }else if(row.account_category == '5') {
                     data = 'Others';
                 }else if(row.account_category == '6') {
                     data = 'Valueleaf Services (INDIA) Private Limited';
                 }else if(row.account_category == '7') {
                     data = 'BValue Services Private Limited';
                 }else {
                     data = 'Not Assigned';
                 }
                 return data;
               }
            },
           { data: "email" },
           { data: "mobile_number" },
            {
                data: "frequency_capping_value_sms",
                render: function(data, type, row, meta) {
                    let channels = ["sms", "rcs", "whatsapp", "email"];
                    let ele = `<ul style="list-style: none; padding-left: 0; text-align: left;">`;
                    
                    channels.forEach((curr) => {
                        let capp_value = `frequency_capping_value_${curr}`;
                        let status = row[capp_value] ?? 0;
                        ele += `<li><b>${curr.toUpperCase()}</b>: ${status}</li>`;
                    });

                    ele += `</ul>`;
                    return ele;
                }
            },
           { data: "sub_users" },
           {
             data: "utm_medium",
               render: function(data, type, row, meta){
                 return ((row.utm_medium)  ? row.utm_medium :  "NA")
              }
           },
           {
             data: "utm_source",
               render: function(data, type, row, meta){
                 return ((row.utm_source)  ? row.utm_source :  "NA")
              }
           },
           { data: "created_on" },
           { data: "last_loggedin",
               render: function(data, type, row, meta){
                   return ((row.last_loggedin ==null)  ? "No Login" : row.last_loggedin)
               }
           },
           { data: "last_campaign_date",
               render: function(data, type, row, meta){
                   return ((row.last_campaign_date ==null)  ? "No Campaigns" : row.last_campaign_date)
               }
           },
           { data: "credits" },
           { data: "total_launch" },
           { data: "total_spends",
               render: function(data, type, row, meta){
                   return ((row.total_spends =='0.000')  ? "0" : row.total_spends)
               }
           },
           { data: "total_units" },
           { data: "total_clicks" },
           { data: "pan_number",
            render: function(data, type, row, meta){
                return ((row.pan_number)  ? row.pan_number :  "NA")
            }
           },
           { data: "GST",
            render: function(data, type, row, meta){
                return ((row.GST)  ? row.GST :  "NA")
            }
           },
        //    { data: "category",
        //     render: function(data, type, row, meta){
        //         return ((row.category)  ? row.category :  "-")
        //     }
        //    },
           { data: "state",
            render: function(data, type, row, meta){
                return ((row.state)  ? row.state :  "NA")
            }
           },
           { data: "city",
            render: function(data, type, row, meta){
                return ((row.city)  ? row.city :  "NA")
            }
           },
           { data: "pincode",
            render: function(data, type, row, meta){
                return ((row.pincode)  ? row.pincode :  "NA")
            }
           },
           { data: "account_manager",
            render: function(data, type, row, meta){
                return ((row.account_manager)  ? row.account_manager :  "Not Assigned ")
            }
           },
           { data: "relation_manager",
            render: function(data, type, row, meta){
                return ((row.relation_manager)  ? row.relation_manager :  "Not Assigned")
            }
           },
           { data: "last_payment_amt",
            render: function(data, type, row, meta){
                return ((row.last_payment_amt)  ? row.last_payment_amt :  "No Payment")
            }
           },
           { data: "last_payment_date",
            render: function(data, type, row, meta){
                return ((row.last_payment_date)  ? row.last_payment_date :  "No Payment")
            }
           },
           { data: "num_pay_till_date",
            render: function(data, type, row, meta){
                return ((row.num_pay_till_date)  ? row.num_pay_till_date :  "0")
            }
           },
           { data: "user_type",
              render: function(data, type, row, meta){
                if(row.user_type == 1){
                  data = '<label class="greenIcon">Postpaid</label>';
                }else{
                  data = '<label class="redIcon">Prepaid</lable>';
                }   
                return data;
              }
           },
           { data: "boarding_status",
              render: function(data, type, row, meta){
                if(row.boarding_status == 1){
                  data = 'Onboarded';
                }else{
                  data = 'Not Onboarded';
                }   
                return data;
              }
           },
           { data: "sales_type",
            render: function(data, type, row, meta){
                if(row.sales_type == 'N'){
                  data = 'New';
                }else if(row.sales_type=='R'){
                  data = 'Retention';
                }else {
                     data = '-';
                 }
                return data;
            }
           },
           // FEED
           { data: "cam_nativeads",
              render: function(data, type, row, meta){
                if(row.cam_nativeads == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }   
                return data;
              }
           },
           // SMS
           { data: "cam_sms",
              render: function(data, type, row, meta){
                if(row.cam_sms == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }   
                return data;
              }
           },
           // SMS API
           { data: "transaction_otp_enabled",
              render: function(data, type, row, meta){
                if(row.transaction_otp_enabled == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }
                return data;
              }
           },
           // Whatsapp
           { data: "cam_whatsapp",
              render: function(data, type, row, meta){
                if(row.cam_whatsapp == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }
                return data;
              }
           },

           // Whatsapp API
           { data: "wa_transactional",
              render: function(data, type, row, meta){
                if(row.wa_transactional == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }
                return data;
              }
           },
        
           // RCS
           { data: "cam_rcs",
              render: function(data, type, row, meta){
                if(row.cam_rcs == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }   
                return data;
              }
           },
           
           { data: "rcs_transactional",
              render: function(data, type, row, meta){
                if(row.rcs_transactional == 1){
                  data = '<label class="greenIcon">YES</label>';
                }else{
                  data = '<label class="redIcon">NO</lable>';
                }   
                return data;
              }
           },
        //    { data: "cam_app_notifications",
        //       render: function(data, type, row, meta){
        //         if(row.cam_app_notifications == 1){
        //           data = '<label class="greenIcon">YES</label>';
        //         }else{
        //           data = '<label class="redIcon">NO</lable>';
        //         }
        //         return data;
        //       }
        //    },
        @can('hideFeedAccess')
           @can('hasLogsPermission')
           { data:"id",
               render: function(data, type, row, meta){
                data = '<a data-toggle="modal" href="#logHistory" data-info="' + row.id + '"  data-name="' + row.account_name + '" data-module="editAccountList" class="view_log">View Log</a> <br/>\n <a data-toggle="modal" href="#creditHistory" data-module="addCreditLog" data-info="' + row.id + '"  data-name="' + row.account_name + '" class="view_credit_log">View Credit Log</a>';
                        return data;
               }
           },
           @endcan

           @can('hasAddPermission')
           { data: "id",
               render: function(data, type, row, meta){
                   if(row.Status == 0){
                       data = '<a data-toggle="modal" href="" data-info="" class="fa fa-plus-square greyIcon"></a> &nbsp; <a data-toggle="modal" href="" data-info="" class="fa fa-minus-square greyIcon"></a> &nbsp;<a data-toggle="modal" href="" data-info="" class="fa fa-refresh greyIcon"></a>';
                   }else{
                       data = '<a id="add_credits_button" data-user_email = '+row.email+' title="Add Credit" data-toggle="modal" href="#add-credits" data-info="'+ row.id +'" class="add-credits fa fa-plus-square greenIcon"></a> &nbsp; <a data-user_email = '+row.email+' title="Deduct Credit" data-toggle="modal" href="#ded-credits" \
                       data-info="'+ row.id +'" class="ded-credits fa fa-minus-square redIcon"></a> &nbsp; <a style="cursor: pointer; data-user_email = '+row.email+' title="Reset Credit" data-info="'+ row.id +'" class="reset-credits fa fa-refresh"></a>'; 
                   }
   
                   return data;
               }
           },
           @endcan

           @can('hasUpdatePermission')
        //    {    data: "white_label",
        //     render: function (data, type, row) {
        //         if(row.Status==1){
        //             let div = `
        //                 <div style="display: flex; align-items: center; gap: 10px;">
        //                 <a id="edit_whitelabel_link" title="Edit White Label" data-toggle="modal" href="" data-info="" data-id=${row.id} data-link=${row.white_label_link} class="edit-data fa fa-edit greyIcon whitelabel ${row.white_label==0?'disable':'greenIcon'}"></a>
        //                     <a id="redirect_link" class="whitelabel ${row.white_label==0 || row.white_label_link==null ?'disable':''}" title="White Label Link" href=${row.white_label_link} target="_blank"><i class="fa fa-external-link ${row.white_label==0 || row.white_label_link==null?'disable':'enable'}" aria-hidden="true"></i></a>
        //                     <input type="checkbox" ${(row.white_label == 1 ? 'checked' : '')} data-onstyle="success" data-offstyle="danger" data-on="Yes" data-off="No" data-id=${row.id} class="toggle-event white_label" data-toggle="toggle" data-size="small" />
        //                 </div>`;
        //                 return div;
        //         } else{
        //             let div = `
        //                 <div style="display: flex; align-items: center; gap: 10px;">
        //                 <a id="edit_whitelabel_link" title="Edit White Label" data-toggle="modal" href="" data-info="" data-id=${row.id} class="edit-data fa fa-edit greyIcon whitelabel ${row.white_label==0?'disable':'greenIcon'}"></a>
        //                     <a id="redirect_link" class="whitelabel ${row.white_label==0?'disable':''}" title="White Label Link" href=${row.white_label_link} target="_blank"><i class="fa fa-external-link ${row.white_label==0?'disable':'enable'}" aria-hidden="true"></i></a>
        //                     <input type="checkbox" ${(row.white_label == 1 ? 'checked' : '')} data-onstyle="danger" data-offstyle="danger" data-on="No" data-off="No" data-id=${row.id} class="toggle-event white_label test_wl" data-toggle="toggle" data-size="small" disabled/>
        //                 </div>`;
        //                 return div;
        //         }
        //     }
        //     },
           {    data: "Status",
                    render: function (data, type, row) {
                        data = '<input type="checkbox" ' + (row.Status == 0 ? 'checked' : '') + ' data-onstyle="danger" data-offstyle="success" data-on="In-Active" data-off="Active" data-id="' + row.id + '" class="toggle-event account_status" data-toggle="toggle"  data-size="small" />';
                        return data;
                    }
            },
            {    data: "otp_status",
                    render: function (data, type, row) {
                        data = '<input type="checkbox" ' + (row.otp_status == 1 ? 'checked' : '') + ' data-onstyle="success" data-offstyle="danger" data-on="Enabled" data-off="Disabled" data-id="' + row.id + '" class="toggle-event otp_status" data-toggle="toggle"  data-size="small" />';
                        return data;
                    }
            },
            @endcan
            {
                data: "id",
                render: function(data, type, row, meta) {
                    let enabled = `<a title="Edit Campaign Data" href="editaccount_list/${row.id}" class="fa fa-edit greenIcon"></a>`;
                    let disabled = '<a title="Edit Campaign Data" data-toggle="modal" data-info="" class="edit-data fa fa-edit greyIcon"></a>';

                    if (row.Status == 0) {
                        return disabled;
                    }
                    else{
                        // only feed admin can have the access to edit feed account
                        if (isFeedAdmin) {
                            // if feed admin and have feed enabled then only feed can be edited
                            return row.cam_nativeads == 1 ? enabled : disabled;
                        }
                        else {
                            return enabled;
                        }
                    }
                }
            },
           { data:"id",
               render: function(data, type, row, meta){
                   if(row.Status == 0){
                       data = '<a title="Change Password" data-toggle="modal" data-user_id="'+row.id +'" class="updatepassword fa fa-lock greyIcon creditbtn"></a>';
                   }else{
                       data = '<a title="Change Password" data-toggle="modal" href="#updatepassword" data-user_id="'+ row.id +'" class="updatepassword fa fa-lock greenIcon"></a>';
                   }
                   return data;
               }
           },
           @endcan
           @can('hasAddPermission')
           { data:"id",
               render: function(data, type, row, meta){
                   data = '<a class="addwhitelistips" title="Add Whitelist IP" data-user_id="'+ row.id +'"><i class="fa fa-map-marker greenIcon" aria-hidden="true"></i></a>';
                    return data;
               }
           },
           @endcan
           @can('hasUpdatePermission')
           {
             data:'api',
             render: function(data, type, row, meta){
                if(row.last_loggedin !=null){
                    data = '<a title="View API" href="api_management/'+ row.id +'" data-user_id="'+ row.id +'" class=" fa fa-key greenIcon"></a>';
                }else{
                    data = '<a title="View API" data-user_id="'+ row.id +'" class=" fa fa-key greyIcon creditbtn"></a>';
                }
                 return data;
             }
            },
            @endcan
       ],
       fnRowCallback: function(nRow, aData) {
            return nRow;
        },
        "fnDrawCallback": function () {
            jQuery('.account_status').bootstrapToggle();
            jQuery('.white_label').bootstrapToggle();
            jQuery('.otp_status').bootstrapToggle();
        }
       });
   }


   $(document).ready(function(){
        $("body").on('input keyup paste keypress', '#ded_credits_amt,#add_credits_amt,#limit_per_minute,#limit_per_days', function(e){
           var val = $(this).val();
           var regex = /^(\d{0,9})((\.(\d{0,2})?)?)$/i;
           if (regex.test(val + String.fromCharCode(e.charCode))) {
               return true;
           }
           return false;
       });
      $("body").on('click', '#modal-footersave-credits', function(){
           var val = $("#ded_credits_amt,#add_credits_amt").val();
           if(val<1 || val=='.'){
               $(".error-credit").attr('hidden', false);
               return false;
           }else{
               $(".error-credit").attr('hidden', true);
               return true;
           }
      });
      $('#modal-close').on('click', function(){
          $('#ded_credits_amt,#add_credits_amt').val("");
          $(".error-credit").attr('hidden', true);
      });
   
       $('#add-credits, #ded-credits').on('shown.bs.modal', function () {
           $('#ded_credits_amt,#add_credits_amt').focus();
       });

       $('#updatepassword, #ded-credits').on('shown.bs.modal', function () {
           $('#user_password').focus();
       });
   
        $("#add-credits, #ded-credits,#updatepassword").on('hide.bs.modal', function(){
            $('#ded_credits_amt,#add_credits_amt,#add_credits_description,#deduct_credits_description,#user_password').val("");
           
            $("#add_credits_approving_user").val($("#add_credits_approving_user option:first").val());

            $("#deduct_credits_approving_user").val($("#deduct_credits_approving_user option:first").val());

            options_data ='<option value="">Select Launch ID</option>';
            $('#selected_launch_id').find('option').remove().end().append(options_data);
            $('#launch_date_div').hide();
            $('#selected_launch_id_div').hide();
            $('#add_creditform_button').removeClass('disabled');
            $('#add_credits_amt').attr('disabled',false);
            $('#credit_status option[value="2"]').prop("selected",true);
            $(".error-credit").attr('hidden', true);
            $('#launch_date').val("");
            $('#add_credits_description').val("");
        });
   });
   
  $(document).ready(function() {
    $("#edit-data.close").hide();
    $("#ded-credits.close").hide();
    $("#add-credits.close").hide();
    $("#updatepassword.close").hide();

        $('#add_creditform_button,#deduct_creditform_button').unbind('click').click(function() {
         
          $(this).addClass('disabled');

          var id = $('#MId').val();
          var credit_type = $('#credit_type').val();       
          var credits_description = description = credit_amount = credit_status = "";
          var selected_launch_id ='';
          var user_email = '';
          if(credit_type == "add") {
            if(confirm(`Are you sure to add ${$('#add_credits_amt').val()} Credits`)){
                credit_amount = $('#add_credits_amt').val();
                description = $('#add_credits_description').val();
                approving_user = $('#add_credits_approving_user').val();
                credit_status =  $('#credit_status').val();
                selected_launch_id = $('#selected_launch_id').val();
                attachment = $('#attachment')[0].files[0];
            }else{
                $('#add_creditform_button').removeClass('disabled');
                return false;
            }

          } else {
              credit_amount = $('#ded_credits_amt').val();
              description = $('#deduct_credits_description').val();
              approving_user = $('#deduct_credits_approving_user').val();
          }
          // creating a new instance form data becasue content type and process data is set to false
          // content and process is false because form is multi part
          var new_data = new FormData(); // create a new FormData.. 
                var csrf = $('#csrf_temp').val();
                // new_data.append('_token', csrf);
                new_data.append('id', id);
                new_data.append('credit_status', credit_status);
                new_data.append('credit_amount', credit_amount);
                new_data.append('credit_type', credit_type);
                new_data.append('description', description);
                new_data.append('approving_user', approving_user);
                new_data.append('selected_launch_id', selected_launch_id);
                new_data.append('attachment', attachment);
                new_data.append('approving_user', approving_user);
                new_data.append('user_email_meta',user_email);
          $.ajax({
                type: 'post',
                contentType: false,
                processData: false,
                url: 'accountlist',
                data: new_data,
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
              success: function(data) {
                  if(data.error_status == "ERROR") {

                    if(credit_type == "add"){
                       $('#add_credits_error_alert_div').show().addClass('alert alert-block alert-danger').css('display','block');
                       $("#add_credits_error_alert_message").html(data.message);
                       $('#add_creditform_button').removeClass('disabled');
                    }

                    if(credit_type == "ded"){
                      $('#deduct_creditform_button').removeClass('disabled');
                      $('#deduct_credits_error_alert_div').show().addClass('alert alert-block alert-danger').css('display','block');
                      $("#deduct_error_alert_message").html(data.message);
                    }
                  }

                  if(data.error_status == "SUCCESS"){
                    if(credit_type == "add"){
                        $('#add-credits').modal('hide');  
                        $('#add_creditform_button').removeClass('disabled');
                      }                
                      if(credit_type == "ded"){   
                        $('#ded-credits').modal('hide');                   
                        $('#ded_creditform_button').removeClass('disabled');
                      }

                      $('#alert_sub').addClass('alert-success').css('display','block');
                      $('.alert_sub').html(data.message);

                     masterlist_dt($('#acc_id').val());
                       }
                  setTimeout(function() {
                      $('.alert').fadeOut('fast');
                      $('#add_creditform_button').removeClass('disabled');
                      $('#deduct_creditform_button').removeClass('disabled');
                  }, 5000);
              }
          });      
        });

       jQuery.fn.getSelectionStart = function(){
           if(this.lengh == 0) return -1;
           input = this[0];
   
           var pos = input.value.length;
   
           if (input.createTextRange) {
               var r = document.selection.createRange().duplicate();
               r.moveEnd('character', input.value.length);
               if (r.text == '')
               pos = input.value.length;
               pos = input.value.lastIndexOf(r.text);
           } else if(typeof(input.selectionStart)!="undefined")
           pos = input.selectionStart;
   
           return pos;
       }
   
       jQuery.fn.getCursorPosition = function(){
           if(this.lengh == 0) return -1;
           return $(this).getSelectionStart();
       }

       $('body').on('keyup keypress paste', '#my_data_cps, #whistle_smart_data_cps, #raw_data_cps, #whistle_smart_phone_cps, #whistle_raw_data_cps, #pincode_data_cps,#api_mydata_cps, #my_data_cps_1,#whistle_smart_data_cps_1, #raw_data_cps_1, #whistle_smart_phone_cps_1, #pincode_data_cps_1,#api_mydata_cps_num, #rcs_raw_data_cps, #rcs_my_data_cps, #rcs_whistle_smart_data_cps, #rcs_whistle_smart_phone_cps, #rcs_pincode_data_cps, #whatsapp_cps_data,#transactional_cps,#wa_transactional_cps,#wa_cps_raw_data,#wa_cps_my_data,#wa_cps_whistle_data,#wa_cps_bdl_data,#wa_cps_api_mydata,#wa_cps_raw_data_trans,#wa_cps_my_data_trans,#wa_cps_whistle_data_trans,#wa_cps_bdl_data_trans,#wa_cps_api_mydata_trans,#cps_whatsapp_transactional,#wa_cps_clicked_data,#wa_cps_api_data,#cps_rcs_api', function(e){
           var val = $(this).val();
           var cursor = $(this).getCursorPosition();
           let startString = val.substring(0,cursor);
           let endString   = val.substring(cursor);
           var regex = /^(\d{0,1})((\.(\d{0,4})?)?)$/i;
           if (regex.test(startString+String.fromCharCode(e.charCode)+endString)) {
               return true;
           }else{
               return false;
           }
       });
	});

    $(document).on('click', '.updatepassword', function() {
        var user_id = $(this).data('user_id');
        $(".modal-body #user_id").val(user_id);
        $(".modal-body #user_password").val();
        document.getElementById("empty_password").innerHTML = "";
    });

    function add_password_model(event, user_id) {
      $('#updatepassword').modal('toggle'); 
      $(".modal-body #user_id").val(user_id);
      $(".modal-body #user_password").val('');
    }
    function update_password() {
        var user_id = $('#user_id').val();
        var password = $('#user_password').val();
        if (password == "" && user_id == "" ){
            document.getElementById("empty_password").innerHTML = "The Password Field Is Required And Cannot Be Empty";
            document.getElementById("empty_password").style.color = "red";
            $('#user_password').focus();
        }
        else{
            $('.loading').css('display','block');
            $.ajax({
                type: 'post',
                url: 'updatePassword',
                data: {
                    "_token": "{{ csrf_token() }}",
                    "user_id":user_id,
                    "password":password
                },
                success: function(response) {
                    $('.loading').css('display','none');
                    if(response.success == true) {
                        $('#updatepassword').modal('toggle');
                        toastr.success(user_id +' '+ response.message);
                    }else{
                        toastr.error(user_id + ' ' + response.message);
                    }
                }
            });
        }
    }
    // ==== update Password ends =====

    // ==== get launch ids starts =====

    $(document).on('change', '.modal-body #credit_status', function() {
        credit_status = $(this).val();
        if(credit_status == 7) {
            $('#launch_date_div').show();
            $('#selected_launch_id_div').show();
            $('#add_credits_amt').val("");
            $('#add_credits_amt').attr('disabled',true);
            $('#launch_date').val("");
            $('#add_credits_description').val("");
            options_data ='<option value="">Select Launch ID</option>';
            $('#selected_launch_id').find('option').remove().end().append(options_data).removeClass('disabled');  
            $('#attachment_box').hide();
        }else{
            $('#selected_launch_id_div').val();
            $('#attachment_box').show();
            $('#launch_date_div').hide();
            $('#selected_launch_id_div').hide();
            $('#add_creditform_button').removeClass('disabled');
            $('#add_credits_amt').attr('disabled',false);
            $('#add_credits_amt').val("");
            $('#add_credits_description').val("");
       }
    });

    $(document).on('click', '.modal-body #selected_launch_id', function() {
        launchtotalspends = $(this).children(':selected').data('totalspends');
        $(".modal-body #add_credits_amt").val(launchtotalspends).attr('disabled',true);
    });

    function getlaunchids() {

        var selected_date = $("#launch_date").val();
        var master_user_id = $("#MId").val();

        $.ajax({
            type: 'post',
            url: "{{ url('/get_launch_ids') }}",
            data: {
                "_token": "{{ csrf_token() }}",
                "master_user_id":master_user_id,
                "selected_date":selected_date
            },
            dataType:'json',
            success: function(data) {
                
                if(data.length === 0) {
                    options_data ='<option value="">No Launch IDs exists to deduct credits</option>';
                    $('#selected_launch_id').find('option').remove().end().append(options_data).addClass('disabled');
                    $('#add_creditform_button').addClass('disabled');
                    $(".modal-body #add_credits_amt").val("");
                } else {
                    options_data ='<option value="">Select Launch ID</option>';
                    $.each(data, function(key,value) {
                        options_data += '<option value="'+value.launch_id+'" data-totalspends="'+value.total_spends+'">'+ value.launch_id +'</option>'
                    });
                    $('#selected_launch_id').find('option').remove().end().append(options_data).removeClass('disabled');
                    $('#add_creditform_button').removeClass('disabled');
                }
            }
        });
    }
    // ============== get launch ids ends ========

    /// function for filter or active in-active zero campaign
    $(document).on('click','.count-div',function(){
        // setting the value of status in a variable 
        filter_status_variable = $(this).data('filter_count_status');
        // clearing the select and the multi select here 
        $("#acc_id").multiselect("clearSelection");
        $('#acc_cat_filter').prop('selectedIndex', 0);
        // clearing the date fields here 
       // $("#start_date").val('');
       // $("#end_date").val('');
        masterlist_dt('','all',filter_status_variable);
        $('.count-div').removeClass('btn-outline-success active')
        $(this).addClass('btn-outline-success active')
    })

    var wa_raw_data_promo = Number('{{env('wa_raw_data_promo')}}')
    var wa_raw_data_trans = Number('{{env('wa_raw_data_trans')}}')

    var wa_my_data_promo = Number('{{env('wa_my_data_promo')}}')
    var wa_my_data_trans = Number('{{env('wa_my_data_trans')}}')

    var wa_clicked_data_promo = Number('{{env('wa_clicked_data_promo')}}')
    var wa_clicked_data_trans = Number('{{env('wa_clicked_data_trans')}}')

    var wa_bdl_data_promo = Number('{{env('wa_bdl_data_promo')}}')
    var wa_bdl_data_trans = Number('{{env('wa_bdl_data_trans')}}')

    var wa_api_data_promo = Number('{{env('wa_api_data_promo')}}')
    var wa_api_data_trans = Number('{{env('wa_api_data_trans')}}')

    var wa_bdl_us_promo = Number('{{env('wa_bdl_us_promo')}}')
    var wa_bdl_us_trans = Number('{{env('wa_bdl_us_trans')}}')
</script>
@endsection