@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <h3 class="text-center text-uppercase">MAKLUMAT MARHUN</h3>
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <div class="col-md-4">NO RUJUKAN</div>
                                <div class="col-md-8"><input type="text"></div>
                                <div class="col-md-4">MARHUN</div>
                                <div class="col-md-8"><input type="text"></div>
                                <div class="col-md-12">
                                    <div class="form-group row">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="rosak" value="rosak">
                                            <label class="form-check-label" for="rosak">ROSAK</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="putus" value="putus">
                                            <label class="form-check-label" for="putus">PUTUS</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="patah" value="patah">
                                            <label class="form-check-label" for="patah">PATAH</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="permata" value="permata">
                                            <label class="form-check-label" for="permata">PERMATA</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="sebelah" value="sebelah">
                                            <label class="form-check-label" for="sebelah">SEBELAH</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">KARAT</div>
                                <div class="col-md-8"><input type="text"></div>
                                <div class="col-md-4">BERAT</div>
                                <div class="col-md-8"><input type="text"></div>
                                <div class="col-md-4">HARGA</div>
                                <div class="col-md-8"><input type="text"></div>
                                <div class="col-md-4">NILAI MARHUN</div>
                                <div class="col-md-8"><input type="text"></div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-12">
                                    <img src="{{ asset('img/logo_arrahn.png') }}" alt="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group row" style="margin-right:auto;margin-left:auto">
                                    <button class="btn btn-primary mr-2">KAMERA</button>
                                    <button class="btn btn-primary">MUAT NAIK</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="form-group row" style="margin-right:auto;margin-left:auto">
                            <button class="btn btn-primary mr-2">TAMBAH</button>
                            <button class="btn btn-primary mr-2">TERIMA</button>
                            <button class="btn btn-danger mr-2">BATAL</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection