@extends('layouts.app')

@section('title', 'Production_Report')

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
    

    <!-- Page Heading -->
   
    <div class="row">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Production Report</h1>
</div>
       
    </div>
  
      
    
           
   
<!-- ------------------------------------- -->
<div class="card shadow mb-4">
    
        <div class="card-header py-3">
            <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
          
        <div class="card-body">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <div class="row mt-1">

<div class="col-md-12 mr-1">
        <label class="labels">From_Date</label>
                                <input type="datetime-local" class="form-control @error('fromdate') is-invalid @enderror" name="fromdate[]" id="fromdate"
                                    placeholder="FromDate" onchange="FDhandler(event)" value="{{ now()->format('Y-m-d') }}T00:00">
                                @error('orderdate')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>
                                </div>   
                                <div class="row mt-1">
                                <div class="col-md-12">
        <label class="labels">To_Date</label>
                                <input type="datetime-local" class="form-control @error('todate') is-invalid @enderror" name="todate[]" id="todate"
                                    placeholder="ToDate" onchange="TDhandler(event)" value="{{ now()->format('Y-m-d\TH:i') }}">
                                @error('orderdate')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                                </div>           
                                </div>

                                <div class="col-md-2">                             
<div class="float-right mt-3">
           <button  id ="btnview" href="#" class="btn btn-md btn-success">
        <i class="fa fa-eye" aria-hidden="true"></i>View</button>
    </div>
    </div>

                                <div class="col-md-2">                             
<div class="float-right mt-3">
           <button  id ="btnpdf" href="#" class="btn btn-md btn-warning">
           <i class="fa fa-list-ul" aria-hidden="true"></i>Export_PDF</button>
    </div>
    </div>

    <div class="col-md-2">   
    <div class="float-right mt-3">
         <a href="{{ route('ieviewer.reportindex')}}" class="btn btn-md btn-primary"><i
            class="fas fa-arrow-left fa-sm text-white-10"></i> Back</a>
    </div>
    </div>              
   
            
                           
                           </div>     
                                                         
</body>

</div>
                          
                           
                           
                          </div>       
                          </div>  
                          
                         
<!-- ----------------------------------------------- -->
   <div class="card shadow mb-4">
    
        <div class="card-header py-3">
            <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
          
        <div class="card-body">

<div class="row"> 
        <div class="col-md-4" > 
       
                                 
                            </div>
                          
                           
                           
                           </div>                  
</body>

    {{-- Alert Messages --}}
    @include('common.alert')
   
    <!-- DataTales Example -->
    <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>
                            <!-- <th width="30%">Aproved_By</th>
                            <th width="30%">Approved_Date</th>
                            <th width="50%">Description</th>
                            <th width="20%">Action</th> -->
                       
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>

                   <!-- ---------add data rows -->
                  
                
                    </tbody>
                </table>
   
           
              
            </div>
           
        </div>
    

</div>
</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).on('click', '#btnpdf', function(event) {
       event.preventDefault();
   
 
  
if (confirm('Are you sure?')) { // var selectedDate = $('.date-input').val();

    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 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;        
          
          
            $.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>
    @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); -->