@extends('layouts.app')

@section('title', 'Production_Report')

@section('content')
<div class="container-fluid">

    {{-- JS Includes --}}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- Page Heading -->
    <div class="row">
        <div class="col">
            <h1 class="h3 mb-4 text-gray-800">Production Report</h1>
        </div>
    </div>

    <!-- Filter Card -->
    <div class="card shadow mb-4">
        <div class="card-body">
            <!-- <form method="GET" action="#">
                @csrf -->

                <!-- Radio Buttons -->
                <div class="row mb-3">
                    <div class="col-md-6">
                    <label class="mr-3">
                            <input type="radio" name="filter" value="none" id="radioNone" checked> None
                        </label>
                        <label class="mr-3">
                            <input type="radio" name="filter" value="item" id="radioItem"> With Item
                        </label>
                        <label>
                            <input type="radio" name="filter" value="category" id="radioCategory"> With Category
                        </label>
                    </div>
                </div>
             
                <!-- From Date -->
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="labels">From Date</label>
                        <input type="datetime-local" name="fromdate[]" id="fromdate"
                            class="form-control @error('fromdate') is-invalid @enderror"
                            onchange="FDhandler(event)" 
                            value="{{ now()->format('Y-m-d') }}T00:00">
                        @error('fromdate')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <!-- To Date -->
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="labels">To Date</label>
                        <input type="datetime-local" name="todate[]" id="todate"
                            class="form-control @error('todate') is-invalid @enderror"
                            onchange="TDhandler(event)" 
                            value="{{ now()->format('Y-m-d\TH:i') }}">
                        @error('todate')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="row mb-3">
    <div class="col-md-6">
        <label class="labels">Select Description</label>
        <select name="description[]" id="description" 
                class="form-control @error('description') is-invalid @enderror" 
                disabled>
            <!-- <option value="">-- Select Item/Category --</option> -->
            <!-- <option value="item1">Item 1</option>
            <option value="item2">Item 2</option>
            <option value="category1">Category 1</option>
            <option value="category2">Category 2</option> -->
        </select>
        @error('description')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

                <!-- Buttons -->
                <div class="row">
                    <div class="col-md-2 mb-2">
                        <button id="btnview" type="submit" class="btn btn-success btn-md w-100">
                            <i class="fa fa-eye" aria-hidden="true"></i> View
                        </button>
                    </div>
                    <div class="col-md-2 mb-2">
                        <button id="btnpdf" type="button" class="btn btn-warning btn-md w-100">
                            <i class="fa fa-list-ul" aria-hidden="true"></i> Export PDF
                        </button>
                    </div>
                    <div class="col-md-2 mb-2">
                        <a href="{{ route('ieviewer.reportindex') }}" class="btn btn-primary btn-md w-100">
                            <i class="fas fa-arrow-left fa-sm text-white-10"></i> Back
                        </a>
                    </div>
                </div>
            <!-- </form> -->
        </div>
    </div>

    <!-- Optional Alert Messages -->
    @include('common.alert')

    <!-- Production Report Table -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Production Report</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th width="30%">Item Code</th>
                            <th width="50%">Item</th>
                            <th width="20%">Quantity</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- Data rows go here --}}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
@endsection

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/flatpickr">
        
    </script>

<script>
    flatpickr("input[type=datetime-local]");
</script>
    @endpush
    @section('scripts')
    <script>
function FDhandler(e) {
       // alert(e.target.value);
var od = e.target.value;
od = od.replace("T", " ");
$('#from_date').val(od);
//alert(od)


    }
</script>
<script>
function TDhandler(e) {
      //  alert(e.target.value);
        var pd = e.target.value;
pd = pd.replace("T", " ");
$('#to_date').val(pd);
//alert(pd);
    }
</script>

<script>

