@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</h3>
                        </div>
                        <div class="col-2">
                          
                        </div>
                        <div class="col-12 justify-content-center d-flex">
                          <ul class="nav nav-pills mb-3 mt-2 " id="pills-tab" role="tablist">  
                            <li class="nav-item">
                              <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-Tunai" role="tab" aria-controls="pills-home" aria-selected="true">Tunai</a>
                            </li>
                            <li class="nav-item">
                              <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-PetiBesi" role="tab" aria-controls="pills-profile" aria-selected="false">Peti Besi</a>
                            </li>
                          </ul>
                        </div>
                    </div>


                    <div class="tab-content" id="pills-tabContent">

                      <div class="tab-pane fade show active" id="pills-Tunai" role="tabpanel" aria-labelledby="pills-home-tab">

                        <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>
                            @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 class="tab-pane fade" id="pills-PetiBesi" role="tabpanel" aria-labelledby="pills-profile-tab">

                        <table class='table mt-4' id='table-PetiBesi' style="width:100%;">
                          <thead>
                              <tr>
                                  <th>bil</th>
                                  <th>Tarikh</th>
                                  <th>Baki Awal Tunai</th>
                                  <th>Keluar</th>
                                  <th>Masuk</th>
                                  <th>Baki EOD</th>
                                  <th>Baki Akhir Tunai</th>
                                  <th>Pendahuluan</th>
                                  <th>Serahan</th>
                              </tr>
                          </thead>
                          <tbody>
                            {{-- {{ dd($petibesi) }} --}}
                              @foreach ($petibesi as $tunai)
                                <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $tunai['tarikh'] }}</td>
                                <td>{{ $tunai['bakiawal'] }}</td>
                                <td>{{ $tunai['keluar'] }}</td>
                                <td>{{ $tunai['masuk'] }}</td>
                                <td>{{ $tunai['bakieod'] }}</td>
                                <td>{{ $tunai['bakiakhir'] }}</td>
                                <td>{{ $tunai['pendahuluan'] }}</td>
                                <td>{{ $tunai['serahan'] }}</td>
                                </tr>
                              @endforeach
                          </tbody>
                      </table>

                      </div>
                    </div>


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

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

    var tablecapaian = $('#table-PetiBesi').DataTable({
    });
    

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

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

    
</script>

@endsection