diff --git a/app/Http/Controllers/CustomersController.php b/app/Http/Controllers/CustomersController.php
index 1d33fa0..1dd33cf 100644
--- a/app/Http/Controllers/CustomersController.php
+++ b/app/Http/Controllers/CustomersController.php
@@ -45,7 +45,11 @@ class CustomersController extends Controller
         $cawangan_info = Http::get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
 
         $customers_info = Http::get(config('api.url') . '/api/customers/'. $noic)->json();
-        $customer_info = $customers_info[0];
+        if(sizeof($customers_info)!= 0){
+            $customer_info = $customers_info[0];
+        }else{
+            $customer_info = $customers_info;
+        }
 
         $search = true;
         if($customer_info){
diff --git a/app/Http/Controllers/HargaEmasController.php b/app/Http/Controllers/HargaEmasController.php
index 5b2d554..c7bcc2b 100644
--- a/app/Http/Controllers/HargaEmasController.php
+++ b/app/Http/Controllers/HargaEmasController.php
@@ -4,6 +4,9 @@ namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
 use App\HargaEmas;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Auth;
 
 class HargaEmasController extends Controller
 {
@@ -13,7 +16,9 @@ class HargaEmasController extends Controller
     }
 
     public function index(){
+        $auth_user = Auth::user();
+        $cawangan_info = Http::get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
         $harga_emas = HargaEmas::all();
-        return view('harga_emas.index',compact('harga_emas'));
+        return view('harga_emas.index',compact('harga_emas','cawangan_info'));
     }
 }
diff --git a/app/Http/Controllers/MarhunController.php b/app/Http/Controllers/MarhunController.php
index 6c440bb..97b15e7 100644
--- a/app/Http/Controllers/MarhunController.php
+++ b/app/Http/Controllers/MarhunController.php
@@ -14,9 +14,14 @@ class MarhunController extends Controller
         $this->middleware('auth');
     }
 
-    public function index(){
+    public function index(Request $request){
+        $norujukan = $request->norujukan;
+        
         $auth_user = Auth::user();
+
+        $jemas = Http::get(config('api.url') . '/api/jemas/'. $auth_user['cawangan'])->json();
+        $hargaemas = Http::get(config('api.url') . '/api/harga_emas')->json();
         $cawangan_info = Http::get(config('api.url') . '/api/cawangan/'. $auth_user['cawangan'])->json();
-        return view('marhun.index',compact('cawangan_info'));
+        return view('marhun.index',compact('cawangan_info','norujukan','jemas','hargaemas'));
     }
 }
diff --git a/resources/views/gadaian/index.blade.php b/resources/views/gadaian/index.blade.php
index 6f5ec64..1ca2722 100644
--- a/resources/views/gadaian/index.blade.php
+++ b/resources/views/gadaian/index.blade.php
@@ -8,6 +8,10 @@
             <div class="form-group row col-12">
                 <div class="col-6">
                     <div class="form-group row">
+                        <input type="hidden" name="kodcaw" id="kodcaw" value="{{$cawangan_info['kodcaw']}}">
+                        <input type="hidden" name="nokp" id="nokp" value="{{ $customer_info['kpbaru'] }}">
+                        <input type="hidden" name="jantina" id="jantina" value="{{ $customer_info['jantina'] }}">
+                        <input type="hidden" name="bangsa" id="bangsa" value="{{ $customer_info['bangsa'] }}">
                         <div class="col-4">
                             Nama
                         </div>
@@ -22,7 +26,7 @@
                             No Pelanggan
                         </div>
                         <div class="col-8">
-                        <input type="text" name="no_pelanggan" readonly id="no_pelanggan" value="{{ $customer_info['nopelanggan'] }}">
+                        <input type="text" name="nopelanggan" readonly id="nopelanggan" value="{{ $customer_info['nopelanggan'] }}">
                         </div>
                     </div>
                 </div>
@@ -32,7 +36,7 @@
                             No Rujukan
                         </div>
                         <div class="col-8">
-                            <input type="text" name="no_rujukan" id="no_rujukan" readonly value="{{ $norujukan }}">
+                            <input type="text" name="norujukan" id="norujukan" readonly value="{{ $norujukan }}">
                         </div>
                     </div>
                 </div>
@@ -58,7 +62,7 @@
                 </div>
             </div>
             <div class="col-12 text-right mb-2">
