@php
  // Mengelompokkan data ODP berdasarkan 'jalur_odp'
  $groupedOdp = $odp->groupBy('jalur_odp');
@endphp

<table class="cop">
  <tr>
    <td style="text-align: center" colspan="8" class="header"><b>{{ env('CORP_NAME') }}</b></td>
  </tr>
  <tr>
    <td style="text-align: center" colspan="8" class="header"><b>{{ env('CORP_ADDRESS') }}</b></td>
  </tr>
  <tr>
    <td style="text-align: center; font-weight: bold" colspan="8" class="header">
      Phone: <span style="color: #0f1fad">{{ env('CORP_PHONE') }}</span> | Whatsapp: <span
        style="color: #0f1fad">{{ env('CORP_WA_FINANCE') }}</span> | Email: <span
        style="color: #0f1fad">{{ env('CORP_EMAIL_CS') }}</span>
    </td>
  </tr>
  <tr>
    <td colspan="8"></td>
  </tr>
</table>

@foreach ($groupedOdp as $jalur => $odpRows)
  <!-- Menampilkan header dan data setiap jalur_odp -->
  <table>
    <tr>
      <td style="text-align: center; font-weight: bold" colspan="8">
        Report ODP {{ $unit_instalasi . ' | ' . $jalur . ' | Wilayah ' . ($odpRows->first()->wilayah_odp ?? '') }}
      </td>
    </tr>
    <thead>
      <tr>
        <th>ID</th>
        <th>PON</th>
        <th>Spliter</th>
        <th>ODP</th>
        <th>GPS</th>
        <th>Port</th>
        <th>User</th>
        <th>Port Available</th>
      </tr>
    </thead>
    <tbody>
      @foreach ($odpRows as $row)
      <tr wire:key="{{ $row->id_odp }}">
        <td>{{ $row->id_odp }}</td>
        <td>{{ $row->pon_odp }}</td>
        <td>{{ $row->spliter_odp }}</td>
        <td>{{ $row->nama_odp }}</td>
        <td>{{ $row->gps_odp }}</td>
        <td>{{ $row->qty_port }}</td>
        <td>{{ $row->total_user }}</td>
        <td>
          @php
            $sisa = $row->qty_port - $row->total_user;
          @endphp
          {{ max($sisa, 0) }}
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>

  <!-- Baris kosong untuk memberi jarak antar tabel -->
  <table>
    <tr><td colspan="8"></td></tr>
    <tr><td colspan="8"></td></tr>
  </table>
@endforeach