@include('components.theme.pages.header')
@section('content')
<div class="container">
    <h1>Detail Supplier</h1>
    <div class="form-group">
        <label>Nama Supplier:</label>
        <p>{{ $supplier->nama_supplier }}</p>
    </div>
    <div class="form-group">
        <label for="nama_produk">Nama Produk</label>
        <select class="form-control" id="nama_produk" name="nama_produk" required>
            @foreach($products as $product)
            <option value="{{ $product->name }}" {{ $supplier->nama_produk == $product->name ? 'selected' : '' }}>
                {{ $product->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="form-group">
        <label>Jumlah:</label>
        <p>{{ $supplier->jumlah }}</p>
    </div>
    <div class="form-group">
        <label>Harga:</label>
        <p>{{ $supplier->harga }}</p>
    </div>
    <a href="{{ route('suppliers.index') }}" class="btn btn-secondary">Kembali</a>
</div>
@endsection