-                <a class="btn btn-primary" href="{{ url('/daftar_marhun') }}">DAFTAR MARHUN</a>
+                <a class="btn btn-primary" href="{{ route('daftar_marhun',['norujukan'=>$norujukan ]) }}">DAFTAR MARHUN</a>
             </div>
             <div class="card">
                 <div class="card-body">
@@ -88,7 +92,7 @@
                                         PINJAMAN MAX
                                     </div>
                                     <div class="col-8">
-                                        <input type="text">
+                                        <input type="text" readonly name="pinjaman_max_teller" id="pinjaman_max_teller">
                                     </div>
                                 </diV>
                             </div>
@@ -98,7 +102,7 @@
                                         UPAH SEBULAN
                                     </div>
                                     <div class="col-8">
-                                        <input type="text">
+                                        <input type="text" readonly name="upah_sebulan" id="upah_sebulan">
                                     </div>
                                 </diV>
                             </div>
@@ -108,7 +112,7 @@
                                         ID PELULUS
                                     </div>
                                     <div class="col-8">
-                                        <input type="text">
+                                        <input type="text" name="id_pelulus" id="id_pelulus">
                                     </div>
                                 </diV>
                             </div>
@@ -118,7 +122,7 @@
                                         PINJAMAN
                                     </div>
                                     <div class="col-8">
-                                        <input type="text">
+                                        <input type="text" name="pinjaman" id="pinjaman">
                                     </div>
                                 </diV>
                             </div>
@@ -128,7 +132,7 @@
                                         UPAH 6 BULAN
                                     </div>
                                     <div class="col-8">
-                                        <input type="text">
+                                        <input type="text" readonly name="upah_6bln" id="upah_6bln">
                                     </div>
                                 </diV>
                             </div>
@@ -138,13 +142,13 @@
                                         PINJAMAN MAX PELULUS
                                     </div>
                                     <div class="col-8">
-                                        <input type="text">
+                                        <input type="text" readonly name="pinjaman_max_pelulus" id="pinjaman_max_pelulus">
                                     </div>
                                 </diV>
                             </div>
                             <div class="col-12">
                                 <input type="button" class="float-right btn btn-danger mr-2" value="BATAL">
-                                <input type="button" class="float-right btn btn-primary mr-2" value="TERIMA">
+                                <input type="button" name="terima_gadai" id="terima_gadai" class="float-right btn btn-primary mr-2" value="TERIMA">
                                 <input type="button" class="float-right btn btn-primary mr-2" value="TAMBAH GADAI">
                             </div>
                         </div>
@@ -155,8 +159,110 @@
     </div>
 </div>
 <script>
+    var tablemarhun = $('#myTable').DataTable({
+        "ordering": false
+    });
+    var total_nilai_marhun = 0;
+    var total_berat = 0;
+    var kadarupah = 0;
+    var marhun_details = '';
+    function marhuntable(data){
+        var counter = 1;
+        total_nilai_marhun = 0;
+        total_berat = 0;
+        tablemarhun.clear().draw();
+        $.each(data,function(index,marhun){
+            $.each(marhun,function(index,marhun_detail){
+                total_nilai_marhun = total_nilai_marhun + Number(marhun_detail['n_marhun']);
+                total_berat = total_berat + Number(marhun_detail['berat']);
+                marhun_details = marhun_details + marhun_detail['bil'] + " " + marhun_detail['marhun'] +",";
+                tablemarhun.row.add([
+                    counter,
+                    marhun_detail['bil'],
+                    marhun_detail['marhun'],
+                    " ",
+                    marhun_detail['n_marhun'],
+                    marhun_detail['karat'],
+                    marhun_detail['berat'],
+                    marhun_detail['nota']
+                ]).draw();
+                counter = counter + 1;
+            });
+        });
+        var max_teller = total_nilai_marhun * 0.7;
+        var max_pelulus = total_nilai_marhun * 0.75;
+
+        $('#pinjaman_max_teller').val(max_teller.toFixed(2));
+        $('#pinjaman_max_pelulus').val(max_pelulus.toFixed(2));
+    }
+
     $(document).ready( function () {
-        $('#myTable').DataTable();
+        var norujukan = $('#norujukan').val();
+
+        $.ajax({
+            method:'GET',
+            url:'http://localhost:8000/api/marhun/'+norujukan,
+            success:function(data){
+                marhuntable(data);
+            }
+        })
     } );
