@extends('admin.layout')
@section('content')
<style type="text/css">
   .modal-body {
   padding: 5rem 4rem;
   text-align: center;
   }
   .modal-footer .btn-primary:hover{
   background: transparent;
   border-color: transparent;
   }
   .dropdown-toggle::after{
   display: none;
   }
   .modal-body {
   font-size: 16px;
   }
   .modal-content {
   min-height: auto;
   }
   .modal-title {
   padding-left: 0;
   }
   .modal-body p {
   margin-bottom: 0;
   font-size: 24px;
   font-weight: 600;
   }
   .ecom-btn-border1{
   min-width: 125px;
   padding: 3px 9px;
   }
   .bg-beauty-green{
   background: #4CAF50 !important;
   }
   .container-custom01, .container-custome02{
   max-width: 1900px;
   width: 100%;
   padding-left: 2%;
   padding-right: 2%;
   }
   .container-custome02 {
    margin-top: 30px;
}
   .content-wrapper.close-wrapper {
   margin-left: 300px!important;
   }
   .content-wrapper {
   margin-left: 0px!important;
   }
   .sidenav {
   width: 0px;
   }
   table thead tr th{
   color: #fff !important;
   }
   table thead tr {
   background-color: #7460ee;
   }
   img.gene {
    width: 30px;
}
.summytable{
  white-space: nowrap;
}
.table thead th {
    vertical-align: middle;
    }


.retail label, .retail input {
    margin: 0px 5px;
}

.retail {
    margin-bottom: 25px;
}
.inl {
    display: inline-flex;
}
.cen_me thead tr th {
    text-align: center !important;
}
.total p {
    display: inline-block;
    width: 155px;
}
.ymd tbody tr td:first-child {
    background-color: #7460ee;
    color: #ffff;
    text-align: center !important;
}
.ymd tbody tr td
{
      text-align: -webkit-right !important;
}
</style>
<div class="content-wrapper">
   <!-- Main content -->
   <section class="content">
      <!-- Info boxes --> 
      <!-- /.row -->
      <div class="container-custom01">
         <div class="row">
            <div class="col-md-12">
               <div class="row">
                  <div class="col-xs-12">
                     <div class="alert alert-success alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                     </div>
                  </div>
               </div>
               <div class="row">
                  
                  <div class="col-md-8 inl">                    
                    <div class="col-md-3">
                      <div class="form-group">
                            <label style="margin-right: 10px">Year</label>
                            <select class="form-control" name="year" id="select-year" style="margin-right: 10px">
                              <option value="{{ Date('Y') }}" selected>{{ Date('Y') }}</option>
                            </select>
                          </div>
                    </div>
                    <div class="col-md-3">
                      <div class="form-group">
                            <label style="margin-right: 10px">Month</label>
                            <select class="form-control" name="month" id="select-month" style="margin-right: 10px;">
                              <option value="{{ Date('m') }}" selected>{{ Date('m') }}</option>
                            </select>
                          </div>
                    </div>
                  </div>
                  <div class="col-md-4"></div>
               </div>
               <div class="row">
                  <div class="col-md-12">                     
                     <div class="table-responsive">
                      <table id="" class="table table-bordered summytable cen_me ymd">
                        <thead>
                          <tr>
                            <th colspan="21">08.2019</th>
                          </tr>
                           <tr style="text-align: center;">
                              <th>Shop ID</th>
                              <th>Cash</th>
                              <th>Nets</th>
                              <th>Nets 2</th>
                              <th>VISA</th>
                              <th>VISA 2</th>
                              <th>Total Amount 1</th>
                              <th>Service </th>
                              <th>Buy Ecoin</th>
                              <th>Products</th>
                              <th>Total Amount 2</th> 
                              <th>Total Amount 1 - Total Amount 2 </th>
                              <th>Use Ecoin</th>                             
                                                           
                           </tr>
                        </thead>
                        <tbody id="dataCashMonthly">                           
                          <!-- <tr>
                            <td>27</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>520</td>
                            <td>626.00</td>
                            <td>2,010.00</td>
                            <td>-</td>
                            <td>769.00</td>
                            <td>-</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>191</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>-</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>- </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>705</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>441</td>
                            <td>-</td>
                            <td>626.00</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>83</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>-</td>
                            <td>769.00</td>
                            <td>-</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>208</td>
                            <td>626.00</td>
                            <td>2,010.00</td>
                            <td>2,010.00</td>
                            <td>-</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>504</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>965</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>-</td>
                            <td>5,315.00</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>888</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>5,981.00</td>
                            <td>-</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>000</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>-</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>925</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr>
                          <tr>
                            <td>Total</td>
                            <td>626.00</td>
                            <td>-</td>
                            <td>2,010.00</td>
                            <td>769.00</td>
                            <td>3,405.00</td>
                            <td>666.00</td>
                            <td>5,315.00</td>
                            <td>-</td>
                            <td>5,981.00</td>
                            <td>-2,576.00 </td>
                            <td>2,296.00</td>
                          </tr> -->

                        </tbody>
                        <!-- <tfoot>
                          <tr>
                            <td colspan="2"></td>
                            <td colspan="5">16,845.33</td>
                            <td colspan="5">1,755.93</td>
                            <td colspan="4">16,228,678.98</td>
                          </tr>
                        </tfoot> -->
                     </table>
                     </div>                    
                  </div>
               </div>
            </div>
            <!-- /.box-body --> 
         </div>
         <!-- /.box --> 
      </div>
      <!-- /.col --> 
      