$(document).ready(function () {
    $(document).on('click', '#btnpdf', function(event) {
            event.preventDefault();

            let rowCount = $('#dataTable tbody tr:visible').length;

if (rowCount === 0) {
 //   e.preventDefault(); // Prevent the default PDF export action

    // Show SweetAlert warning
    Swal.fire({
        icon: 'warning',
        title: 'Empty Report',
        text: 'No data available to export. Please view a report first.',
        confirmButtonText: 'OK'
        
    });
   return;
} else {
    // Continue with your export logic here
    console.log("Proceed with export...");
}


var fromDate = $('#fromdate').val();
var toDate = $('#todate').val();
    var tableContent = $('#dataTable').clone();
  
  // Remove any script tags that may interfere
  $('script.flasher-js').remove();

  // Create a new window for printing
  var printWindow = window.open('', '_blank');
  
  // Ensure we escape the content correctly
  var tableHtml = tableContent.prop('outerHTML'); // Get the HTML content of the table

  // Check if tableHtml has any special characters that need to be escaped
  tableHtml = tableHtml.replace(/`/g, '&#96;'); // Escape backticks if any

  // Add the table and styles to the new window
  printWindow.document.write(`
    <!DOCTYPE html>
    <html lang="en">
      <body>
        <style>
          table {
            width: 100%;
            border-collapse: collapse;
          }
          table, th, td {
            border: 1px solid black;
            text-align: left;
            padding: 8px;
          }
          th {
            background-color: #f2f2f2;
          }
        </style>
        <h2>HitechBay</h2>
        <hr>
        <h2>Production Report</h2>
        <p><strong>From:</strong> ${fromDate} &nbsp;&nbsp; <strong>To:</strong> ${toDate}</p>
        ${tableHtml} <!-- Properly insert the table HTML content -->
      </body>
    </html>
  `);


  // Close the document and initiate the print dialog
  printWindow.document.close();
  printWindow.focus();
  printWindow.print();
  printWindow.close();
  });
});
</script>


<!-- <script>
 $(document).on('click', '#btnpdf', function(event) {
       event.preventDefault();
   
 
  
if (confirm('Are you sure?')) { // var selectedDate = $('.date-input').val();

    let rowCount = $('#dataTable tbody tr:visible').length;

        if (rowCount === 0) {
         //   e.preventDefault(); // Prevent the default PDF export action

            // Show SweetAlert warning
            Swal.fire({
                icon: 'warning',
                title: 'Empty Report',
                text: 'No data available to export. Please view a report first.',
                confirmButtonText: 'OK'
                
            });
           return;
        } else {
            // Continue with your export logic here
            console.log("Proceed with export...");
        }


    var frd = document.getElementById("fromdate").value;
     frd = frd.replace("T", " ");

   var tod = document.getElementById("todate").value;
   tod = tod.replace("T", " ");
 //$(".fromdate").html(frd);
 //$(".todate").html(tod);
    html2canvas($('#dataTable')[0], {
                onrendered: function (canvas) {

                    var data = canvas.toDataURL();
                    
                    var docDefinition = {
                       content: [{
                        
                            image: data,
                            width: 500
                        }]
                    };
                  //  addotherelements();
                   pdfMake.createPdf(docDefinition).download("Production-Details.pdf");
                }
            });


}
 });

//  var addotherelements = function(){
//     html2canvas($('#dataTable')[0], {
//                 onrendered: function (canvas) {

//                     var data = canvas.toDataURL();
                    
//                     var docDefinition = {
                      
                    
//                     content: [{
                        
//                             image: data,
//                             width: 500
//                         }]
//                     };
                    
//                     pdfMake.createPdf(docDefinition).download("Production-Details.pdf");
//                 }
//             });
//  }

 </script> -->
<script>
 $(document).on('click', '#btnview', function(event) {
       event.preventDefault();
   
 
  
if (confirm('Are you sure?')) {

    $('#dataTable >tbody >tr').remove();

//     var od = document.getElementById("fromdate").value;
// fd = od.replace("T", " ");

var od = document.getElementById("fromdate").value; // "2025-07-20T12:30"
var fd = od.split("T")[0]; // "2025-07-20"


var pd = document.getElementById("todate").value;
td = pd.split("T")[0];

//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;        
          
          
            $.ajax({   
                    url: "{{ url('orderlist/viewProductionreportbydatarangemainitem/') }}" ,
                    type: "GET",
                    data: {
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'

                    },
                    dataType: 'json',
                    success: function (res) {
                        if(res != null){

                          
                        $.each(res, function (key, value) {
                            //$('#employee').prop('disabled', false);  
                            var itemcode=value.itemcode;
                            var gen=value.gen;
                         var item=value.item;
 var qty=value.tqty;
 
 
  //var employee=$('#user_emp option:selected').text();
                var html = '';
 html += '<tr>';
 //html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
// html += '<td >'+"Computers"+'</td>'; 
 html += '<td >'+itemcode+'</td>'; 
 html += '<td >'+item+"-"+gen+'</td>';
 html += '<td >'+qty+'</td>';
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
  $('#dataTable').append(html);
                           
});  

 

}   
getsubitemslist(); // sub items
getramitemslist(); //  rams
getbootingharddiskitemslist(); //booting harddisks
getadditionalharddiskitemslist();// additional harddisks
getskinitemslist(); // skins 
//getitemtype2();


}       
                        });

}
 });

 var getsubitemslist = function(){
    var od = document.getElementById("fromdate").value;
fd = od.replace("T", " ");

var pd = document.getElementById("todate").value;
td = pd.replace("T", " ");

//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;       

   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewProductionreportbydatarangesubitem/') }}" ,
                    type: "get",
                    data: {
                       
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
    var itemcode=value.itemcode;
    
var item=value.item;
var qty=value.tqty;



var html = '';
html += '<tr>';
//html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
// html += '<td >'+"Computers"+'</td>'; 
html += '<td >'+itemcode+'</td>'; 
html += '<td >'+item+'</td>';
// quantity
html += '<td >'+qty+'</td>'; 
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
$('#dataTable').append(html);

   
}); 

}     


                        
                 
}            
                        });


}


 var getramitemslist = function(){
    var od = document.getElementById("fromdate").value;
fd = od.replace("T", " ");

var pd = document.getElementById("todate").value;
td = pd.replace("T", " ");

//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;       

   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewProductionreportbydatarangeRANITEMS/') }}" ,
                    type: "get",
                    data: {
                       
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
    var itemcode=value.itemcode;
    var combination=value.combination;
    var output = combination.split('x');
    var output1 = output[0];
    var output2 = output[1];
var item=value.item;
var qty=value.tqty;



var html = '';
html += '<tr>';
//html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
// html += '<td >'+"Computers"+'</td>'; 
html += '<td >'+itemcode+'</td>'; 
html += '<td >'+item+"-" +output2 +'</td>';
// quantity
html += '<td >'+qty+'</td>'; 
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
$('#dataTable').append(html);

   
}); 

}     


                        
                 
}            
                        });


}

var getbootingharddiskitemslist = function(){
    var od = document.getElementById("fromdate").value;
fd = od.replace("T", " ");

var pd = document.getElementById("todate").value;
td = pd.replace("T", " ");

//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;       

   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewProductionreportbydatarangebootingharddisk/') }}" ,
                    type: "get",
                    data: {
                       
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
    var itemcode=value.itemcode;
    
var item=value.item;
var qty=value.tqty;



var html = '';
html += '<tr>';
//html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
// html += '<td >'+"Computers"+'</td>'; 
html += '<td >'+itemcode+'</td>'; 
html += '<td >'+item+'</td>';
// quantity
html += '<td >'+qty+'</td>'; 
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
$('#dataTable').append(html);

   
}); 

}     


                        
                 
}            
                        });


}

var getadditionalharddiskitemslist = function(){
    var od = document.getElementById("fromdate").value;
fd = od.replace("T", " ");

var pd = document.getElementById("todate").value;
td = pd.replace("T", " ");

//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;       

   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewProductionreportbydatarangeadditional_hdd/') }}" ,
                    type: "get",
                    data: {
                       
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
    var itemcode=value.itemcode;
    
var item=value.item;
var qty=value.tqty;



var html = '';
html += '<tr>';
//html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
// html += '<td >'+"Computers"+'</td>'; 
html += '<td >'+itemcode+'</td>'; 
html += '<td >'+item+'</td>';
// quantity
html += '<td >'+qty+'</td>'; 
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
$('#dataTable').append(html);

   
}); 

}     


                        
                 
}            
                        });


}


var getskinitemslist = function(){
    var od = document.getElementById("fromdate").value;
fd = od.replace("T", " ");

var pd = document.getElementById("todate").value;
td = pd.replace("T", " ");

//var dateStr = year +"-" + month + "-" + day +" "+ hours + ":"+ minutes +":"+ seconds;
//var timeStr= hours + ":"+ minutes +":"+ seconds;
var fromdate = fd;
var todate = td;       

   //var fon = parseInt(order_number);
   // var order_number = this.value;
             //   $("#city-dropdown").html('');
             $.ajax({
                    url: "{{ url('orderlist/viewProductionreportbydatarangeskin_type/') }}" ,
                    type: "get",
                    data: {
                       
                        fromdate:fromdate,
                        todate:todate,
                        //order_date:dateStr,
                        _token: '{{csrf_token()}}'
                       
                        // _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {

                        if(result != null){

                        
$.each(result, function (key, value) {
    var itemcode=value.itemcode;
    
var item=value.item;
var qty=value.tqty;



var html = '';
html += '<tr>';
//html += '<td ><input type="checkbox" id ="itemchk0" name="itemchk['+id+']" value="'+id+'" >'+'</td>';
// html += '<td >'+"Computers"+'</td>'; 
html += '<td >'+itemcode+'</td>'; 
html += '<td >'+item+'</td>';
// quantity
html += '<td >'+qty+'</td>'; 
// html += '<td style="font-weight:bold" id ="item" name="item['+id+']">' + item + "-:" + quantity +'</td>';
html +='</tr>';
$('#dataTable').append(html);

   
}); 

}     


                        
                 
}            
                        });


}
</script>
<script>
$(document).ready(function () {
    $('#description').empty();
    $('input[name="filter"]').change(function () {
        let selectedValue = $('input[name="filter"]:checked').val();

        if (selectedValue === 'none') {
            $('#description').prop('disabled', true);
            $('#description').html('<option value="0">-- None --</option>');
        } else if (selectedValue === 'item' || selectedValue === 'category') {
            $('#description').prop('disabled', false);
if(selectedValue === 'item'){

    $.ajax({
                    
                 
        url: "{{ url('productlist/fetchproductall/') }}",
                  type: "POST",
                   dataType: 'json',
                //    url: "{{url('routes/fetchState')}}",
                //    const url = "{{ url('routes/edit-route/{id}') }}"
                    // url: '/fetchState/',
                  //  url: "{{url('fetchState')}}",
                    data: {
                      //  type: '2',
                        _token: '{{csrf_token()}}'
                    },
                   
                    success: function (result) {
            //             if(result != null){
            //     $('#itemSearch').val(result.item);
            //     // $('#title').val(response.title);
            // }

            $('#description').html('<option value="0">-- Select Product --</option>');
                        $.each(result.products, function (key, value) {
                            $("#description").append('<option value="' + value
                                .id + '">' + value.item + '</option>');
                        });

                        
                    }
                });
    
}else{

    $.ajax({
                    
                 
                    url: "{{ url('categorylist/fetchcategory/') }}",
                              type: "GET",
                               dataType: 'json',
                            //    url: "{{url('routes/fetchState')}}",
                            //    const url = "{{ url('routes/edit-route/{id}') }}"
                                // url: '/fetchState/',
                              //  url: "{{url('fetchState')}}",
                                data: {
                                  //  type: '2',
                                    _token: '{{csrf_token()}}'
                                },
                               
                                success: function (result) {
                        //             if(result != null){
                        //     $('#itemSearch').val(result.item);
                        //     // $('#title').val(response.title);
                        // }
            
                        $('#description').html('<option value="0">-- Select Category --</option>');
                                    $.each(result.categories, function (key, value) {
                                        $("#description").append('<option value="' + value
                                            .id + '">' + value.category + '</option>');
                                    });
            
                                    
                                }
                            });
}

        }
    });
});

    </script>
    @endsection

    <!-- const now = new Date();

const datesByLocale = {
  'ar-SA': now.toLocaleDateString('ar-SA'),
  'bn-BD': now.toLocaleDateString('bn-BD'),
  'bn-IN': now.toLocaleDateString('bn-IN'),
  'cs-CZ': now.toLocaleDateString('cs-CZ'),
  'da-DK': now.toLocaleDateString('da-DK'),
  'de-AT': now.toLocaleDateString('de-AT'),
  'de-CH': now.toLocaleDateString('de-CH'),
  'de-DE': now.toLocaleDateString('de-DE'),
  'el-GR': now.toLocaleDateString('el-GR'),
  'en-AU': now.toLocaleDateString('en-AU'),
  'en-CA': now.toLocaleDateString('en-CA'),
  'en-GB': now.toLocaleDateString('en-GB'),
  'en-IE': now.toLocaleDateString('en-IE'),
  'en-IN': now.toLocaleDateString('en-IN'),
  'en-NZ': now.toLocaleDateString('en-NZ'),
  'en-US': now.toLocaleDateString('en-US'),
  'en-ZA': now.toLocaleDateString('en-ZA'),
  'es-AR': now.toLocaleDateString('es-AR'),
  'es-CL': now.toLocaleDateString('es-CL'),
  'es-CO': now.toLocaleDateString('es-CO'),
  'es-ES': now.toLocaleDateString('es-ES'),
  'es-MX': now.toLocaleDateString('es-MX'),
  'es-US': now.toLocaleDateString('es-US'),
  'fi-FI': now.toLocaleDateString('fi-FI'),
  'fr-BE': now.toLocaleDateString('fr-BE'),
  'fr-CA': now.toLocaleDateString('fr-CA'),
  'fr-CH': now.toLocaleDateString('fr-CH'),
  'fr-FR': now.toLocaleDateString('fr-FR'),
  'he-IL': now.toLocaleDateString('he-IL'),
  'hi-IN': now.toLocaleDateString('hi-IN'),
  'hu-HU': now.toLocaleDateString('hu-HU'),
  'id-ID': now.toLocaleDateString('id-ID'),
  'it-CH': now.toLocaleDateString('it-CH'),
  'it-IT': now.toLocaleDateString('it-IT'),
  'ja-JP': now.toLocaleDateString('ja-JP'),
  'ko-KR': now.toLocaleDateString('ko-KR'),
  'nl-BE': now.toLocaleDateString('nl-BE'),
  'nl-NL': now.toLocaleDateString('nl-NL'),
  'no-NO': now.toLocaleDateString('no-NO'),
  'pl-PL': now.toLocaleDateString('pl-PL'),
  'pt-BR': now.toLocaleDateString('pt-BR'),
  'pt-PT': now.toLocaleDateString('pt-PT'),
  'ro-RO': now.toLocaleDateString('ro-RO'),
  'ru-RU': now.toLocaleDateString('ru-RU'),
  'sk-SK': now.toLocaleDateString('sk-SK'),
  'sv-SE': now.toLocaleDateString('sv-SE'),
  'ta-IN': now.toLocaleDateString('ta-IN'),
  'ta-LK': now.toLocaleDateString('ta-LK'),
  'th-TH': now.toLocaleDateString('th-TH'),
  'tr-TR': now.toLocaleDateString('tr-TR'),
  'zh-CN': now.toLocaleDateString('zh-CN'),
  'zh-HK': now.toLocaleDateString('zh-HK'),
  'zh-TW': now.toLocaleDateString('zh-TW'),
};

const formatToLocales = _.invertBy(datesByLocale); -->