@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">{{ __('Dashboard') }}</div>
                {{-- {{ dd($tunai) }} --}}
                <div class="card-body text-center">
                    
                    <div class="row mb-4">
                        <div class="col-2 justify-content-start">
                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                        </div>
                        <div class="col-8 mt-3 justify-content-center">
                            <h3>Aliran Tunai - Peti Besi</h3>
                        </div>
                        <div class="col-2">
                        </div>
                    </div>

                    <div class="container" id="exTab1">

                      {{-- {{ dd($arraytunai) }} --}}

                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">  
                    @foreach($listUser as $index1=>$ls)
                    
                      @if($index1 == 0)
                        <li class="nav-item">
                          <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-{{ $ls->id }}" role="tab" aria-controls="pills-home" aria-selected="true">{{ $ls->name }}</a>
                        </li>
                      @else
                        <li class="nav-item">
                          <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-{{ $ls->id }}" role="tab" aria-controls="pills-profile" aria-selected="false">{{ $ls->name }}</a>
                        </li>
                        {{-- <li class="nav-item">
                          <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
                        </li> --}}
                      @endif

                    @endforeach
                    </ul>
                       
                      <div class="tab-content" id="pills-tabContent">

                        @foreach($listUser as $index1=>$ls)
                        {{-- {{ dd(empty($arraytunai[1])) }} --}}
                        @if($index1 == 0)
                          <div class="tab-pane fade show active" id="pills-{{ $ls->id }}" role="tabpanel" aria-labelledby="pills-home-tab">

                            <div class="col-12 row">
                              <div class="col-lg-6 col-xl-4 col-12">
                                  <!-- small box -->
                                  <div class="small-box bg-primary">
                                    <div class="inner">
                                      <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['bakiawal'],2) }}</h5>
                
                                      <p>Baki Awal Tunai</p>
                                    </div>
                                    <div class="icon">
                                    </div>
                                  </div>
                                </div>
      
                                <div class="col-lg-6 col-xl-4 col-12">
                                  <!-- small box -->
                                  <div class="small-box bg-primary">
                                    <div class="inner">
                                      <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['tambah'],2) }}</h5>
                
                                      <p>Tunai Diterima</p>
                                    </div>
                                    <div class="icon">
                                    </div>
                                  </div>
                                </div>
      
                                <div class="col-lg-6 col-xl-4 col-12">
                                  <!-- small box -->
                                  <div class="small-box bg-primary">
                                    <div class="inner">
                                      <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['kurang'],2) }}</h5>
                
                                      <p>Tunai Dikeluar</p>
                                    </div>
                                    <div class="icon">
                                    </div>
                                  </div>
                                </div>
                            </div>
      
                            <div class="col-12 row">
                                <div class="col-lg-6 col-xl-4 col-12">
                                    <!-- small box -->
                                    <div class="small-box bg-primary">
                                      <div class="inner">
                                        <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['baki'],2) }}</h5>
                  
                                        <p>Baki Akhir Tunai</p>
                                      </div>
                                      <div class="icon">
                                      </div>
                                    </div>
                                  </div>
        
                                  <div class="col-lg-6 col-xl-4 col-12">
                                    <!-- small box -->
                                    <div class="small-box bg-primary">
                                      <div class="inner">
                                        <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['keluar'],2) }}</h5>
                  
                                        <p>Gadaian</p>
                                      </div>
                                      <div class="icon">
                                      </div>
                                    </div>
                                  </div>
        
                                  <div class="col-lg-6 col-xl-4 col-12">
                                    <!-- small box -->
                                    <div class="small-box bg-primary">
                                      <div class="inner">
                                        <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['masuk'],2) }}</h5>
                  
                                        <p>Tebusan</p>
                                      </div>
                                      <div class="icon">
                                      </div>
                                    </div>
                                  </div>
                            </div>

                              <div class="mt-3">
                          
                                <table class='table mt-4' id='table-{{ $ls->id }}' style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th>bil</th>
                                            <th>Tarikh</th>
                                            <th>Baki Awal Tunai</th>
                                            <th>Tunai Diterima</th>
                                            <th>Tunai Dikeluar</th>
                                            <th>Gadaian</th>
                                            <th>Tebusan</th>
                                            <th>Baki Akhir Tunai</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($arraytunai[$index1] as $tunai)
                                          <tr>
                                          <td>{{ $loop->iteration }}</td>
                                          <td>{{ $tunai['tarikh'] }}</td>
                                          <td>{{ $tunai['bakiawal'] }}</td>
                                          <td>{{ $tunai['tambah'] }}</td>
                                          <td>{{ $tunai['kurang'] }}</td>
                                          <td>{{ $tunai['keluar'] }}</td>
                                          <td>{{ $tunai['masuk'] }}</td>
                                          <td>{{ $tunai['baki'] }}</td>
                                          </tr>
                                        @endforeach
                                    </tbody>
                                </table>
        
                            </div>

                          </div>
                        @else
                          <div class="tab-pane fade" id="pills-{{ $ls->id }}" role="tabpanel" aria-labelledby="pills-profile-tab">

                              <div class="col-12 row">
                                <div class="col-lg-6 col-xl-4 col-12">
                                    <!-- small box -->
                                    <div class="small-box bg-primary">
                                      <div class="inner">
                                        <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['bakiawal'],2) }}</h5>
                  
                                        <p>Baki Awal Tunai</p>
                                      </div>
                                      <div class="icon">
                                      </div>
                                    </div>
                                  </div>
        
                                  <div class="col-lg-6 col-xl-4 col-12">
                                    <!-- small box -->
                                    <div class="small-box bg-primary">
                                      <div class="inner">
                                        <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['tambah'],2) }}</h5>
                  
                                        <p>Tunai Diterima</p>
                                      </div>
                                      <div class="icon">
                                      </div>
                                    </div>
                                  </div>
        
                                  <div class="col-lg-6 col-xl-4 col-12">
                                    <!-- small box -->
                                    <div class="small-box bg-primary">
                                      <div class="inner">
                                        <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['kurang'],2) }}</h5>
                  
                                        <p>Tunai Dikeluar</p>
                                      </div>
                                      <div class="icon">
                                      </div>
                                    </div>
                                  </div>
                              </div>
        
                              <div class="col-12 row">
                                  <div class="col-lg-6 col-xl-4 col-12">
                                      <!-- small box -->
                                      <div class="small-box bg-primary">
                                        <div class="inner">
                                          <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['baki'],2) }}</h5>
                    
                                          <p>Baki Akhir Tunai</p>
                                        </div>
                                        <div class="icon">
                                        </div>
                                      </div>
                                    </div>
          
                                    <div class="col-lg-6 col-xl-4 col-12">
                                      <!-- small box -->
                                      <div class="small-box bg-primary">
                                        <div class="inner">
                                          <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['keluar'],2) }}</h5>
                    
                                          <p>Gadaian</p>
                                        </div>
                                        <div class="icon">
                                        </div>
                                      </div>
                                    </div>
          
                                    <div class="col-lg-6 col-xl-4 col-12">
                                      <!-- small box -->
                                      <div class="small-box bg-primary">
                                        <div class="inner">
                                          <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['masuk'],2) }}</h5>
                    
                                          <p>Tebusan</p>
                                        </div>
                                        <div class="icon">
                                        </div>
                                      </div>
                                    </div>
                              </div>


                              <div class="mt-3">
                               
                                <table class='table mt-4' id='table-{{ $ls->id }}'>
                                    <thead>
                                        <tr>
                                            <th>bil</th>
                                            <th>Tarikh</th>
                                            <th>Baki Awal Tunai</th>
                                            <th>Tunai Diterima</th>
                                            <th>Tunai Dikeluar</th>
                                            <th>Gadaian</th>
                                            <th>Tebusan</th>
                                            <th>Baki Akhir Tunai</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      {{-- {{ dd($arraytunai) }} --}}
                                        @foreach ($arraytunai[$index1] as $tunai)
                                        {{-- {{ dd($tunai) }} --}}
                                          <tr>
                                          <td>{{ $loop->iteration }}</td>
                                          <td>{{ $tunai['tarikh'] }}</td>
                                          <td>{{ $tunai['bakiawal'] }}</td>
                                          <td>{{ $tunai['tambah'] }}</td>
                                          <td>{{ $tunai['kurang'] }}</td>
                                          <td>{{ $tunai['keluar'] }}</td>
                                          <td>{{ $tunai['masuk'] }}</td>
                                          <td>{{ $tunai['baki'] }}</td>
                                          </tr>
                                        @endforeach
                                    </tbody>
                                </table>
        
                            </div>

                          </div>
                        @endif

                        @endforeach

                        
                      </div>


                  </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script>

    // var tablecapaian = $('#table-tunai').DataTable({
    //       "scrollX": true
    //     });

    let namefordatatable = "{{ $listUser }}";

    console.log(namefordatatable);
    console.log(JSON.parse(namefordatatable));       

    
</script>

@endsection