@extends('master')
@section('content')
@include('sweetalert::alert')

<div class="row mb-5 align-items-center">
<div class="col-lg-12 margin-tb">
        <div class="pull-right">
          <a href="#" class="btn btn-success "><i class="fa fa-print"></i></a>
          <a href="#" class="btn btn-danger "><i class="fa fa-trash"></i></a>
        </div>
      </div>
  </div>
    @csrf
   
   
     <div class="row">
         <div class="col-12">
             <div class="card">
                <div class="card-header">
                  <h4 class="card-title">Detail Transaksi</h4>
                </div>
                    <div class="card-body table-responsive">
                      <table class="table data-tables">
                        <thead>
                          <tr>
                          <th scope="col">NO</th>
                          <th scope="col">Nama Warga</th>
                           <th scope="col">Jenis Sampah</th>
                            <th scope="col">Satuan</th>
                            <th scope="col">Jumlah Kg</th>
                            <th scope="col">Harga/kg</th>
                            <th scope="col">Total Jumlah</th>
                            <th scope="col">Bukti Transaksi</th>
                           
                        </tr>
                            @foreach($dtdetail as $no =>$item)
                        <tr> 
                        <th scope="row">{{ $no+1}}</th>
                            <td>{{$item->nama_warga}}</td>
                            <td>{{$item->jenis_sampah}}</td>
                            <td>{{$item->id_satuan}}</td>
                            <td>{{$item->total}}</td>
                            <td>{{$item->harga}}</td>
                            <td>{{$item->total_jumlah}}</td>
                            <td><img width=100 height= 100 src="{{asset('gambardetail/')}}/{{$item->gambar}}"/></td>
                           
                        </tr>
                        @endforeach

                      </table>
                      <h4 class="card-title">Jumlah</h4>
                    </div>
            </div>
          </div>
      </div>
@endsection