<div class="max-h-46 overflow-x-auto">
    <table style="font-size: 12px;" class="min-w-full divide-y-2 divide-gray-200">
      <thead class="sticky top-0 bg-white ltr:text-left rtl:text-right">
        <tr class="*:font-medium *:text-gray-900">
          <th class="px-3 py-2 whitespace-nowrap">ID : <span>Total Penjualan</span> <span style="color: green; font-weight:900; font-size: 18px;">{{ $TotalTransaksi }}</span></th>
          <th class="px-3 py-2 whitespace-nowrap">Menu/Porsi</th>
          <th class="px-3 py-2 whitespace-nowrap">Terjual / Porsi</th>
          <th class="px-3 py-2 whitespace-nowrap">Jenis Pembayaran</th>
          <th class="px-3 py-2 whitespace-nowrap">Jenis Pesanan</th>
          <th class="px-3 py-2 whitespace-nowrap">Nama Pemesan / No Hp Pemesan</th>
        </tr>
      </thead>
  
      <tbody class="divide-y divide-gray-200">
        @foreach ($dataPenjualanBulanan as $dPH )
        <tr class="*:text-gray-900 *:first:font-medium">
          <td class="px-3 py-2 whitespace-nowrap">{{ $loop -> iteration }}</td>
          <td class="px-3 py-2 whitespace-nowrap">{{ $dPH->pesanan }}</td>
          <td class="px-3 py-2 whitespace-nowrap">{{ $dPH->qty }}</td>
          <td class="px-3 py-2 whitespace-nowrap">{{ $dPH->metode_bayar }}</td>
          <td class="px-3 py-2 whitespace-nowrap">{{ $dPH->jenis_pesanan }}</td>
          <td class="px-3 py-2 whitespace-nowrap">
                {{ $dPH->nama_pemesan }} <span style="color:blue;font-size:20px;">/</span> 
            <span class="{{ $dPH->no_hp_customer ? '' : 'text-red-500' }}">
                {{ $dPH->no_hp_customer ?? 'Tidak ada nomor customer' }}
            </span>
        </td>

        </tr>
        @endforeach
      </tbody>
    </table>
  </div>