@extends('layouts.master')

@section('content')
<div class="container-fluid">
  <div class="page-header">
      <div class="row align-items-end">
          <div class="col-lg-8">
              <div class="page-header-title">
                  <i class="ik ik-bar-chart bg-blue"></i>
                  <div class="d-inline">
                      <h5>Daftar Top Up untuk Loading </h5>
                      <span>&nbsp;</span>
                  </div>
              </div>
          </div>
          <div class="col-lg-4">
              <nav class="breadcrumb-container" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                          <a href="{{ route('home') }}"><i class="ik ik-home"></i></a>
                      </li>
                      <li class="breadcrumb-item active" aria-current="page">Loading Top up</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div><!-- page-header -->

  <div class="row">
      <div class="col-md-1">&nbsp;</div>
      <div class="col-md-10">
          <div class="card">
              <div class="card-header">
                <h4>Loading Top Up: {{ date("d M Y") }}</h4>
              </div>
              <div class="card-body">
                            @foreach($loadingev as $key0 => $val0)
                <h6 class="text-warning">{{ $key0 }}</h6>
				<!-- input type="text" name="id_topup" id="id_topup" -->
                  <table id="userstable" class="table">
                    <thead>
                      <tr class="text-center">
                        <th style="width: 10px">#</th>
                        <th>Name</th>
                        <th>MSISDN</th>
                        <th>Saldo (Rp)</th>
                        <th>Top up (Rp)</th>
                        <th>Tanggal</th>
						<th>Action</th>
                      </tr>
                    </thead>
                    <tbody>
                                            @foreach($val0 as $key1 => $val1)
                        @if(count($val1) > 0)
                          @for($i=0;$i<count($val1);$i++)
                            @if($i == 0)
                            <tr>
                              <td>{{ ++$no }}</td>                         
                              <!-- td align="center"><input class="border-checkbox" type="checkbox" name="sme" value="{{ $val1[$i]['topup'] }}" id="sme" checked onclick = "GetSelected()"></td -->
							  <td rowspan="{{ count($val1) }}">{{ ucwords(strtolower($key1)) }}</td>
                              <td>{{ $val1[$i]["msisdn"] }}</td>
                              <td class="text-right">{{ number_format($val1[$i]["saldo_morning"],0,",",".") }}</td>
                              <td class="text-right">
								{{ number_format($val1[$i]["topup"],0,",",".") }}
								<!-- input type="text" name="amount_topup" id="amount_topup_{{ $id_tmp }}" value="{{ $val1[$i]['topup'] }}"-->
															  </td>
                              <td class="text-center">{{ date("d M Y H:i:s",strtotime($val1[$i]["date_checkin"])) }}</td>
							  <td class="text-center">
								<a href="{{ route('loadingtopup.edit',$val1[$i]['id_lse']) }}"><i class="ik ik-edit-1"></i></a>&nbsp;&nbsp;&nbsp;
								<!-- a href="{{ route('rrcmal.show',$val1[$i]['id_lse']) }}"><i class="ik ik-trash-2"></i></a -->
							  </td>
                            </tr>
                                                         @else
                            <tr>
                              <td>{{ ++$no }}</td>                                                       
                              <td>{{ $val1[$i]["msisdn"] }}</td>
                              <td class="text-right">{{ number_format($val1[$i]["saldo_morning"],0,",",".") }}</td>
                              <td class="text-right">{{ number_format($val1[$i]["topup"],0,",",".") }}</td>
							  </td>
                              <td class="text-center">{{ date("d M Y H:i:s",strtotime($val1[$i]["date_checkin"])) }}</td>
							  <td class="text-center">
								<a href="{{ route('loadingtopup.edit',$val1[$i]['id_lse']) }}"><i class="ik ik-edit-1"></i></a>&nbsp;&nbsp;&nbsp;
								<!-- a href="{{ route('rrcmal.show',$val1[$i]['id_lse']) }}"><i class="ik ik-trash-2"></i></a -->
							  </td>
                            </tr>
                                                        @endif
                          @endfor             
                        @else
                          <tr>
                            <td>{{ ++$no }}</td>                         
                            <td>{{ $key1 }} </td>
                            <td>{{ $val1[$i]["msisdn"] }}</td>
                            <td class="text-right">{{ number_format($val1[$i]["saldo_morning"],0,",",".") }}</td>
                            <td class="text-right">{{ number_format($val1[$i]["topup"],0,",",".") }}</td>
                          </tr>
                                                  @endif                             
                        
                      @endforeach
                    </tbody>
                    <tfoot>
                      <tr>
                        <td colspan="6" class="text-right font-weight-bold">Jumlah Top Up:</td>
                        <td class="text-right text-secondary font-weight-bold" id="total_topup">{{ number_format($total_topup,0,",",".") }}</td>
                      </tr>
                    </tfoot>
                   </table>               
                        
              @endforeach    
              
                  <h5>Total Top Up: <span class="text-primary" id="total_general">Rp {{ number_format($total_general,0,",",".") }}</span></h5>

                  {{-- @if($has_topup == 0) --}}
                  <div class="border-bottom pb-2">
                    <form id="topup-all" method="POST" action="{{ route('loadingtopup.process') }}" onsubmit="topup.disabled = true; return true;">
                      @csrf
                      <div class="row mt-3">
                        <div class="col-6 mt-2 pt-2 text-left">
                          <select name="msisdn" class="form-control" id="msisdn">
                                  <option value="">- Pilih Chip Master -</option>
                                  @foreach($chipmasters as $val)
                                    <option value="{{ $val->msisdn }}">{{ $val->msisdn }} - (Rp {{ number_format($val->saldo,0,",",".") }})</option>
                                  @endforeach
                          </select>
                        </div>

                        <div class="col-6 mt-2 pt-2 text-left">
                          <button type="submit" class="btn btn-primary mr-2" id="topup" disabled="disabled">Top Up Semua</button>
                          <input type="hidden" name="total_general" value="{{ $total_general }}" />       
                        </div>
                      </div> 
                    </form>   

                  </div>  <!-- //topup-all -->
                  {{-- @endif --}}
          </div>
      </div>      
      <div class="col-md-1">&nbsp;</div>
  </div>
