@extends('layouts.app')

@section('content')

<div class="card">

    <div class="card-header bg-primary text-white">

        <h4>

            <i class="fas fa-eye"></i>

            Detail Barang

        </h4>

    </div>

    <div class="card-body">

        <div class="row">

            <div class="col-md-4 text-center">

                @if($barang->gambar)

                    <img src="{{ asset('upload/barang/'.$barang->gambar) }}"
                         class="img-fluid img-thumbnail">

                @else

                    <img src="https://via.placeholder.com/300"
                         class="img-fluid img-thumbnail">

                @endif

            </div>

            <div class="col-md-8">

                <table class="table table-bordered">

                    <tr>
                        <th width="250">Kode Barang</th>
                        <td>{{ $barang->kode_barang }}</td>
                    </tr>

                    <tr>
                        <th>Nama Barang</th>
                        <td>{{ $barang->nama_barang }}</td>
                    </tr>

                    <tr>
                        <th>Kategori</th>
                        <td>{{ $barang->kategori->nama_kategori }}</td>
                    </tr>

                    <tr>
                        <th>Merk</th>
                        <td>{{ $barang->merk }}</td>
                    </tr>

                    <tr>
                        <th>Stok</th>
                        <td>{{ $barang->stok }}</td>
                    </tr>

                    <tr>
                        <th>Harga Beli</th>
                        <td>
                            Rp {{ number_format($barang->harga_beli) }}
                        </td>
                    </tr>

                    <tr>
                        <th>Harga Jual</th>
                        <td>
                            Rp {{ number_format($barang->harga_jual) }}
                        </td>
                    </tr>

                    <tr>
                        <th>Satuan</th>
                        <td>{{ $barang->satuan }}</td>
                    </tr>

                </table>

            </div>

        </div>

    </div>

    <div class="card-footer">

        <a href="{{ route('barang.index') }}"
           class="btn btn-secondary">

            Kembali

        </a>

    </div>

</div>

@endsection