+
+    $('#pinjaman').change(function(){
+        var pinjaman = Number(this.value);
+
+        if(pinjaman > 0 && pinjaman < 401){
+            kadarupah = 1.25/100;
+        }else if(pinjaman >= 401 && pinjaman < 2001){
+            kadarupah = 1.5/100;
+        }else if(pinjaman >= 2001 ){
+            kadarupah = 1.7/100;
+        }
+
+        var upah_sebulan = pinjaman * kadarupah;
+        var upah_6bln = upah_sebulan * 6;
+
+        $('#upah_sebulan').val(upah_sebulan.toFixed(2));
+        $('#upah_6bln').val(upah_6bln.toFixed(2));
+    });
+
+    $('#terima_gadai').click(function(){
+        var kodcaw = $('#kodcaw').val();
+        var nokp = $('#nokp').val();
+        var jantina = $('#jantina').val();
+        var bangsa = $('#bangsa').val();
+        var nopelanggan = $('#nopelanggan').val();
+        var norujukan = $('#norujukan').val();
+        var pinjaman = $('#pinjaman').val();
+
+        var percentpinj = Number(pinjaman)/Number(total_nilai_marhun);
+        // console.log(kodcaw,nokp,jantina,bangsa,nopelanggan,norujukan,pinjaman,percentpinj);
+        // $.ajax({
+        //     method:'POST',
+        //     url: 'http://localhost:8000/api/gadai/'+kodcaw,
+        //     dataType:'json',
+        //     data:{
+        //         'kodcaw': kodcaw,
+        //         'norujukan' : norujukan,
+        //         'nopelanggan' : nopelanggan,
+        //         'nokp' : nokp,
+        //         'nilaimarhun' : total_nilai_marhun.toFixed(2),
+        //         'berat' : total_berat,
+        //         'pinjaman' : pinjaman.toFixed(2),
+        //         'kadarupah' : kadarupah
+        //         'marhun' : marhun_details,
+        //         'jantina' : jantina,
+        //         'bangsa' : bangsa,
+        //         'percentpinj' : percentpinj.toFixed(2)
+        //     },
+        //     success:function(data){
+        //         alert('Gadai Berjaya');
+        //     },
+        //     error: function(xhRequest, ErrorText, thrownError){
+        //         alert('Gadai Tidak Berjaya');
+        //         console.log(xhRequest);
+        //     }
+        // });
+    })
 </script>
 @endsection
diff --git a/resources/views/marhun/index.blade.php b/resources/views/marhun/index.blade.php
index 9befd32..5a2c7ec 100644
--- a/resources/views/marhun/index.blade.php
+++ b/resources/views/marhun/index.blade.php
@@ -7,72 +7,168 @@
             <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>
+                    <form action="" id="maklumat_marhun" method="post">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group row">
+                                    <input type="hidden" name="kodcaw" id="kodcaw" value="{{$cawangan_info['kodcaw']}}">
+                                    <div class="col-md-4">No Rujukan</div>
+                                    <div class="col-md-8"><input type="text" name="norujukan" id="norujukan" value="{{ $norujukan }}"></div>
+                                    <div class="col-md-4">Marhun</div>
+                                    <div class="col-md-8">
+                                        <select name="marhun" id="marhun">
+                                            <option disabled selected value> -- select an option -- </option>
+                                            @foreach($jemas as $j)
+                                                <option value="{{$j['marhun']}}">{{$j['descpt']}}</option>
+                                            @endforeach
+                                        </select>
+                                    </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>
-                                <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 class="col-md-4">Karat</div>
+                                    <div class="col-md-8">
+                                        <select name="karat" id="karat">
+                                            <option disabled selected value> -- select an option -- </option>
+                                            @foreach($hargaemas as $emas)
+                                                <option value="{{$emas['karat']}}">{{$emas['karat'].' - '.$emas['keterangan']}}</option>
+                                            @endforeach
+                                        </select>
+                                    </div>
+                                    <div class="col-md-4">Berat</div>
+                                    <div class="col-md-8"><input type="text" name="berat_emas" id="berat_emas"></div>
+                                    <div class="col-md-4">Harga</div>
+                                    <div class="col-md-8"><input type="text" name="harga" id="harga" readonly></div>
+                                    <div class="col-md-4">Nilai Marhun</div>
+                                    <div class="col-md-8"><input type="text" name="nilai_marhun" id="nilai_marhun" readonly></div>
                                 </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 class="col-md-6">