</div><!-- container-fluid -->
@endsection

@push('scripts')
<script>
 $(document).ready(function(){
   //ambil nilai total
   var total = $('#total_general').text();   
   total = total.replace(/\./g,'');   
   total = total.replace("Rp ","");   
   //ubah ke float
   total = parseFloat(total);
   
   var text_option = '';
   var saldo = 0;
   var Rppos = 0;
   $('#msisdn').change(function(){
	if($('#msisdn').val()==''){
		$('#topup').prop('disabled',true);
	} else {
		text_option = $(this).find("option:selected").text();
		console.log("text option "+text_option);

		Rppos = text_option.indexOf('Rp')+3;
		saldo = text_option.substring(Rppos, text_option.indexOf(')')).replace(/\./g,'');
		saldo = parseFloat(saldo);
		console.log("saldo = "+saldo);
		console.log("total = "+total);

		if(saldo > total){
		  $('#topup').prop('disabled',false);
		}
	}		
   });
   
   /*
    $('#sme').change(function(){
		var tblFruits = document.getElementById("userstable");
		var chks = tblFruits.getElementsByTagName("input");
		alert(chks.length);
	});
	*/
	
 });
 
 
 function GetSelected() {
	//Create an Array.
	var selected = new Array();
	
	//Reference the Table.
	var tblTopup = document.getElementById("userstable");
	
	//Reference all the CheckBoxes in Table.
	var chks = tblTopup.getElementsByTagName("input");
	var total=0;
	var tmp=0;
	
	// Loop and push the checked CheckBox value in Array.
	for (var i = 0; i < chks.length; i++) {
		if (chks[i].checked) {
			selected.push(chks[i].value);
			total += parseFloat(chks[i].value);
			//tmp += $("amount_topup_1").val();
		}
	}

	//Display the selected CheckBox values.
	if (selected.length >= 0) {
		//alert("Selected values: " + selected.join(","));
		//alert("Selected values: " + total);
		alert($('amount_topup_1').val());
		$('#id_topup').val(selected.join(','));
		$('#total_topup').text(total);
		$('#total_general').text(total);
	}
};
</script>
@endpush