</div>
<!-- /.row --> 
</section>
<script src="{!! asset('resources/nassets/assets/libs/jquery/dist/jquery.min.js') !!}"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="{!! asset('resources/nassets/assets/libs/popper.js/dist/umd/popper.min.js') !!}"></script>
<script src="{!! asset('resources/nassets/assets/libs/bootstrap/dist/js/bootstrap.min.js') !!}"></script>
<script src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js"type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"type="text/javascript"></script>
<!-- <script type="text/javascript">
   jQuery(document).ready( function () {
   var id=jQuery('.table').id;
   jQuery('#'+id).DataTable( {
   
   } );
   });
   
   jQuery('table').dataTable({searching: true});
</script> -->
<!-- /.content --> 
</div>
<script type="application/javascript">
$(document).ready(function(){
function padDigits(number, digits) {
return Array(Math.max(digits - String(number).length + 1, 0)).join(0) + number;
}

var newToday = new Date();
var intYear = newToday.getFullYear();
var intMonth = newToday.getMonth();
var intDay = newToday.getDate();
var strYear = newToday.getFullYear().toString();
var strMonth = padDigits((newToday.getMonth() + 1).toString(), 2);
var strDay = padDigits(newToday.getDate().toString(), 2);
var yearFrom = intYear - 10;
var yearTo = intYear;

function init(){
getYearVal();

var year = '';
if(year!=""){
$('#select-year').val(year);
getMonthVal(year);
}
var month = '';
if(month!=""){
$('#select-month').val(month);
getDayVal(year, month)
}
var day = '';
if(day!=""){
$('#select-day').val(day);
}
}

function daysInMonth(year,month) {
return new Date(parseInt(year), parseInt(month), 0).getDate();
}

function getYearVal(){
//var selectYear = '<option value=""></option>';
var selectYear = '';
for(var i = yearTo; i > yearFrom; i--){
selectYear += '<option value="'+i+'">'+i+'</option>'
}
$('#select-year').html(selectYear);
}

function getMonthVal(year){
if(year == intYear){
//var selectMonth = '<option value=""></option>';
var selectMonth = '';
for(var i = 1; i <= intMonth + 1; i++){
  var ii = (i < 10) ? '0'+i : i; 
selectMonth += '<option value="'+ii+'">'+ii+'</option>'
}
$('#select-month').html(selectMonth);
} else {
//var selectMonth = '<option value=""></option>';
var selectMonth = '';
for(var i = 1; i <= 12; i++){
  var ii = (i < 10) ? '0'+i : i; 
selectMonth += '<option value="'+ii+'">'+ii+'</option>'
}
$('#select-month').html(selectMonth);
}
}

function getDayVal(year, month){
var day = 0;
if(year == intYear && month == intMonth+1){
day = intDay;
} else {
day = daysInMonth(year, month);
}

//var selectDay = '<option value=""></option>';
var selectDay = '';
for(var i = 1; i <= day; i++){
  var ii = (i < 10) ? '0'+i : i; 
selectDay += '<option value="'+ii+'">'+ii+'</option>'
}
 $('#select-day').html(selectDay);
}

$('#select-year').on('change', function() {
getMonthVal($(this).val());
});
$.fn.ajax_data = function() {
      data = new Object;
      data.year = $('#select-year').val();
      data.month = $('#select-month').val();
      data._token = "{{ csrf_token() }}";
      $.ajax({
          type:'POST',
          url:"{{ url('/admin/CashEcoin') }}",
          data:data,
          success:function(res) {

               console.log(res);

              $('#dataCashMonthly').html(res);
          }
      });
  }
$('#select-month').on('change', function() {
  getDayVal($('#select-year').val(), $(this).val());
  $.fn.ajax_data();
});
$.fn.ajax_data();  
init();

});
</script>
@endsection