+                                <div class="row">
+                                    <div class="col-md-12">
+                                        <img style="width:200px" src="{{ asset('img/logo_arrahn_baru.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>
-                    </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>
+                        <hr>
+                        <div class="row">
+                            <div class="form-group row" style="margin-right:auto;margin-left:auto">
+                                <input class="btn btn-primary mr-2" type="button" name="tambah_marhun" id="tambah_marhun" value="Tambah">
+                                <input class="btn btn-primary mr-2" type="submit" name="terima_marhun" id="terima_marhun" value="Terima">
+                                <input class="btn btn-danger mr-2" type="button" name="batal_marhun" id="batal_marhun" value="Batal">
+                            </div>
                         </div>
-                    </div>
+                    </form>
                 </div>
             </div>
         </div>
     </div>
 </div>
+<script>
+    $('#karat').change(function(){
+        var karat = this.value;
+        karat = karat.replace(/\./g,'-');
+        var berat = $('#berat_emas').val();
+        getHargaEmas(karat,berat)
+    });
+
+    $('#berat_emas').change(function(){
+        var berat = this.value;
+        var karat = $('#karat').val();
+        karat = karat.replace(/\./g,'-');
+        getHargaEmas(karat,berat)
+    })
+
+    $('#tambah_marhun').click(function(){
+        var kodcaw = $('#kodcaw').val();
+        var norujukan = $('#norujukan').val();
+        var marhun = $('#marhun').val();
+        var rosak = $('#rosak').val();
+        var putus = $('#putus').val();
+        var patah = $('#patah').val();
+        var permata = $('#permata').val();
+        var sebelah = $('#sebelah').val();
+        var karat = $('#karat').val();
+        var berat_emas = $('#berat_emas').val();
+        var harga = $('#harga').val();
+        var nilai_marhun = $('#nilai_marhun').val();
+
+        $.ajax({
+            method:'POST',
+            url:'http://localhost:8000/api/marhun/'+kodcaw,
+            dataType:'json',
+            data:{
+                'norujukan': norujukan,
+                'marhun' : marhun,
+                'rosak' : rosak,
+                'putus' : putus,
+                'patah' : patah,
+                'permata' : permata,
+                'sebelah' : sebelah,
+                'karat' : karat,
+                'berat_emas' :berat_emas,
+                'harga' : harga,
+                'nilai_marhun' : nilai_marhun
+            },
+            success:function(data){
+                alert('Tambah Marhun Berjaya');
+                $('#marhun').prop("selected", false);
+                $('#rosak').prop('checked', false);
+                $('#putus').prop('checked', false);
+                $('#patah').prop('checked', false);
+                $('#permata').prop('checked', false);
+                $('#sebelah').prop('checked', false);
+                $('#karat').prop("selected", false);
+                $('#berat_emas').val("");
+                $('#harga').val("");
+                $('#nilai_marhun').val("");
+            },
+            error: function(xhRequest, ErrorText, thrownError){
+                alert('Tambah Marhun Tidak Berjaya');
+                console.log(xhRequest);
+            }
+        });
+    })
+
+    function getHargaEmas(karat,berat){
+        $.ajax({
+            method:'GET',
+            url:'http://localhost:8000/api/harga_emas/'+karat,
+            success:function(data){
+                
+                var nilai_marhun = data['harga2'] * berat;
+                $('#harga').val(data['harga2']);
+                $('#nilai_marhun').val(nilai_marhun);
+            }
+        })
+    }
+</script>
 @endsection
diff --git a/routes/web.php b/routes/web.php
index 85b0760..df0ceae 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -33,7 +33,7 @@ Route::get('/home', 'HomeController@index')->name('home');
 Route::get('/pelanggan','CustomersController@index');
 Route::get('/customer_info',['as'=>'customer_info','uses'=>'CustomersController@info']);
 Route::get('/gadaian',['as'=>'gadaian','uses'=>'GadaianController@index']);
-Route::get('/daftar_marhun','MarhunController@index');
+Route::get('/daftar_marhun',['as'=>'daftar_marhun','uses'=>'MarhunController@index']);
 Route::get('/penebusan','PenebusanController@index');
 Route::get('/aliran_tunai','AliranTunaiController@index');
 Route::get('/harga_emas','HargaEmasController@index');