@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">{{ __('Aliran Tunai') }}</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">  
                          <script> let listu = [];</script>
                          @foreach($listUser as $index1=>$ls)
                          <script> listu.push("{{ $ls->id }}"); </script>
                          
                            @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)

                            @if($index1 == 0)
                              <div class="tab-pane fade show active" id="pills-{{ $ls->id }}" role="tabpanel" aria-labelledby="pills-home-tab">

                                <fieldset class="border p-2">
                                  <legend  class="w-auto">Hari Ini</legend>
                                  <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>

                               </fieldset>

                                

                                <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
                                  <li class="nav-item">
                                    <a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">History Tunai</a>
                                  </li>
                                  <li class="nav-item">
                                    <a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Add Tunai</a>
                                  </li>
                                  <li class="nav-item">
                                    <a class="nav-link" id="gt-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-gt" role="tab" aria-controls="contact" aria-selected="false">Gadai/Tebus</a>
                                  </li>
                                  <li class="nav-item">
                                    <a class="nav-link" id="tuntutbaki-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-tuntutbaki" role="tab" aria-controls="contact" aria-selected="false">Tuntut Baki</a>
                                  </li>
                                </ul>

                                <div class="mt-3">
                                  <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="nav-{{ $ls->id }}-history" role="tabpanel" aria-labelledby="history-tab">
                                    
                                      

                                        <table class='table' 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>{{ number_format($tunai['bakiawal'],2) }}</td>
                                                <td>{{ number_format($tunai['tambah'],2) }}</td>
                                                <td>{{ number_format($tunai['kurang'],2) }}</td>
                                                <td>{{ number_format($tunai['keluar'],2) }}</td>
                                                <td>{{ number_format($tunai['masuk'],2) }}</td>
                                                <td>{{ number_format($tunai['baki'],2) }}</td>
                                                </tr>
                                              @endforeach
                                          </tbody>
                                        </table>
                                    
                                    
                                    </div>
                                    <div class="tab-pane fade" id="nav-{{ $ls->id }}-addtunai" role="tabpanel" aria-labelledby="addtunai-tab">
                                    
                                      <table class="table text-center" id="tableaddtunai-{{ $ls->id }}">
                                        <thead>
                                            <tr>
                                                <th>Bil</th>
                                                <th>Masa</th>
                                                <th>Debit (RM)</th>
                                                <th>Kredit (RM)</th>
                                                <th>Nota</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                          @if(is_object($arrayaddtunai) || is_array($arrayaddtunai))
                                            @foreach($arrayaddtunai[$index1] as $at)
                                            <tr>
                                              <td> {{ $loop->iteration }} </td>
                                              <td> {{ $at['tarikh'] }} </td>
                                              <td> {{ number_format($at['tambah'],2) }} </td>
                                              <td> {{ number_format($at['kurang'],2) }} </td>
                                              <td> {{ $at['nota'] }} </td>
                                            </tr>
                                            @endforeach
                                          @endif
                                      </tbody>
                                      </table>
                                    
                                    </div>
                                    <div class="tab-pane fade" id="nav-{{ $ls->id }}-gt" role="tabpanel" aria-labelledby="gt-tab">
                                    
                                      <table class="table text-center" id="tablegadaitebus-{{ $ls->id }}">
                                        <thead>
                                            <tr>
                                                <th>Bil</th>
                                                <th>No Rujukan</th>
                                                <th>Pinjaman (RM)</th>
                                                <th>Nilai Marhun (RM)</th>
                                                <th>Jenis Transaksi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(is_object($arraygadaitebus) || is_array($arraygadaitebus))
                                            @foreach($arraygadaitebus[$index1] as $gt)
                                            <tr>
                                            <td> {{ $loop->iteration }} </td>
                                            <td> {{ $gt['norujukan'] }} </td>
                                            <td> {{ number_format($gt['pinjaman'],2) }} </td>
                                            <td> {{ number_format($gt['nilaimarhun'],2) }} </td>
                                            <td> @php if($gt['jenistebus'] == ''){
                                                      echo '<h4><span class="badge badge-success">Gadai</span></h4>';
                                                    }else{
                                                      echo '<h4><span class="badge badge-danger">Tebus</span></h4>';
                                                    }  
                                            @endphp </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                      </table>
                                    
                                    </div>
                                    <div class="tab-pane fade" id="nav-{{ $ls->id }}-tuntutbaki" role="tabpanel" aria-labelledby="tuntutbaki-tab">
                                    
                                      <table class="table text-center" id="tabletuntutbaki-{{ $ls->id }}">
                                        <thead>
                                            <tr>
                                                <th>Bil</th>
                                                <th>Tarikh</th>
                                                <th>Caj Lelong (RM)</th>
                                                <th>Jumlah (RM)</th>
                                                <th>Jenis</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(is_object($arraytuntutbaki) || is_array($arraytuntutbaki))
                                            @foreach($arraytuntutbaki[$index1] as $tb)
                                            <tr>
                                            <td> {{ $loop->iteration }} </td>
                                            <td> {{ $tb['tarikh'] }} </td>
                                            <td> {{ number_format($tb['cajlelong'],2) }} </td>
                                            <td> {{ number_format($tb['jumlah'],2) }} </td>
                                            <td> @php if($tb['jenis'] == 'T'){
                                                    echo '<h4><span class="badge badge-success">Baki Lelong</span></h4>';
                                            }else{
                                                echo '<h4><span class="badge badge-danger">Rugi Lelong</span></h4>';
                                            }  
                                            @endphp </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                      </table>
                                    
                                    </div>

                                  </div>
                                </div>
                                

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

                                <fieldset class="border p-2">
                                  <legend  class="w-auto">Hari Ini</legend>

                                  <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>

                               </fieldset>

                                  

                                  <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
                                    <li class="nav-item">
                                      <a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">History Tunai</a>
                                    </li>
                                    <li class="nav-item">
                                      <a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Add Tunai</a>
                                    </li>
                                    <li class="nav-item">
                                      <a class="nav-link" id="gt-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-gt" role="tab" aria-controls="contact" aria-selected="false">Gadai/Tebus</a>
                                    </li>
                                    <li class="nav-item">
                                      <a class="nav-link" id="tuntutbaki-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-tuntutbaki" role="tab" aria-controls="contact" aria-selected="false">Tuntut Baki</a>
                                    </li>
                                  </ul>


                                <div class="mt-3">
                                  <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="nav-{{ $ls->id }}-history" role="tabpanel" aria-labelledby="history-tab">
                                    
                                      

                                        <table class='table' 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>{{ number_format($tunai['bakiawal'],2) }}</td>
                                                <td>{{ number_format($tunai['tambah'],2) }}</td>
                                                <td>{{ number_format($tunai['kurang'],2) }}</td>
                                                <td>{{ number_format($tunai['keluar'],2) }}</td>
                                                <td>{{ number_format($tunai['masuk'],2) }}</td>
                                                <td>{{ number_format($tunai['baki'],2) }}</td>
                                                </tr>
                                              @endforeach
                                          </tbody>
                                        </table>
                                    
                                    
                                    </div>
                                    <div class="tab-pane fade" id="nav-{{ $ls->id }}-addtunai" role="tabpanel" aria-labelledby="addtunai-tab">
                                    
                                      <table class="table text-center" id="tableaddtunai-{{ $ls->id }}">
                                        <thead>
                                            <tr>
                                                <th>Bil</th>
                                                <th>Masa</th>
                                                <th>Debit (RM)</th>
                                                <th>Kredit (RM)</th>
                                                <th>Nota</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                          @if(is_object($arrayaddtunai) || is_array($arrayaddtunai))
                                            @foreach($arrayaddtunai[$index1] as $at)
                                            <tr>
                                              <td> {{ $loop->iteration }} </td>
                                              <td> {{ $at['tarikh'] }} </td>
                                              <td> {{ number_format($at['tambah'],2) }} </td>
                                              <td> {{ number_format($at['kurang'],2) }} </td>
                                              <td> {{ $at['nota'] }} </td>
                                            </tr>
                                            @endforeach
                                          @endif
                                      </tbody>
                                    </table>
                                    
                                    
                                    </div>
                                    <div class="tab-pane fade" id="nav-{{ $ls->id }}-gt" role="tabpanel" aria-labelledby="gt-tab">
                                    
                                      <table class="table text-center" id="tablegadaitebus-{{ $ls->id }}">
                                        <thead>
                                            <tr>
                                                <th>Bil</th>
                                                <th>No Rujukan</th>
                                                <th>Pinjaman (RM)</th>
                                                <th>Nilai Marhun (RM)</th>
                                                <th>Jenis Transaksi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(is_object($arraygadaitebus) || is_array($arraygadaitebus))
                                            @foreach($arraygadaitebus[$index1] as $gt)
                                            <tr>
                                            <td> {{ $loop->iteration }} </td>
                                            <td> {{ $gt['norujukan'] }} </td>
                                            <td> {{ number_format($gt['pinjaman'],2) }} </td>
                                            <td> {{ number_format($gt['nilaimarhun'],2) }} </td>
                                            <td> @php if($gt['jenistebus'] == ''){
                                                      echo '<h4><span class="badge badge-success">Gadai</span></h4>';
                                                    }else{
                                                      echo '<h4><span class="badge badge-danger">Tebus</span></h4>';
                                                    }  
                                            @endphp </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                      </table>
                                    
                                    </div>
                                    <div class="tab-pane fade" id="nav-{{ $ls->id }}-tuntutbaki" role="tabpanel" aria-labelledby="tuntutbaki-tab">
                                    
                                      <table class="table text-center" id="tabletuntutbaki-{{ $ls->id }}">
                                        <thead>
                                            <tr>
                                                <th>Bil</th>
                                                <th>Tarikh</th>
                                                <th>Caj Lelong (RM)</th>
                                                <th>Jumlah (RM)</th>
                                                <th>Jenis</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(is_object($arraytuntutbaki) || is_array($arraytuntutbaki))
                                            @foreach($arraytuntutbaki[$index1] as $tb)
                                            <tr>
                                            <td> {{ $loop->iteration }} </td>
                                            <td> {{ $tb['tarikh'] }} </td>
                                            <td> {{ number_format($tb['cajlelong'],2) }} </td>
                                            <td> {{ number_format($tb['jumlah'],2) }} </td>
                                            <td> @php if($tb['jenis'] == 'T'){
                                                    echo '<h4><span class="badge badge-success">Baki Lelong</span></h4>';
                                            }else{
                                                echo '<h4><span class="badge badge-danger">Rugi Lelong</span></h4>';
                                            }  
                                            @endphp </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                      </table>
                                    
                                    </div>

                                  </div>
                                </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>

  $(document).ready(function() {

    $(listu).each(function(index,element) {
      var tabletunai = $('#table-' + element).DataTable({
      });

      var tablegadaitebus = $('#tablegadaitebus-' + element).DataTable({
      });

      var tabletuntutbaki = $('#tabletuntutbaki-' + element).DataTable({
      });

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

  });

    
</script>

@endsection