@extends('layouts.master')

@section('content')

    <h1>Subproduct</h1>
    <div class="table-responsive">
        <table class="table table-bordered table-striped table-hover">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Product</th>
                    <th>Subproduct Name</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $subproduct->id }}</td>
                    <td> {{ $subproduct->product->productName }} </td>
                    <td> {{ $subproduct->subproductName }} </td>
                </tr>
            </tbody>    
        </table>
    </div>

@endsection