@extends('layout')

@section('content')
    <div class="col-md-9 content">
        <h2>Detail Tagihan</h2>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Nama Pelanggan: {{ $pelanggan->nama }}</h5>
            </div>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Bulan</th>
                        <th>Volume</th>
                        <th>Kubikasi</th>
                        <th>Gambar</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($tagihan as $item)
                        <tr>
                            <td>{{ $item->bulan }}</td>
                            <td>{{ $item->volume }}</td>
                            <td>{{ $item->kubikasi }}</td>
                            <td><img src="{{ asset('gambarmeteran/' . $item->gambar) }}" alt="Gambar" style="width: 100px;"></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection