<x-app-layout>
  <x-slot name="header">
    <h2 class="font-semibold text-xl text-gray-800 leading-tight">
      {{ __('Laporan Tagihan Wi-Fi') }}
    </h2>
  </x-slot>


  <x-slot name="slot">


  <div style="width: 90%; margin-left: 5%; margin-right: 5%;" align="center">

      <div class="card">
        <div class="card-header">
          <div class="row align-items-center">
            <div class="col-6 ">
             List Pembayaran
            </div>
            <div class="col-6">
            </div>
          </div>
        </div>
      </div>
      <div class="card-body" >
                <div class="container1">
                  <div class="row">
                    <div class="col-5" >
                     
                    </div>
                    <div class="col-5">
                      
                    </div>
                    <div class="col-2">
                     
                    </div>
                  </div>
                </div>

        <div class="table-responsive table-sm">

          


          <table class="table table-striped table-bordered" style="overflow: auto;">
            <thead>
              <tr>
                
                <th colspan="1" rowspan="2" >ID Pembayaran</th>
                <th colspan="1" rowspan="2" >Customer_id</th>
                <th colspan="1" rowspan="2" >Nama</th>
                <th colspan="1" rowspan="2" >Alamat</th>
                <th colspan="1" rowspan="2" >Telepon</th>
                <th colspan="1" rowspan="2" >Tgl_pasang</th>
                <th colspan="1" rowspan="2" >Speed</th>
                <th colspan="1" rowspan="2" >Nominal</th>
                <th colspan="1" rowspan="2" >Tanggal Bayar</th>
              </tr>
              
            </thead>
            <tbody>
              
                @foreach($listPembayarans as $pembayaran)
                <tr>
                <th>{{ $pembayaran->id_bayar }}</th>
                <th>{{ $pembayaran->customer_id }}</th>
                <th>{{ $pembayaran->nama }}</th>
                <th>{{ $pembayaran->alamat }}</th>
                <th>{{ $pembayaran->telepon }}</th>
                <th>{{ $pembayaran->tgl_pasang }}</th>
                <th>{{ $pembayaran->speed }}</th>
                <th>{{ number_format($pembayaran->nominal_tagihan, 2) }}</th>
                <th>{{ $pembayaran->tgl_bayar }}</th>
                </tr>

                @endforeach

            </tbody>
          </table>

          {{ $listPembayarans->links() }}
    

        </div> {{-- table responsive --}}
      </div> 

   



              <script type="text/javascript"> //check if page fully loaded

      

              </script>




  </x-slot>

          </x-app-layout>
