@extends('layouts.app')

@section('content')

<div class="card">

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

        <h4>

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

            Tambah Barang

        </h4>

    </div>

    <form action="{{ route('barang.store') }}"
          method="POST"
          enctype="multipart/form-data">

        @csrf

        <div class="card-body">

            <div class="row">

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

                    <div class="form-group">

                        <label>Kode Barang</label>

                        <input type="text"
                               name="kode_barang"
                               class="form-control">

                    </div>

                </div>

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

                    <div class="form-group">

                        <label>Kategori</label>

                        <select name="kategori_id"
                                class="form-control">

                            <option value="">
                                -- Pilih --
                            </option>

                            @foreach($kategori as $item)

                                <option value="{{ $item->id }}">

                                    {{ $item->nama_kategori }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                </div>

            </div>

            <div class="form-group">

                <label>Nama Barang</label>

                <input type="text"
                       name="nama_barang"
                       class="form-control">

            </div>

            <div class="form-group">

                <label>Merk</label>

                <input type="text"
                       name="merk"
                       class="form-control">

            </div>

            <div class="row">

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

                    <div class="form-group">

                        <label>Stok</label>

                        <input type="number"
                               name="stok"
                               class="form-control">

                    </div>

                </div>

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

                    <div class="form-group">

                        <label>Harga Beli</label>

                        <input type="number"
                               name="harga_beli"
                               class="form-control">

                    </div>

                </div>

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

                    <div class="form-group">

                        <label>Harga Jual</label>

                        <input type="number"
                               name="harga_jual"
                               class="form-control">

                    </div>

                </div>

            </div>

            <div class="form-group">

                <label>Satuan</label>

                <input type="text"
                       name="satuan"
                       class="form-control">

            </div>

            <div class="form-group">

                <label>Gambar</label>

                <input type="file"
                       name="gambar"
                       class="form-control">

            </div>

        </div>

        <div class="card-footer">

            <button class="btn btn-success">

                Simpan

            </button>

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

                Kembali

            </a>

        </div>

    </form>

</div>

@endsection