<div class="mb-2">
    <button class="btn btn-primary" onclick="export2csv()">Download csv</button>
</div>


     <div class="col-md-12">
            <div class="badge badge-success float-right m-1" style="text-align: ">Total Row: {{ $list->count() }}</div>
        </div>
          <table  class="table table-bordered table-striped table-condensed" id="tableId">
              <thead class="bg-blue-50">
                  <tr>
                      <th scope="col"
                          class="">
                          ID
                      </th>
                      <th scope="col"
                          class="">
                          Date
                      </th>

                      <th scope="col"
                          class="">
                          Pop Name
                      </th>
                      <th scope="col"
                          class="">
                          Amount
                      </th>

                      <th scope="col"
                          class="">
                          After Recharge Balance
                      </th>


                      <th scope="col"
                          class="">
                          Remarks
                      </th>
                      <th scope="col"
                          class="">
                          Recharge By
                      </th>
                      {{-- <th scope="col"
                          class="">

                      </th> --}}
                  </tr>
              </thead>
              <tbody class="bg-white divide-y divide-gray-200">
                @php $total = 0;   @endphp
                  @foreach ($list as $r)

                  <tr>
                      <td class="px-6 py-4 whitespace-nowrap">
                          {{ $r->id}}
                      </td>
                      <td class="px-6 py-4 whitespace-nowrap">
                        {{date('d-M-Y h:i:sa',strtotime($r->created_at))}}
                      </td>

                      <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                          @foreach($pops as $pop)
                            @if($pop->id == $r->pop_id)
                            {{ $pop->popname}}
                            @endif
                          @endforeach
                      </td>

                      <td class="px-6 py-4 whitespace-nowrap text-right">
                        @php $total += $r->amount @endphp
                          {{$r->amount}}
                      </td>


                      <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 text-right">
                          {{ $r->after_recharge_balance}}
                      </td>

                      <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                          {{ $r->remarks}}
                      </td>
                      <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                        {{ $r->user->name ?? '' }}
                      </td>


                  </tr>

                  @endforeach

                  <tr>
                    <td></td>
                    <td></td>
                    <td class="text-right">Total: </td>
                    <td class="px-6 py-2 whitespace-nowrap text-right">{{ number_format($total, 2, '.', '') }}</td>
                    <td></td>
                    <td></td>
                    <td></td>

                </tr>
                  <!-- More items... -->
              </tbody>
          </table>

          <div class="p-5">
              {{-- {{ $list->links() }} --}}
          </div>
