@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>
                  <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>
                      </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 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,",",".") }}</td>
                              <td class="text-center">{{ date("d M Y H:i:s",strtotime($val1[$i]["date_checkin"])) }}</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 class="text-center">{{ date("d M Y H:i:s",strtotime($val1[$i]["date_checkin"])) }}</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
                    </tybody>
                    <tfoot>
                      <tr>
                        <td colspan="5" class="text-right font-weight-bold">Jumlah Top Up:</td>
                        <td class="text-right text-secondary font-weight-bold">{{ 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>
          </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(){
    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);
    } 
   });
   
 });
</script>
@endpush