@extends('layouts.mainlayout')

@section('title','List Barang')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title ">Form Input</h5>
            </div>
            <div class="card-body">
                <form method="POST">
                    <div class="mb-3">
                        <label for="sku" class="form-label">Sku</label>
                        <input type="text" class="form-control" id="sku" name="sku" required>
                    </div>

                    <div class="mb-3">
                        <label for="value" class="form-label">Value</label>
                        <input type="text" class="form-control" id="value" name="value" required>
                    </div>

                    <div class="mb-3">
                        <label for="category" class="form-label">Category</label>
                        <select class="form-select form-select-md mb-2">
                            <option selected disabled value> -- Select -- </option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="mounting" class="form-label">Mounting</label>
                        <select class="form-select form-select-md mb-2">
                            <option selected disabled value> -- Select -- </option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="packaging" class="form-label">Packaging</label>
                        <select class="form-select form-select-md mb-2">
                            <option selected disabled value> -- Select -- </option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="footprint" class="form-label">Footprint</label>
                        <select class="form-select form-select-md mb-2">
                            <option selected disabled value> -- Select -- </option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="ProjectDescription" class="form-label">Project Description</label>
                        <textarea class="form-control" id="ProjectDescription" rows="5"></textarea>
                    </div>

                    <div class="mb-3">
                        <label for="CostPerUnit" class="form-label">Cost Per Unit</label>
                        <div class="input-group mb-2">
                            <span class="input-group-text">Rp. </span>
                            <input type="text" class="form-control" ">
                        </div>
                    </div>

                    <div class=" mb-3">
                            <label for="SellingPrice" class="form-label">Selling Price</label>
                            <div class="input-group mb-2">
                                <span class="input-group-text">Rp. </span>
                                <input type="text" class="form-control" ">
                            </div>
                    </div>

                    <div class=" mb-3">
                                <label for="supplier" class="form-label">Supplier</label>
                                <select class="form-select form-select-md mb-2">
                                    <option selected disabled value> -- Select -- </option>
                                </select>
                            </div>

                            <div class=" mb-3">
                                <label for="MinimalStock" class="form-label">Minimal Stock</label>
                                <input type="text" class="form-control" id="MinimalStock" name="MinimalStock" required>
                            </div>

                            <div class="card-action">
                                <!-- tombol simpan data -->
                                <input type="submit" name="simpan" value="Simpan"
                                    class="btn btn-secondary btn-round pl-4 pr-4 mr-2">
                                <!-- tombol kembali ke halaman data barang -->
                                <a href="/list_barang" class="btn btn-default btn-round pl-4 pr-4">Batal</a>
                            </div>

                </form>
            </div>
        </div>
    </div>
</div>
@endsection