diff --git a/public/css/marhun-registrations-webcam.css b/public/css/marhun-registrations-webcam.css
new file mode 100644
index 00000000..d15cf51e
--- /dev/null
+++ b/public/css/marhun-registrations-webcam.css
@@ -0,0 +1,64 @@
+
+#video {
+border: 1px solid black;
+box-shadow: 2px 2px 3px black;
+width: 320px;
+height: 240px;
+}
+
+#photo {
+border: 1px solid black;
+box-shadow: 2px 2px 3px black;
+width: 320px;
+/* height: 240px; */
+}
+
+#canvas {
+display: none;
+}
+
+.camera {
+width: 340px;
+display: inline-block;
+}
+
+.output {
+width: 340px;
+display: inline-block;
+vertical-align: top;
+}
+
+#startbutton {
+display: block;
+position: relative;
+margin-left: auto;
+margin-right: auto;
+bottom: 32px;
+background-color: rgba(0, 150, 0, 0.5);
+border: 1px solid rgba(255, 255, 255, 0.7);
+box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
+font-size: 14px;
+font-family: "Lucida Grande", "Arial", sans-serif;
+color: rgba(255, 255, 255, 1);
+}
+
+.contentarea {
+font-size: 16px;
+font-family: "Lucida Grande", "Arial", sans-serif;
+width: 760px;
+}
+
+#image-tag-container{
+height: 320px;
+overflow: hidden;
+}
+
+#image-tag{
+height: 320px;
+}
+
+img.marhun-uploaded {
+cursor: -moz-zoom-in;
+cursor: -webkit-zoom-in;
+cursor: zoom-in;
+}
diff --git a/public/img/camera-shutter.svg b/public/img/camera-shutter.svg
new file mode 100644
index 00000000..bec038f4
--- /dev/null
+++ b/public/img/camera-shutter.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="256px" height="256px" viewBox="0 0 128 128" xml:space="preserve"><rect x="0" y="0" width="100%" height="100%" fill="#FFFFFF" /><g><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#000000"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#c4c4c4" transform="rotate(30 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#b2b2b2" transform="rotate(60 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#a1a1a1" transform="rotate(90 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#8f8f8f" transform="rotate(120 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#7d7d7d" transform="rotate(150 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#6b6b6b" transform="rotate(180 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#595959" transform="rotate(210 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#474747" transform="rotate(240 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#363636" transform="rotate(270 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#242424" transform="rotate(300 64 64)"/><path d="M76.34 52.05l-43.6-43.6a63.42 63.42 0 0 1 29.7-8.2z" fill="#121212" transform="rotate(330 64 64)"/><animateTransform attributeName="transform" type="rotate" values="0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64" calcMode="discrete" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg>
\ No newline at end of file
diff --git a/public/img/no-image.png b/public/img/no-image.png
new file mode 100644
index 00000000..e86053a0
Binary files /dev/null and b/public/img/no-image.png differ
diff --git a/public/img/pngtree-diamond-wedding-ring.png b/public/img/pngtree-diamond-wedding-ring.png
new file mode 100644
index 00000000..5f748966
Binary files /dev/null and b/public/img/pngtree-diamond-wedding-ring.png differ
diff --git a/public/js/marhun-photo-capture-reload-https.js b/public/js/marhun-photo-capture-reload-https.js
new file mode 100644
index 00000000..ebe88f21
--- /dev/null
+++ b/public/js/marhun-photo-capture-reload-https.js
@@ -0,0 +1,31 @@
+function marhunPhotoCapturerReloadHttpsFactory() {
+
+  return {
+
+    reload: function reload() {
+
+      const params = new Proxy(new URLSearchParams(window.location.search), {
+        get: (searchParams, prop) => searchParams.get(prop),
+      });
+
+      const isCameraActivate = params.isCameraActivate;
+      const locationProtocol = location.protocol;
+
+      if (isCameraActivate == 'true' && locationProtocol == 'https:') {
+        return;
+      }
+
+      if (locationProtocol == 'https:') {
+        return;
+      }
+
+      new_location = new URL(location);
+      new_location.protocol = "https:";
+      new_location.searchParams.append('isCameraActivate', 'true')
+      window.location.replace(new_location);
+
+    }
+
+  }
+
+}
diff --git a/public/js/marhun-photo-capture.js b/public/js/marhun-photo-capture.js
new file mode 100644
index 00000000..795de07c
--- /dev/null
+++ b/public/js/marhun-photo-capture.js
@@ -0,0 +1,177 @@
+
+function marhunPhotoCapturerFactory(modal_selector) {
+
+  return {
+
+    constraints: { "video": { width: { exact: 1080 } } },
+
+    imageCapturer: null,
+
+    start: function start() {
+      navigator.mediaDevices.getUserMedia(this.constraints)
+        .then(this.gotMedia)
+        .catch(e => { console.error('getUserMedia() failed: ', e); });
+    },
+
+    gotMedia: function (mediastream) {
+
+      let modal = document.querySelector(modal_selector);
+      let videoTag = modal.querySelector('.video-tag-overallmarhun');
+
+      videoTag.srcObject = mediastream;
+
+      let videoTrack = mediastream.getVideoTracks()[0];
+      this.imageCapturer = new ImageCapture(videoTrack);
+
+
+      // Timeout needed in Chrome, see https://crbug.com/711524
+      setTimeout(() => {
+        const capabilities = videoTrack.getCapabilities()
+        console.log(capabilities)
+
+        // Check whether zoom is supported or not.
+        if (!capabilities.zoom) {
+          return;
+        }
+
+      }, 500);
+
+    },
+
+    captureMedia: function (mediastream) {
+
+      let videoTrack = mediastream.getVideoTracks()[0];
+      let imageCapturer = new ImageCapture(videoTrack);
+
+      let modal = document.querySelector(modal_selector);
+      let imageTag = modal.querySelector('.image-tag-overallmarhun');
+
+
+
+      let setMarhunPhotoInputToCapturedPhoto = function (blob) {
+        const modal = document.querySelector(modal_selector);
+        const marhunPhotoInput = modal.querySelector('#inputGroupFile04');
+
+
+        const marhunPhotoFile = new File([blob], 'marhun_photo.png', {
+          type: 'image/png',
+          lastModified: new Date().getTime(),
+        });
+
+
+        const dataTransfer = new DataTransfer();
+        dataTransfer.items.add(marhunPhotoFile);
+        marhunPhotoInput.files = dataTransfer.files;
+
+      };
+
+      imageCapturer.takePhoto()
+        .then((blob) => {
+          imageTag.src = URL.createObjectURL(blob);
+          imageTag.classList.add('marhun-uploaded');
+
+
+          modal.querySelector('.video-tag-overallmarhun').classList.add('d-none');
+
+          modal.querySelector('.camera-shutter').classList.remove('d-none');
+          modal.querySelector('.camera-shutter').classList.add('d-flex');
+
+          window.setTimeout(() => {
+            modal.querySelector('.image-tag-overallmarhun').classList.remove('d-none');
+            modal.querySelector('.camera-shutter').classList.remove('d-flex');
+            modal.querySelector('.camera-shutter').classList.add('d-none');
+            modal.querySelector('.camera-button').classList.add('d-none')
+          }, 1500);
+
+          modal.querySelector('button[type="submit"]').disabled = false;
+
+          return blob;
+
+        })
+        .then(blob => setMarhunPhotoInputToCapturedPhoto(blob))
+        .catch((err) => {
+          console.error("takePhoto() failed: ", err);
+        });
+
+    },
+
+
+    takePhoto: function () {
+      navigator.mediaDevices.getUserMedia(this.constraints)
+        .then(this.captureMedia)
+        .catch(e => { console.error('getUserMedia() failed: ', e); });
+    },
+
+    viewCapturedPhoto: function () {
+
+      let imageTag = document.getElementById('image-tag');
+
+      if (!imageTag.classList.contains('marhun-uploaded')) {
+
+        Swal.fire({
+          icon: 'error',
+          title: 'Amaran!',
+          text: 'Sila ambil gambar marhun'
+        });
+
+        return;
+      }
+
+      displayInNewTab(imageTag.src);
+    },
+
+    displayInNewTab: function (src) {
+      let image = new Image();
+      image.src = src;
+
+      let w = window.open("");
+      w.document.write(image.outerHTML);
+    },
+
+    initiateTakeMarhunPhoto: function () {
+
+      navigator.mediaDevices.getUserMedia(this.constraints)
+        .then(this.gotMedia)
+        .catch(e => { console.error('getUserMedia() failed: ', e); });
+
+      let modal = document.querySelector(modal_selector);
+
+      modal.querySelector('.video-tag-overallmarhun').classList.remove('d-none');
+      modal.querySelector('.image-tag-overallmarhun').classList.add('d-none');
+      modal.querySelector('.camera-shutter').classList.add('d-none');
+      modal.querySelector('.camera-button').classList.remove('d-none');
+      modal.querySelector('button[type="submit"]').disabled = true;
+
+      $(modal_selector).modal('show');
+    },
+
+
+    initiateUploadMarhunPhoto: function () {
+      let file_marhun_photo = document.getElementById('marhun_photo');
+      let image_tag = document.getElementById('image-tag');
+
+      let displayUploadFileToImageTag = (event) => {
+        let selectedFile = event.target.files[0];
+        let reader = new FileReader();
+
+        image_tag.title = selectedFile.name;
+
+        reader.onload = function (event) {
+          image_tag.src = event.target.result;
+        };
+
+        reader.readAsDataURL(selectedFile);
+
+        this.removeEventListener('change', displayUploadFileToImageTag);
+
+      };
+
+      file_marhun_photo.addEventListener('change', displayUploadFileToImageTag);
+
+      image_tag.classList.add('marhun-uploaded');
+
+      file_marhun_photo.click();
+    }
+  }
+
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index ef0071e2..e8b4d799 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -83,6 +83,9 @@
         }
 
     </script>
+
+    @stack('additional_scripts')
+
     <style>
         a,
         a:hover,
@@ -302,6 +305,8 @@
         
     </style>
 
+    @stack('additional_styles')
+
 </head>
 <body onload="startTime()">
     <div class="wrapper">
diff --git a/resources/views/marhun/marhun.blade.php b/resources/views/marhun/marhun.blade.php
index 46e4155f..0075ca06 100644
--- a/resources/views/marhun/marhun.blade.php
+++ b/resources/views/marhun/marhun.blade.php
@@ -1,614 +1,793 @@
 @extends('layouts.app')
 
-@section('content')
-<div class="container-fluid">
-    <div class="row ">
-        <div class="col-md-11 mx-auto card p-4">
-            <div class="row">
-                <a href=" {{ route('marhun.senaraimarhun', ['lelong_id'=>$lelongbid->lelong_id]) }}" class="btn ml-3 btn-secondary">Kembali</a>
-            </div>
-            @if ($message = Session::get('success'))
-            <div class="alert mt-2 alert-success">
-                <p>{{ $message }}</p>
-            </div>
-            @endif
-            <form id="deletePhoto" action="{{route('marhun.deletephotomarhun')}}" method="POST">
-                @csrf
-                <input type="hidden" id="filemarhun_id" name="filemarhun_id" value="">
-                <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
-                <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
-            </form>
-            <form id="formdelete" action="{{ route('marhun.submitdelete') }}" method="POST">
-                @csrf
-                <input type="hidden" name="type" value="User">
-                <input type="hidden" name="lelongbidmarhun_id" id="lelongbidmarhun_id" >
-                <input type="hidden" name="lelongbid_id" id="lelongbid_id">
-            </form>
+@push('additional_scripts')
+    <script src="{{ asset('js/marhun-photo-capture.js') }}"></script>
+    <script src="{{ asset('js/marhun-photo-capture-reload-https.js') }}"></script>
+    <script>
+        let modalOverallPhotoCapture = new marhunPhotoCapturerFactory('#modaloverallphoto-capture');
+        let modalOverallPhotoCaptureUpdate = new marhunPhotoCapturerFactory('#modaloverallphoto-capture-update');
+        let modalOverallPhotoCapturePerMarhun = new marhunPhotoCapturerFactory('#modalpermarhunphoto-capture');
+        let modalOverallPhotoCapturePerMarhunUpdate = new marhunPhotoCapturerFactory('#modalpermarhunphoto-capture-update');
+        let marhunPhotoCapturerReloadHttps = new marhunPhotoCapturerReloadHttpsFactory();
+    </script>
+@endpush
 
-            <form id="formsemak" action="{{ route('marhun.semak', [ $lelongbid, $lelong_id ]) }}" method="GET">
-                <input type="hidden" name="type" value="User">
-                <input type="hidden" name="lelongbidmarhun_id" id="lelongbidmarhun_id">
-                <input type="hidden" name="lelongbid_id" id="lelongbid_id">
-            </form>
-            <br>
-            <h4> No Rujukan : <td>{{ $lelongbid->norujukan }}</td>
-            </h4>
-            <div class="row justify-content-center">
-                <div class="col-6">
-                    <div class="card">
-                        <div class="card-header">Keseluruhan Marhun</div>
-                        <div class="card-body" style="align-self: center; justify-content: center;">
-                            @if ($lelongbid['filemarhun_filename'] != null)
-                            <button type="button" data-toggle="modal" onclick="kesulurahanMarhunData(this)" data-lelongid="{{$lelongbid['lelong_id']}}" data-lelongbidid="{{$lelongbid['id']}}" data-fileid="{{ $lelongbid['filemarhun_id'] }}" data-target="#modaloverallphoto">
-                                <img src="data:image/png;base64, {{ $lelongbid['filemarhun_filename'] }}" alt="Image Preview" style="max-width:300px; border: 1px solid #dee2e6" />
-                            </button>
-                            @else
-                            <p>Tiada Data</p>
-                            <button type="button" data-toggle="modal" data-target="#modaloverallphoto">Muat Naik Gambar</button>
-                            @endif
+@push('additional_styles')
+    <link rel="stylesheet" href="{{ asset('css/marhun-registrations-webcam.css') }}">
+@endpush
+
+@include('marhun.partials.camera_modals_per_marhun')
+@include('marhun.partials.camera_modals')
+
+@section('content')
+    <div class="container-fluid">
+        <div class="row ">
+            <div class="col-md-11 mx-auto card p-4">
+                <div class="row">
+                    <a href=" {{ route('marhun.senaraimarhun', ['lelong_id' => $lelongbid->lelong_id]) }}"
+                        class="btn ml-3 btn-secondary">Kembali</a>
+                </div>
+
+                @if ($message = Session::get('success'))
+                    <div class="alert mt-2 alert-success">
+                        <p>{{ $message }}</p>
+                    </div>
+                @endif
+                <form id="deletePhoto" action="{{ route('marhun.deletephotomarhun') }}" method="POST">
+                    @csrf
+                    <input type="hidden" id="filemarhun_id" name="filemarhun_id" value="">
+                    <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                    <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                </form>
+                <form id="formdelete" action="{{ route('marhun.submitdelete') }}" method="POST">
+                    @csrf
+                    <input type="hidden" name="type" value="User">
+                    <input type="hidden" name="lelongbidmarhun_id" id="lelongbidmarhun_id">
+                    <input type="hidden" name="lelongbid_id" id="lelongbid_id">
+                </form>
+
+                <form id="formsemak" action="{{ route('marhun.semak', [$lelongbid, $lelong_id]) }}" method="GET">
+                    <input type="hidden" name="type" value="User">
+                    <input type="hidden" name="lelongbidmarhun_id" id="lelongbidmarhun_id">
+                    <input type="hidden" name="lelongbid_id" id="lelongbid_id">
+                </form>
+                <br>
+                <h4> No Rujukan : <td>{{ $lelongbid->norujukan }}</td>
+                </h4>
+                <div class="row justify-content-center">
+                    <div class="col-6">
+                        <div class="card">
+                            <div class="card-header">Keseluruhan Marhun</div>
+                            <div class="card-body" style="align-self: center; justify-content: center;">
+                                @if ($lelongbid['filemarhun_filename'] != null)
+                                    <button type="button" data-toggle="modal" onclick="kesulurahanMarhunData(this)"
+                                        data-lelongid="{{ $lelongbid['lelong_id'] }}"
+                                        data-lelongbidid="{{ $lelongbid['id'] }}"
+                                        data-fileid="{{ $lelongbid['filemarhun_id'] }}" data-target="#modaloverallphoto">
+                                        <img src="data:image/png;base64, {{ $lelongbid['filemarhun_filename'] }}"
+                                            alt="Image Preview" style="max-width:300px; border: 1px solid #dee2e6" />
+                                    </button>
+                                @else
+                                    <p>Tiada Data</p>
+                                    <button type="button" data-toggle="modal" data-target="#modaloverallphoto">Muat Naik
+                                        Gambar</button>
+
+                                    <button type="button" onclick="modalOverallPhotoCapture.initiateTakeMarhunPhoto()">
+                                        Ambil Gambar
+                                    </button>
+                                @endif
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-            <br>
-            <table class="table table-striped  table-xl" id="marhun" style="width:100%">
-                <thead class="bg-primary text-white">
-                    <tr>
-                        <th class="text-center">Barang</th>
-                        <th>Gambar</th>
-                        <th>Marhun</th>
-                        <th>Karat</th>
-                        <th>Berat</th>
-                        <th>Harga(RM)</th>
-                        <th>Nilai Marhun</th>
-                        <th>Harga Asas</th>
-                        <th>Nota</th>
-                        <th class="text-center">Tindakan</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    @foreach ($marhun as $item)
-                    <tr>
-                        <td class="text-center"> {{ $loop->iteration }} </td>
-                        <td class="p-2 m-2" style="border: 1px solid black; width: 100px; height: 130px">
-                            <button data-toggle="modal" onclick="eachMarhunData(this)" data-lelongid="{{$lelongbid['lelong_id']}}" data-lelongbidid="{{$lelongbid['id']}}" data-loop="{{$loop->iteration}}" data-fileid="{{$item->eachmarhun_id}}" data-filename="{{$item->eachmarhun_filename}}" data-marhun="{{$item->marhun}}" data-marhunid="{{$item->id}}" data-target="#modaleachphoto">
-                                <img src="data:image/png;base64, {{ $item->eachmarhun_filename }}" alt="Tambah / Padam Gambar" style="max-width:100px; border: 1px solid #dee2e6" />
-                            </button>
-                        </td>
-                        <td>{{ $item->marhun }}</td>
-                        <td>
-                            @if($item->karat != null)
-                            {{ $item->karat }}
-                            @else
-                            {{ $item->old_karat }}
-                            @endif
-                        </td>
-                        <td>
-                            @if($item->berat != null)
-                            {{ $item->berat }}
-                            @else
-                            {{ $item->old_berat }}
-                            @endif
-                        </td>
-                        <td>
-                            @if($item->harga != null)
-                            {{ $item->harga }}
-                            @else
-                            {{ $item->old_harga }}
-                            @endif
-                        </td>
-                        <td>
-                            @if($item->n_marhun != null)
-                            {{ number_format($item->n_marhun, 2, '.', ',') }}
-                            @else
-                            {{ number_format($item->old_nmarhun, 2, '.', ',') }}
-                            @endif
-                        </td>
-                        <td>
-                            @if($item->hargaasas != null)
-                            {{ number_format($item->hargaasas, 2, '.', ',') }}
-                            @else
-                            {{ number_format($item->old_hargaasas, 2, '.', ',') }}
-                            @endif
-                        </td>
-                        <td>{{ $item->nota }}</td>
-                        <td class="text-center">
-                            @if($lelongbid->status_semak == 1)
-                            @elseif(isset($item->pengesahan))
-                                @if($item->pengesahan['status_ubah'] == 1)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 2)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Tambah Marhun</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 3)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Hapus Marhun</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 4)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Berat</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 5)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu & Berat</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 7)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Marhun</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 8)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu, Berat & Marhun</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 9)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu & Marhun</i></span>
-                                @elseif($item->pengesahan['status_ubah'] == 10)
-                                <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Berat & Marhun</i></span>
-                                @endif
-                            @else
-                            <a onclick="kemaskini(this)" data-idmarhun="{{ $item->id }}" data-marhun="{{ $item->marhun }}" data-karat="{{ $item->karat }}" data-berat="{{  $item->berat }}" data-harga="{{ $item->harga }}" data-nmarhun="{{ $item->n_marhun }}" data-hargaasas="{{ $item->hargaasas }}" data-nota="{{ $item->nota }}" data-toggle="tooltip" data-placement="top" title="Kemaskini Marhun" style="margin-right:30px"><i class="far fa-edit"></i></a>
-                            <a class="confirmdel" id="btndelete" data-lelongbidmarhun="{{ $item->id }}" data-lelongbid="{{ $item->lelongbid_id }}" data-toggle="tooltip" data-placement="top" title="Padam Marhun"><i class="far fa-trash-alt"></i></a>
-                            @endif
-                        </td>
-                    </tr>
-                    @endforeach
-                </tbody>
+                <br>
+                <table class="table table-striped  table-xl" id="marhun" style="width:100%">
+                    <thead class="bg-primary text-white">
+                        <tr>
+                            <th class="text-center">Barang</th>
+                            <th>Gambar</th>
+                            <th>Marhun</th>
+                            <th>Karat</th>
+                            <th>Berat</th>
+                            <th>Harga(RM)</th>
+                            <th>Nilai Marhun</th>
+                            <th>Harga Asas</th>
+                            <th>Nota</th>
+                            <th class="text-center">Tindakan</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @foreach ($marhun as $item)
+                            <tr>
+                                <td class="text-center"> {{ $loop->iteration }} </td>
+                                <td class="p-2 m-2" style="border: 1px solid black; width: 100px; height: 130px">
+                                    @if (empty($item->eachmarhun_filename))
+                                        <div class="btn-group" role="group" style="width: 100%;">
+                                            <button data-toggle="modal" onclick="eachMarhunData(this)"
+                                                class="btn btn-lg btn-light" data-lelongid="{{ $lelongbid['lelong_id'] }}"
+                                                data-lelongbidid="{{ $lelongbid['id'] }}"
+                                                data-loop="{{ $loop->iteration }}"
+                                                data-fileid="{{ $item->eachmarhun_id }}"
+                                                data-filename="{{ $item->eachmarhun_filename }}"
+                                                data-marhun="{{ $item->marhun }}" data-marhunid="{{ $item->id }}"
+                                                data-target="#modaleachphoto" style="border-radius: 0 !important">
+                                                <i class="fas fa-upload"></i>
+                                            </button>
+                                            <button data-toggle="modal" onclick="eachMarhunDataCapturePhoto(this)"
+                                                class="btn btn-lg btn-light" data-lelongid="{{ $lelongbid['lelong_id'] }}"
+                                                data-lelongbidid="{{ $lelongbid['id'] }}"
+                                                data-loop="{{ $loop->iteration }}"
+                                                data-fileid="{{ $item->eachmarhun_id }}"
+                                                data-filename="{{ $item->eachmarhun_filename }}"
+                                                data-marhun="{{ $item->marhun }}" data-marhunid="{{ $item->id }}"
+                                                style="border-radius: 0 !important">
+                                                <i class="fas fa-camera"></i>
+                                            </button>
+                                        </div>
 
-            </table>
-            <div class="modal-footer" style="margin-top:2%;">
-                @if($lelongbid->status_semak == 0)
-                <button style="width:7%;" class="btn btn-success" onclick="confirm()">Semak</button>
-                @elseif($lelongbid->status_semak == 1)
-                <button class="btn btn-success btn-sm hovernone-success" disabled>SUDAH DISEMAK</button>
-                @endif
-            </div>
-        </div>
+                                        <img src="{{ asset('img/no-image.png') }}" alt="Tambah / Padam Gambar"
+                                            style="width:100%; border: 1px solid #dee2e6" />
+                                    @else
+                                        <button data-toggle="modal" onclick="eachMarhunData(this)"
+                                            data-lelongid="{{ $lelongbid['lelong_id'] }}"
+                                            data-lelongbidid="{{ $lelongbid['id'] }}" data-loop="{{ $loop->iteration }}"
+                                            data-fileid="{{ $item->eachmarhun_id }}"
+                                            data-filename="{{ $item->eachmarhun_filename }}"
+                                            data-marhun="{{ $item->marhun }}" data-marhunid="{{ $item->id }}"
+                                            data-target="#modaleachphoto">
+                                            <img src="data:image/png;base64, {{ $item->eachmarhun_filename }}"
+                                                alt="Tambah / Padam Gambar"
+                                                style="max-width:100px; border: 1px solid #dee2e6" />
+                                        </button>
+                                    @endif
 
-    </div>
-    <div class="modal fade" tabindex="-1" id="modalkemaskini">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title">Kemaskini Marhun</h5>
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
-                </div>
-                <div class="modal-body">
-                    <form action="{{ route('marhun.kemaskiniMarhun') }}" method="POST" id="formkemaskini">
-                        @csrf
-                        <div class="row justify-content-center">
-                            <div class="col-md-8">
-                                <div class="form-group row">
-                                    <input type="hidden" name="idmarhun" id="idmarhun">
-                                    <div class="col-md-4">No Rujukan</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="norujukan_marhun" id="norujukan_marhun" value="{{ $lelongbid->norujukan }}" readonly></div>
-                                    <div class="col-md-4">Marhun</div>
-                                    <div class="col-md-8">
-                                        <select class="form-control" name="marhun" id="selectmarhun">
-                                            <option disabled selected value> -- Pilih Jenis Marhun -- </option>
-                                            @foreach ($emasall as $emas)
-                                            <option value="{{$emas->marhun}}"> {{ $emas->descpt}}</option>
-                                            @endforeach
-                                        </select>
-                                    </div>
-                                    <div class="col-md-4">Karat</div>
-                                    <div class="col-md-8">
-                                        <select class="form-control" name="karat" id="selectkarat" data-karatall="{{$lelkarat}}" onchange="calc(this,'karat')">
-                                            <option disabled selected value> -- Pilih Karat -- </option>
-                                            @foreach ($karatall as $karat)
-                                            <option value="{{$karat->karat}}"> {{ $karat->keterangan}}</option>
-                                            @endforeach
-                                        </select>
-                                    </div>
-                                    <div class="col-md-4">Berat</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="berat_emas" id="berat_emas" oninput="calc(this,'berat')"></div>
-                                    <div class="col-md-4">Harga</div>
-                                    <div class="col-md-8"><input class="form-control .harga" type="text" name="harga" id="harga" readonly></div>
-                                    <div class="col-md-4">Nilai Marhun</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="nilai_marhun" id="nilai_marhun" readonly></div>
-                                    <div class="col-md-4">Harga Asas</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="harga_asas" id="harga_asas" readonly></div>
-                                    <div class="col-md-4">Nota</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="nota" id="nota" readonly></div>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" style="width:15%;" data-dismiss="modal">Kembali</button>
-                    <button type="button" class="btn btn-primary" style="width:15%;" onclick="updateform()">Simpan</button>
-                </div>
 
-            </div>
-        </div>
-    </div>
-    <div class="modal fade" tabindex="-1" id="modaltambahmarhun">
-        <div class="modal-dialog modal-lg">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title">Tambah Marhun</h5>
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
-                </div>
-                <div class="modal-body">
-                    <form action="{{ route('marhun.tambahmarhun') }}" method="POST" id="formtambahmarhun">
-                        @csrf
-                        <div class="row justify-content-center">
-                            <div class="col-md-8">
-                                <div class="form-group row">
-                                    <input type="hidden" name="tambahmarhun" id="tambahmarhun">
-                                    <div class="col-md-4">No Rujukan</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="norujukan_marhuntambahan" id="norujukan_marhuntambahan" value="{{ $lelongbid->norujukan }}" readonly></div>
-                                    <div class="col-md-4">Marhun</div>
-                                    <div class="col-md-8">
-                                        <select class="form-control" name="marhuntambahan" id="selectmarhuntambahan">
-                                            <option disabled selected value> -- Pilih Jenis Marhun -- </option>
-                                            @foreach ($emasall as $emas)
-                                            <option value="{{$emas->marhun}}"> {{ $emas->descpt}}</option>
-                                            @endforeach
-                                        </select>
-                                    </div>
-                                    <div class="col-md-4">Karat</div>
-                                    <div class="col-md-8">
-                                        <select class="form-control" name="karattambahan" id="selectkarattambahan" data-karatalltambahan="{{$lelkarat}}" onchange="calc_tambahan(this,'karattambahan')">
-                                            <option disabled selected value> -- Pilih Karat -- </option>
-                                            @foreach ($karatall as $karat)
-                                            <option value="{{$karat->karat}}">{{ $karat->keterangan}}</option>
-                                            @endforeach
-                                        </select>
-                                    </div>
-                                    <div class="col-md-4">Berat</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="berat_emastambahan" id="berat_emastambahan" oninput="calc_tambahan(this,'berattambahan')" value="0"></div>
-                                    <div class="col-md-4">Harga</div>
-                                    <div class="col-md-8"><input class="form-control .hargatambahan" type="text" name="hargatambahan" id="hargatambahan" readonly></div>
-                                    <div class="col-md-4">Nilai Marhun</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="nilai_marhuntambahan" id="nilai_marhuntambahan" readonly></div>
-                                    <div class="col-md-4">Harga Asas</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="harga_asastambahan" id="harga_asastambahan" readonly></div>
-                                    <div class="col-md-4">Nota</div>
-                                    <div class="col-md-8"><input class="form-control" type="text" name="notatambahan" id="notatambahan"></div>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    @if($lelongbid->status_semak == 0)
-                    <button type="button" class="btn btn-secondary" style="width:15%;" data-dismiss="modal">Kembali</button>
-                    <button type="button" class="btn btn-primary" style="width:15%;" onclick="tambahanmarhun()">Simpan</button>
+
+                                </td>
+                                <td>{{ $item->marhun }}</td>
+                                <td>
+                                    @if ($item->karat != null)
+                                        {{ $item->karat }}
+                                    @else
+                                        {{ $item->old_karat }}
+                                    @endif
+                                </td>
+                                <td>
+                                    @if ($item->berat != null)
+                                        {{ $item->berat }}
+                                    @else
+                                        {{ $item->old_berat }}
+                                    @endif
+                                </td>
+                                <td>
+                                    @if ($item->harga != null)
+                                        {{ $item->harga }}
+                                    @else
+                                        {{ $item->old_harga }}
+                                    @endif
+                                </td>
+                                <td>
+                                    @if ($item->n_marhun != null)
+                                        {{ number_format($item->n_marhun, 2, '.', ',') }}
+                                    @else
+                                        {{ number_format($item->old_nmarhun, 2, '.', ',') }}
+                                    @endif
+                                </td>
+                                <td>
+                                    @if ($item->hargaasas != null)
+                                        {{ number_format($item->hargaasas, 2, '.', ',') }}
+                                    @else
+                                        {{ number_format($item->old_hargaasas, 2, '.', ',') }}
+                                    @endif
+                                </td>
+                                <td>{{ $item->nota }}</td>
+                                <td class="text-center">
+                                    @if ($lelongbid->status_semak == 1)
+                                    @elseif(isset($item->pengesahan))
+                                        @if ($item->pengesahan['status_ubah'] == 1)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 2)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Tambah
+                                                    Marhun</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 3)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Hapus
+                                                    Marhun</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 4)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Berat</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 5)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu &
+                                                    Berat</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 7)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah
+                                                    Marhun</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 8)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu, Berat &
+                                                    Marhun</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 9)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Mutu &
+                                                    Marhun</i></span>
+                                        @elseif($item->pengesahan['status_ubah'] == 10)
+                                            <span class="badge badge-warning">Tunggu Pengesahan<br><i>Ubah Berat &
+                                                    Marhun</i></span>
+                                        @endif
+                                    @else
+                                        <a onclick="kemaskini(this)" data-idmarhun="{{ $item->id }}"
+                                            data-marhun="{{ $item->marhun }}" data-karat="{{ $item->karat }}"
+                                            data-berat="{{ $item->berat }}" data-harga="{{ $item->harga }}"
+                                            data-nmarhun="{{ $item->n_marhun }}" data-hargaasas="{{ $item->hargaasas }}"
+                                            data-nota="{{ $item->nota }}" data-toggle="tooltip" data-placement="top"
+                                            title="Kemaskini Marhun" style="margin-right:30px"><i
+                                                class="far fa-edit"></i></a>
+                                        <a class="confirmdel" id="btndelete" data-lelongbidmarhun="{{ $item->id }}"
+                                            data-lelongbid="{{ $item->lelongbid_id }}" data-toggle="tooltip"
+                                            data-placement="top" title="Padam Marhun"><i
+                                                class="far fa-trash-alt"></i></a>
+                                    @endif
+                                </td>
+                            </tr>
+                        @endforeach
+                    </tbody>
+
+                </table>
+                <div class="modal-footer" style="margin-top:2%;">
+                    @if ($lelongbid->status_semak == 0)
+                        <button style="width:7%;" class="btn btn-success" onclick="confirm()">Semak</button>
                     @elseif($lelongbid->status_semak == 1)
-                    <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk tambah.</p>
+                        <button class="btn btn-success btn-sm hovernone-success" disabled>SUDAH DISEMAK</button>
                     @endif
                 </div>
+            </div>
 
+        </div>
+        <div class="modal fade" tabindex="-1" id="modalkemaskini">
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Kemaskini Marhun</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <form action="{{ route('marhun.kemaskiniMarhun') }}" method="POST" id="formkemaskini">
+                            @csrf
+                            <div class="row justify-content-center">
+                                <div class="col-md-8">
+                                    <div class="form-group row">
+                                        <input type="hidden" name="idmarhun" id="idmarhun">
+                                        <div class="col-md-4">No Rujukan</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="norujukan_marhun" id="norujukan_marhun"
+                                                value="{{ $lelongbid->norujukan }}" readonly></div>
+                                        <div class="col-md-4">Marhun</div>
+                                        <div class="col-md-8">
+                                            <select class="form-control" name="marhun" id="selectmarhun">
+                                                <option disabled selected value> -- Pilih Jenis Marhun -- </option>
+                                                @foreach ($emasall as $emas)
+                                                    <option value="{{ $emas->marhun }}"> {{ $emas->descpt }}</option>
+                                                @endforeach
+                                            </select>
+                                        </div>
+                                        <div class="col-md-4">Karat</div>
+                                        <div class="col-md-8">
+                                            <select class="form-control" name="karat" id="selectkarat"
+                                                data-karatall="{{ $lelkarat }}" onchange="calc(this,'karat')">
+                                                <option disabled selected value> -- Pilih Karat -- </option>
+                                                @foreach ($karatall as $karat)
+                                                    <option value="{{ $karat->karat }}"> {{ $karat->keterangan }}
+                                                    </option>
+                                                @endforeach
+                                            </select>
+                                        </div>
+                                        <div class="col-md-4">Berat</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="berat_emas" id="berat_emas" oninput="calc(this,'berat')"></div>
+                                        <div class="col-md-4">Harga</div>
+                                        <div class="col-md-8"><input class="form-control .harga" type="text"
+                                                name="harga" id="harga" readonly></div>
+                                        <div class="col-md-4">Nilai Marhun</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="nilai_marhun" id="nilai_marhun" readonly></div>
+                                        <div class="col-md-4">Harga Asas</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="harga_asas" id="harga_asas" readonly></div>
+                                        <div class="col-md-4">Nota</div>
+                                        <div class="col-md-8"><input class="form-control" type="text" name="nota"
+                                                id="nota" readonly></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" style="width:15%;"
+                            data-dismiss="modal">Kembali</button>
+                        <button type="button" class="btn btn-primary" style="width:15%;"
+                            onclick="updateform()">Simpan</button>
+                    </div>
+
+                </div>
             </div>
         </div>
-    </div>
-    <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modaloverallphoto">
-        <div class="modal-dialog modal-dialog-centered modal-lg">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title">Keseluruhan Marhun</h5>
-                    <button type="button" class="close" onclick="clearData()" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
+        <div class="modal fade" tabindex="-1" id="modaltambahmarhun">
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Tambah Marhun</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <form action="{{ route('marhun.tambahmarhun') }}" method="POST" id="formtambahmarhun">
+                            @csrf
+                            <div class="row justify-content-center">
+                                <div class="col-md-8">
+                                    <div class="form-group row">
+                                        <input type="hidden" name="tambahmarhun" id="tambahmarhun">
+                                        <div class="col-md-4">No Rujukan</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="norujukan_marhuntambahan" id="norujukan_marhuntambahan"
+                                                value="{{ $lelongbid->norujukan }}" readonly></div>
+                                        <div class="col-md-4">Marhun</div>
+                                        <div class="col-md-8">
+                                            <select class="form-control" name="marhuntambahan" id="selectmarhuntambahan">
+                                                <option disabled selected value> -- Pilih Jenis Marhun -- </option>
+                                                @foreach ($emasall as $emas)
+                                                    <option value="{{ $emas->marhun }}"> {{ $emas->descpt }}</option>
+                                                @endforeach
+                                            </select>
+                                        </div>
+                                        <div class="col-md-4">Karat</div>
+                                        <div class="col-md-8">
+                                            <select class="form-control" name="karattambahan" id="selectkarattambahan"
+                                                data-karatalltambahan="{{ $lelkarat }}"
+                                                onchange="calc_tambahan(this,'karattambahan')">
+                                                <option disabled selected value> -- Pilih Karat -- </option>
+                                                @foreach ($karatall as $karat)
+                                                    <option value="{{ $karat->karat }}">{{ $karat->keterangan }}</option>
+                                                @endforeach
+                                            </select>
+                                        </div>
+                                        <div class="col-md-4">Berat</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="berat_emastambahan" id="berat_emastambahan"
+                                                oninput="calc_tambahan(this,'berattambahan')" value="0"></div>
+                                        <div class="col-md-4">Harga</div>
+                                        <div class="col-md-8"><input class="form-control .hargatambahan" type="text"
+                                                name="hargatambahan" id="hargatambahan" readonly></div>
+                                        <div class="col-md-4">Nilai Marhun</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="nilai_marhuntambahan" id="nilai_marhuntambahan" readonly></div>
+                                        <div class="col-md-4">Harga Asas</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="harga_asastambahan" id="harga_asastambahan" readonly></div>
+                                        <div class="col-md-4">Nota</div>
+                                        <div class="col-md-8"><input class="form-control" type="text"
+                                                name="notatambahan" id="notatambahan"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer">
+                        @if ($lelongbid->status_semak == 0)
+                            <button type="button" class="btn btn-secondary" style="width:15%;"
+                                data-dismiss="modal">Kembali</button>
+                            <button type="button" class="btn btn-primary" style="width:15%;"
+                                onclick="tambahanmarhun()">Simpan</button>
+                        @elseif($lelongbid->status_semak == 1)
+                            <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk tambah.</p>
+                        @endif
+                    </div>
+
                 </div>
-                <form id="form1" action="{{route('marhun.addphotomarhun')}}" method="POST" enctype="multipart/form-data">
-                    @csrf
-                    <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
-                    <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
-                    <input type="hidden" name="photo_type" value="1">
-                    <div class="modal-body justify-content-center">
-                        @if (!isset($lelongbid->filemarhun_filename))
-                        <div class="row justify-content-center">
-                            <div class="col-8">
-                                <input type="file" accept="image/*;capture=camera" name="gambarMarhun" id="inputGroupFile04" /><br>
+            </div>
+        </div>
+
+        <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modaloverallphoto">
+            <div class="modal-dialog modal-dialog-centered modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Keseluruhan Marhun</h5>
+                        <button type="button" class="close" onclick="clearData()" data-dismiss="modal"
+                            aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <form id="form1" action="{{ route('marhun.addphotomarhun') }}" method="POST"
+                        enctype="multipart/form-data">
+                        @csrf
+                        <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                        <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                        <input type="hidden" name="photo_type" value="1">
+                        <div class="modal-body justify-content-center">
+                            @if (!isset($lelongbid->filemarhun_filename))
+                                <div class="row justify-content-center">
+                                    <div class="col-8">
+                                        <input type="file" accept="image/*;capture=camera" name="gambarMarhun"
+                                            id="inputGroupFile04" /><br>
+                                    </div>
+                                </div>
+                            @else
+                                <div class="row mt-5 justify-content-center">
+                                    <button data-dismiss="modal" onclick="updatePhoto(1)" type="button"
+                                        data-target="#modalupdatephoto" data-toggle="modal"
+                                        class="btn m-2 btn-warning">Upload Gambar Baru</button>
+                                    <button data-dismiss="modal"
+                                        onclick="modalOverallPhotoCaptureUpdate.initiateTakeMarhunPhoto()" type="button"
+                                        class="btn m-2 btn-warning">Ambil Gambar Baru</button>
+                                    <button data-dismiss="modal" onclick="confirmDeletePhoto()"
+                                        class="btn m-2 btn-danger">Padam Gambar</button>
+                                </div>
+                            @endif
+                        </div>
+                        <div class="modal-footer">
+                            @if ($lelongbid->status_semak == 0)
+                                <button type="button" class="btn btn-secondary" style="width:15%;"
+                                    onclick="clearData()" data-dismiss="modal">Kembali</button>
+                                <button type="submit" class="btn btn-primary" style="width:15%;">Simpan</button>
+                            @elseif($lelongbid->status_semak == 1)
+                                <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                                </p>
+                            @endif
+                        </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+        <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modaleachphoto">
+            <div class="modal-dialog modal-dialog-centered modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="titleHeader" value="titleHeader"></h5>
+                        <button type="button" onclick="clearData()" class="close" data-dismiss="modal"
+                            aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <form id="form1" action="{{ route('marhun.addphotomarhun') }}" method="POST"
+                        enctype="multipart/form-data">
+                        @csrf
+                        <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                        <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                        <input type="hidden" name="photo_type" value="2">
+                        <input type="hidden" name="lelongbidmarhun_id" id="marhun_id" value="">
+                        <div class="modal-body justify-content-center">
+                            <div id="createPhoto" hidden class="row justify-content-center">
+                                <input type='file' accept="image/*;capture=camera" name="gambarMarhun"
+                                    id="inputGroupFile04" /><br>
+                            </div>
+                            <div id="updateDeletePhoto" hidden class="row mt-5 justify-content-center">
+                                <button data-dismiss="modal" onclick="updatePhoto(2)" type="button"
+                                    data-target="#modalupdatephoto" data-toggle="modal" class="btn m-2 btn-warning">Tukar
+                                    Gambar</button>
+                                <button data-dismiss="modal"
+                                    onclick="modalOverallPhotoCapturePerMarhunUpdate.initiateTakeMarhunPhoto()"
+                                    type="button" data-toggle="modal" class="btn m-2 btn-warning">Ambil Gambar
+                                    Baru</button>
+                                <button data-dismiss="modal" onclick="confirmDeletePhoto()"
+                                    class="btn m-2 btn-danger">Padam Gambar</button>
                             </div>
                         </div>
-                        @else
-                        <div class="row mt-5 justify-content-center">
-                            <button data-dismiss="modal" onclick="updatePhoto(1)" type="button" data-target="#modalupdatephoto" data-toggle="modal" class="btn m-2 btn-warning">Tukar Gambar</button>
-                            <button data-dismiss="modal" onclick="confirmDeletePhoto()" class="btn m-2 btn-danger">Padam Gambar</button>
+                        <div class="modal-footer">
+                            @if ($lelongbid->status_semak == 0)
+                                <button type="button" class="btn btn-secondary" onclick="clearData()" tyle="width:15%;"
+                                    data-dismiss="modal">Kembali</button>
+                                <button type="submit" class="btn btn-primary" style="width:15%;">Simpan</button>
+                            @elseif($lelongbid->status_semak == 1)
+                                <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                                </p>
+                            @endif
                         </div>
-                        @endif
-                    </div>
-                    <div class="modal-footer">
-                        @if($lelongbid->status_semak == 0)
-                        <button type="button" class="btn btn-secondary" style="width:15%;" onclick="clearData()" data-dismiss="modal">Kembali</button>
-                        <button type="submit" class="btn btn-primary" style="width:15%;">Simpan</button>
-                        @elseif($lelongbid->status_semak == 1)
-                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.</p>
-                        @endif
-                    </div>
-                </form>
+                    </form>
 
-            </div>
-        </div>
-    </div>
-    <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modaleachphoto">
-        <div class="modal-dialog modal-dialog-centered modal-lg">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title" id="titleHeader" value="titleHeader"></h5>
-                    <button type="button" onclick="clearData()" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
                 </div>
-                <form id="form1" action="{{route('marhun.addphotomarhun')}}" method="POST" enctype="multipart/form-data">
-                    @csrf
-                    <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
-                    <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
-                    <input type="hidden" name="photo_type" value="2">
-                    <input type="hidden" name="lelongbidmarhun_id" id="marhun_id" value="">
-                    <div class="modal-body justify-content-center">
-                        <div id="createPhoto" hidden class="row justify-content-center">
-                            <input type='file' accept="image/*;capture=camera" name="gambarMarhun" id="inputGroupFile04" /><br>
-                        </div>
-                        <div id="updateDeletePhoto" hidden class="row mt-5 justify-content-center">
-                            <button data-dismiss="modal" onclick="updatePhoto(2)" type="button" data-target="#modalupdatephoto" data-toggle="modal" class="btn m-2 btn-warning">Tukar Gambar</button>
-                            <button data-dismiss="modal" onclick="confirmDeletePhoto()" class="btn m-2 btn-danger">Padam Gambar</button>
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        @if($lelongbid->status_semak == 0)
-                        <button type="button" class="btn btn-secondary" onclick="clearData()" tyle="width:15%;" data-dismiss="modal">Kembali</button>
-                        <button type="submit" class="btn btn-primary" style="width:15%;">Simpan</button>
-                        @elseif($lelongbid->status_semak == 1)
-                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.</p>
-                        @endif
-                    </div>
-                </form>
-
             </div>
         </div>
-    </div>
-    <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modalupdatephoto">
-        <div class="modal-dialog modal-dialog-centered modal-lg">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title">Tukar Gambar</h5>
-                    <button type="button" onclick="clearData()" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
+
+        <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modalupdatephoto">
+            <div class="modal-dialog modal-dialog-centered modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Tukar Gambar</h5>
+                        <button type="button" onclick="clearData()" class="close" data-dismiss="modal"
+                            aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <form action="{{ route('marhun.updatephotomarhun') }}" method="POST" enctype="multipart/form-data">
+                        @csrf
+                        <input type="hidden" id="val1" name="lelongbid_id" value="">
+                        <input type="hidden" id="val2" name="lelongbidmarhun_id" value="">
+                        <input type="hidden" id="val3" name="filemarhun_id" value="">
+                        <input type="hidden" id="val4" name="lelong_id" value="">
+                        <input type="hidden" id="photo_type" name="photo_type" value="">
+                        <div class="modal-body justify-content-center">
+                            <div class="row justify-content-center">
+                                <input type='file' accept="image/*;capture=camera" name="gambarMarhun"
+                                    id="inputGroupFile04" /><br>
+                            </div>
+                        </div>
+                        <div class="modal-footer">
+                            @if ($lelongbid->status_semak == 0)
+                                <button type="button" class="btn btn-secondary" onclick="clearData()" tyle="width:15%;"
+                                    data-dismiss="modal">Kembali</button>
+                                <button type="submit" class="btn btn-primary" style="width:15%;">Simpan</button>
+                            @elseif($lelongbid->status_semak == 1)
+                                <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                                </p>
+                            @endif
+                        </div>
+                    </form>
+
                 </div>
-                <form action="{{route('marhun.updatephotomarhun')}}" method="POST" enctype="multipart/form-data">
-                    @csrf
-                    <input type="hidden" id="val1" name="lelongbid_id" value="">
-                    <input type="hidden" id="val2" name="lelongbidmarhun_id" value="">
-                    <input type="hidden" id="val3" name="filemarhun_id" value="">
-                    <input type="hidden" id="val4" name="lelong_id" value="">
-                    <input type="hidden" id="photo_type" name="photo_type" value="">
-                    <div class="modal-body justify-content-center">
-                        <div class="row justify-content-center">
-                            <input type='file' accept="image/*;capture=camera" name="gambarMarhun" id="inputGroupFile04" /><br>
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        @if($lelongbid->status_semak == 0)
-                        <button type="button" class="btn btn-secondary" onclick="clearData()" tyle="width:15%;" data-dismiss="modal">Kembali</button>
-                        <button type="submit" class="btn btn-primary" style="width:15%;">Simpan</button>
-                        @elseif($lelongbid->status_semak == 1)
-                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.</p>
-                        @endif
-                    </div>
-                </form>
-
             </div>
         </div>
     </div>
-</div>
-<script>
-    function clearData() {
-        document.getElementById('inputGroupFile04').value = '';
-        document.getElementById('marhun_id').value = '';
-        document.getElementById('filemarhun_id').value = '';
-    }
+    <script>
 
-    function eachMarhunData(value) {
-        lelongId = $(value).data('lelongid');
-        marhunId = $(value).data('marhunid');
-        lelongBidId = $(value).data('lelongbidid');
-        marhun = $(value).data('marhun');
-        loop = $(value).data('loop');
-        fileId = $(value).data('fileid');
-        fileName = $(value).data('filename');
-        if (fileName == '') {
-            $("#createPhoto").attr("hidden", false);
-            $("#updateDeletePhoto").attr("hidden", true);
-        } else if (fileName != '') {
-            $("#createPhoto").attr("hidden", true);
-            $("#updateDeletePhoto").attr("hidden", false);
+        marhunPhotoCapturerReloadHttps.reload();
+
+        function clearData() {
+            document.getElementById('inputGroupFile04').value = '';
+            document.getElementById('marhun_id').value = '';
+            document.getElementById('filemarhun_id').value = '';
         }
-        document.getElementById('marhun_id').value = marhunId;
-        document.getElementById('filemarhun_id').value = fileId;
-        document.getElementById("titleHeader").innerHTML = "Bil:" + loop + ", Id Marhun:" + marhunId + ", Marhun:" + marhun;
-    }
 
-    function kesulurahanMarhunData(value) {
-        lelongBidId = $(value).data('lelongbidid');
-        marhunId = '';
-        fileId = $(value).data('fileid');
-        lelongId = $(value).data('lelongid');
-        document.getElementById('filemarhun_id').value = fileId;
+        function eachMarhunData(value) {
+            lelongId = $(value).data('lelongid');
+            marhunId = $(value).data('marhunid');
+            lelongBidId = $(value).data('lelongbidid');
+            marhun = $(value).data('marhun');
+            loop = $(value).data('loop');
+            fileId = $(value).data('fileid');
+            fileName = $(value).data('filename');
 
-    }
+            let modalTitle = "Bil:" + loop + ", Id Marhun:" + marhunId + ", Marhun:" + marhun;
 
-    function confirmDeletePhoto() {
-        $.confirm({
-            title: 'Perhatian!',
-            content: 'Padam gambar? Tindakan ini tidak dapat dikembalikan.',
-            type: 'red',
+            prepareModalUpdateCaptureEachMarhun(modalTitle, marhunId, fileId);
+            prepareModalUpdateUploadEachMarhun(modalTitle, marhunId, fileId, fileName);
+
+        }
+
+        function prepareModalUpdateCaptureEachMarhun(modalTitle, marhunId, fileId){
+
+            let modal = document.querySelector('#modalpermarhunphoto-capture-update');
+            modal.querySelector('#marhun_id').value = loop;
+            modal.querySelector('input[name="filemarhun_id"]').value = fileId;
+            modal.querySelector("h5.modal-title").innerHTML = modalTitle;
+
+        }
+
+        function prepareModalUpdateUploadEachMarhun(modalTitle, marhunId, fileId, fileName){
+
+            if (fileName == '') {
+                $("#createPhoto").attr("hidden", false);
+                $("#updateDeletePhoto").attr("hidden", true);
+            } else if (fileName != '') {
+                $("#createPhoto").attr("hidden", true);
+                $("#updateDeletePhoto").attr("hidden", false);
+            }
+
+            document.getElementById('marhun_id').value = marhunId;
+            document.getElementById('filemarhun_id').value = fileId;
+            document.getElementById("titleHeader").innerHTML = modalTitle;
+
+        }
+
+        function eachMarhunDataCapturePhoto(value) {
+            let lelongId = $(value).data('lelongid');
+            let marhunId = $(value).data('marhunid');
+            let lelongBidId = $(value).data('lelongbidid');
+            let marhun = $(value).data('marhun');
+            let loop = $(value).data('loop');
+            let fileId = $(value).data('fileid');
+            let fileName = $(value).data('filename');
+
+            let modal = document.querySelector('#modalpermarhunphoto-capture');
+            modal.querySelector('#marhun_id').value = loop;
+            modal.querySelector('h5.modal-title').innerHTML = "Bil:" + loop + ", Id Marhun:" + marhunId + ", Marhun:" +
+                marhun;
+            modalOverallPhotoCapturePerMarhun.initiateTakeMarhunPhoto();
+        }
+
+
+        function kesulurahanMarhunData(value) {
+            lelongBidId = $(value).data('lelongbidid');
+            marhunId = '';
+            fileId = $(value).data('fileid');
+            lelongId = $(value).data('lelongid');
+            document.getElementById('filemarhun_id').value = fileId;
+
+        }
+
+        function confirmDeletePhoto() {
+            $.confirm({
+                title: 'Perhatian!',
+                content: 'Padam gambar? Tindakan ini tidak dapat dikembalikan.',
+                type: 'red',
+                typeAnimated: true,
+                buttons: {
+                    Batal: {
+                        btnClass: 'btn-default',
+                        action: function() {}
+                    },
+                    Sahkan: {
+                        btnClass: 'btn-danger',
+                        action: function() {
+                            $("#deletePhoto").submit();
+                        }
+                    }
+                }
+            });
+        }
+
+        function updatePhoto(type) {
+
+            document.getElementById('val1').value = lelongBidId;
+            document.getElementById('val2').value = marhunId;
+            document.getElementById('val3').value = fileId;
+            document.getElementById('val4').value = lelongId;
+            document.getElementById('photo_type').value = type;
+        }
+
+        function confirm() {
+            $.confirm({
+                title: 'Perhatian!',
+                content: 'Anda pasti telah membuat semakan untuk kesemua marhun?',
+                type: 'green',
+                typeAnimated: true,
+                buttons: {
+                    Batal: {
+                        btnClass: 'btn-default',
+                        action: function() {}
+                    },
+                    Sahkan: {
+                        btnClass: 'btn-success',
+                        action: function() {
+                            $("#formsemak").submit();
+                        }
+                    }
+                }
+            });
+        }
+        //Enable tooltips everywhere
+        $(function() {
+            $('[data-toggle="tooltip"]').tooltip()
+        })
+
+        $('a.confirmdel').confirm({
+            title: 'Confirmation',
+            content: 'Anda pasti?',
+            type: 'orange',
             typeAnimated: true,
             buttons: {
+                Delete: {
+                    btnClass: 'btn-warning',
+                    action: function(e) {
+                        // location.href = this.$target.attr('href');
+                        let lelongbidmarhun = $(this)[0].$target[0].dataset.lelongbidmarhun;
+                        let lelongbid = $(this)[0].$target[0].dataset.lelongbid;
+                        $('#lelongbid_id').val(lelongbid);
+                        $('#lelongbidmarhun_id').val(lelongbidmarhun);
+                        $("#formdelete").submit();
+
+                    }
+                },
                 Batal: {
                     btnClass: 'btn-default',
                     action: function() {}
-                },
-                Sahkan: {
-                    btnClass: 'btn-danger',
-                    action: function() {
-                        $("#deletePhoto").submit();
-                    }
                 }
             }
         });
-    }
 
-    function updatePhoto(type) {
-        document.getElementById('val1').value = lelongBidId;
-        document.getElementById('val2').value = marhunId;
-        document.getElementById('val3').value = fileId;
-        document.getElementById('val4').value = lelongId;
-        document.getElementById('photo_type').value = type;
-    }
-
-    function confirm() {
-        $.confirm({
-            title: 'Perhatian!',
-            content: 'Anda pasti telah membuat semakan untuk kesemua marhun?',
-            type: 'green',
-            typeAnimated: true,
-            buttons: {
-                Batal: {
-                    btnClass: 'btn-default',
-                    action: function() {}
-                },
-                Sahkan: {
-                    btnClass: 'btn-success',
-                    action: function() {
-                        $("#formsemak").submit();
-                    }
+        var tablemarhun = $('#marhun').DataTable({
+            "orderFixed": [0, 'asc'],
+            "info": false,
+            "lengthChange": false,
+            "pageLength": 15,
+            dom: 'Bfrtip',
+            buttons: [{
+                className: 'btn btn-outline-success pl-4 pr-4 addsim',
+                text: 'Tambah Marhun <i class="fas fa-plus" id="test"></i>',
+                action: function(e, dt, node, config) {
+                    $('#modaltambahmarhun').modal("show");
                 }
-            }
+            }]
         });
-    }
-    //Enable tooltips everywhere
-    $(function() {
-        $('[data-toggle="tooltip"]').tooltip()
-    })
 
-    $('a.confirmdel').confirm({
-        title: 'Confirmation',
-        content: 'Anda pasti?',
-        type: 'orange',
-        typeAnimated: true,
-        buttons: {
-            Delete: {
-                btnClass: 'btn-warning',
-                action: function(e) {
-                    // location.href = this.$target.attr('href');
-                    let lelongbidmarhun = $(this)[0].$target[0].dataset.lelongbidmarhun;
-                    let lelongbid = $(this)[0].$target[0].dataset.lelongbid;
-                    $('#lelongbid_id').val(lelongbid);
-                    $('#lelongbidmarhun_id').val(lelongbidmarhun);
-                    $("#formdelete").submit();
+        $('.addsim').tooltip();
+        $('.export').tooltip();
+        // $( '.dt-buttons').addClass('btn-group');
+        $('.addsim').removeClass('dt-button');
+        $('.export').removeClass('dt-button');
 
-                }
-            },
-            Batal: {
-                btnClass: 'btn-default',
-                action: function() {}
+
+        function selectall(cb) {
+            tablemarhun.rows().nodes().to$().find('input[type="checkbox"]').each(function() {
+                $(this).prop('checked', cb.checked);
+            })
+        }
+
+        function tambahanmarhun(e) {
+            $("#formtambahmarhun").submit();
+        }
+
+        function calc_tambahan(e, type) {
+            if (type == 'karattambahan') {
+                var karatalltambahan = $(e).data('karatalltambahan');
+                karatalltambahan.forEach((item) => {
+                    if (item.karat == $(e).val()) {
+                        console.log(item);
+                        var beratemas = $('#berat_emastambahan').val();
+                        var total_tambahan = item.harga2 * parseFloat(beratemas);
+                        var harga_asastambahan = Math.round(total_tambahan);
+                        $('#hargatambahan').val(parseFloat(item.harga2).toFixed(2));
+                        $('#nilai_marhuntambahan').val(parseFloat(total_tambahan).toFixed(2));
+                        $('#harga_asastambahan').val(parseFloat(harga_asastambahan).toFixed(2));
+                    }
+
+
+                });
+            } else {
+                var total_tambahan = $('#hargatambahan').val() * $('#berat_emastambahan').val();
+                var harga_asastambahan = Math.round(total_tambahan);
+                $('#nilai_marhuntambahan').val(parseFloat(total_tambahan).toFixed(2));
+                $('#harga_asastambahan').val(parseFloat(harga_asastambahan).toFixed(2));
             }
         }
-    });
 
-    var tablemarhun = $('#marhun').DataTable({
-        "orderFixed": [0, 'asc'],
-        "info": false,
-        "lengthChange": false,
-        "pageLength": 15,
-        dom: 'Bfrtip',
-        buttons: [{
-            className: 'btn btn-outline-success pl-4 pr-4 addsim',
-            text: 'Tambah Marhun <i class="fas fa-plus" id="test"></i>',
-            action: function(e, dt, node, config) {
-                $('#modaltambahmarhun').modal("show");
+        function kemaskini(e) {
+            $('#modalkemaskini').modal("show");
+            $('#modalkemaskini').on('shown.bs.modal', function() {
+                $('#rolename').trigger('focus')
+            })
+            let idmarhun = $(e).data('idmarhun');
+            let marhun = $(e).data('marhun');
+            let karat = $(e).data('karat');
+            let berat = $(e).data('berat');
+            let harga = $(e).data('harga');
+            let nmarhun = $(e).data('nmarhun');
+            let hargaasas = $(e).data('hargaasas');
+            let nota = $(e).data('nota');
+
+            $('#idmarhun').val(idmarhun);
+            $('#selectmarhun').val(marhun);
+            $('#selectkarat').val(karat);
+            $('#berat_emas').val(berat);
+            $('#harga').val(harga);
+            $('#nilai_marhun').val(nmarhun);
+            $('#harga_asas').val(hargaasas);
+            $('#nota').val(nota);
+        }
+
+        function calc(e, type) {
+            if (type == 'karat') {
+                var karatall = $(e).data('karatall');
+                karatall.forEach((item) => {
+                    if (item.karat == $(e).val()) {
+                        var total = item.harga2 * $('#berat_emas').val();
+                        var hargaasas = Math.round(total);
+                        $('#harga').val(parseFloat(item.harga2).toFixed(2));
+                        $('#nilai_marhun').val(parseFloat(total).toFixed(2));
+                        $('#harga_asas').val(parseFloat(hargaasas).toFixed(2));
+                    }
+
+
+                });
+            } else {
+                var total = $('#harga').val() * $('#berat_emas').val();
+                var hargaasas = Math.round(total);
+                $('#nilai_marhun').val(parseFloat(total).toFixed(2));
+                $('#harga_asas').val(parseFloat(hargaasas).toFixed(2));
             }
-        }]
-    });
-
-    $('.addsim').tooltip();
-    $('.export').tooltip();
-    // $( '.dt-buttons').addClass('btn-group');
-    $('.addsim').removeClass('dt-button');
-    $('.export').removeClass('dt-button');
-
-
-    function selectall(cb) {
-        tablemarhun.rows().nodes().to$().find('input[type="checkbox"]').each(function() {
-            $(this).prop('checked', cb.checked);
-        })
-    }
-
-    function tambahanmarhun(e) {
-        $("#formtambahmarhun").submit();
-    }
-
-    function calc_tambahan(e, type) {
-        if (type == 'karattambahan') {
-            var karatalltambahan = $(e).data('karatalltambahan');
-            karatalltambahan.forEach((item) => {
-                if (item.karat == $(e).val()) {
-                    console.log(item);
-                    var beratemas = $('#berat_emastambahan').val();
-                    var total_tambahan = item.harga2 * parseFloat(beratemas);
-                    var harga_asastambahan = Math.round(total_tambahan);
-                    $('#hargatambahan').val(parseFloat(item.harga2).toFixed(2));
-                    $('#nilai_marhuntambahan').val(parseFloat(total_tambahan).toFixed(2));
-                    $('#harga_asastambahan').val(parseFloat(harga_asastambahan).toFixed(2));
-                }
-
-
-            });
-        } else {
-            var total_tambahan = $('#hargatambahan').val() * $('#berat_emastambahan').val();
-            var harga_asastambahan = Math.round(total_tambahan);
-            $('#nilai_marhuntambahan').val(parseFloat(total_tambahan).toFixed(2));
-            $('#harga_asastambahan').val(parseFloat(harga_asastambahan).toFixed(2));
         }
-    }
 
-    function kemaskini(e) {
-        $('#modalkemaskini').modal("show");
-        $('#modalkemaskini').on('shown.bs.modal', function() {
-            $('#rolename').trigger('focus')
-        })
-        let idmarhun = $(e).data('idmarhun');
-        let marhun = $(e).data('marhun');
-        let karat = $(e).data('karat');
-        let berat = $(e).data('berat');
-        let harga = $(e).data('harga');
-        let nmarhun = $(e).data('nmarhun');
-        let hargaasas = $(e).data('hargaasas');
-        let nota = $(e).data('nota');
-
-        $('#idmarhun').val(idmarhun);
-        $('#selectmarhun').val(marhun);
-        $('#selectkarat').val(karat);
-        $('#berat_emas').val(berat);
-        $('#harga').val(harga);
-        $('#nilai_marhun').val(nmarhun);
-        $('#harga_asas').val(hargaasas);
-        $('#nota').val(nota);
-    }
-
-    function calc(e, type) {
-        if (type == 'karat') {
-            var karatall = $(e).data('karatall');
-            karatall.forEach((item) => {
-                if (item.karat == $(e).val()) {
-                    var total = item.harga2 * $('#berat_emas').val();
-                    var hargaasas = Math.round(total);
-                    $('#harga').val(parseFloat(item.harga2).toFixed(2));
-                    $('#nilai_marhun').val(parseFloat(total).toFixed(2));
-                    $('#harga_asas').val(parseFloat(hargaasas).toFixed(2));
-                }
-
-
-            });
-        } else {
-            var total = $('#harga').val() * $('#berat_emas').val();
-            var hargaasas = Math.round(total);
-            $('#nilai_marhun').val(parseFloat(total).toFixed(2));
-            $('#harga_asas').val(parseFloat(hargaasas).toFixed(2));
+        function updateform() {
+            $("#formkemaskini").submit();
         }
-    }
 
-    function updateform() {
-        $("#formkemaskini").submit();
-    }
-</script>
-
-@endsection
\ No newline at end of file
+    </script>
+@endsection
diff --git a/resources/views/marhun/partials/camera_modals.blade.php b/resources/views/marhun/partials/camera_modals.blade.php
new file mode 100644
index 00000000..ff6e6a6d
--- /dev/null
+++ b/resources/views/marhun/partials/camera_modals.blade.php
@@ -0,0 +1,110 @@
+{{-- register marhun photo --}}
+<div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modaloverallphoto-capture">
+    <div class="modal-dialog modal-dialog-centered modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Keseluruhan Marhun</h5>
+                <button type="button" class="close" onclick="clearData()" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <form id="form1" action="{{ route('marhun.addphotomarhun') }}" method="POST"
+                enctype="multipart/form-data">
+                @csrf
+                <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                <input type="hidden" name="photo_type" value="1">
+                <div class="modal-body justify-content-center align-items-center">
+                    <div class="row justify-content-center">
+                        <div class="border border-secondary">
+                            <div class="d-none camera-shutter justify-content-center align-items-center" style="width:960px; height:540px"><img src="{{ asset('img/camera-shutter.svg') }}"></div>
+                            <img class="image-tag-overallmarhun" onclick="viewCapturedPhoto()"
+                                src="{{ asset('img/pngtree-diamond-wedding-ring.png') }}" width="960"
+                                class="border border-dark d-none">
+                            <video class="video-tag-overallmarhun" width="960" autoplay=true />
+                        </div>
+                        <input accept="image/png, 'image/jpeg'" type="file" id="inputGroupFile04" name="gambarMarhun"
+                            class="d-none">
+                    </div>
+                    <div class="row justify-content-center pt-3">
+                        <button type="button" class="btn btn-primary btn-lg camera-button" onclick="modalOverallPhotoCapture.takePhoto()">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
+                                class="bi bi-camera-fill" viewBox="0 0 16 16">
+                                <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
+                                <path
+                                    d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    @if ($lelongbid->status_semak == 0)
+                        <button type="button" class="btn btn-secondary" style="width:15%;" onclick="clearData()"
+                            data-dismiss="modal">Kembali</button>
+                        <button type="submit" class="btn btn-primary" style="width:15%;" disabled>Simpan</button>
+                    @elseif($lelongbid->status_semak == 1)
+                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                        </p>
+                    @endif
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
+
+
+{{-- update marhun photo --}}
+<div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1"
+    id="modaloverallphoto-capture-update">
+    <div class="modal-dialog modal-dialog-centered modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Update Keseluruhan Marhun</h5>
+                <button type="button" class="close" onclick="clearData()" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <form action="{{ route('marhun.updatephotomarhun') }}" method="POST" enctype="multipart/form-data">
+                @csrf
+                <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                <input type="hidden" name="photo_type" value="1">
+                <input type="hidden" name="filemarhun_id" value="{{ $lelongbid['filemarhun_id'] }}">
+                        <input accept="image/png, 'image/jpeg'" type="file" id="inputGroupFile04" name="gambarMarhun" class="d-none">
+                <div class="modal-body justify-content-center">
+                    <div class="row justify-content-center">
+                        <div class="border border-secondary">
+                            <div class="d-none camera-shutter justify-content-center align-items-center" style="width:960px; height:540px"><img src="{{ asset('img/camera-shutter.svg') }}"></div>
+                            <img class="image-tag-overallmarhun" onclick="viewCapturedPhoto()"
+                                src="{{ asset('img/pngtree-diamond-wedding-ring.png') }}" width="960"
+                                class="border border-dark d-none">
+                            <video class="video-tag-overallmarhun" width="960" autoplay=true />
+                        </div>
+                    </div>
+                    <div class="row justify-content-center pt-3">
+                        <button type="button" class="btn btn-primary btn-lg camera-button" onclick="modalOverallPhotoCaptureUpdate.takePhoto()">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
+                                fill="currentColor" class="bi bi-camera-fill" viewBox="0 0 16 16">
+                                <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
+                                <path
+                                    d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    @if ($lelongbid->status_semak == 0)
+                        <button type="button" class="btn btn-secondary" style="width:15%;" onclick="clearData()"
+                            data-dismiss="modal">Kembali</button>
+                        <button type="submit" class="btn btn-primary" style="width:15%;" disabled>Simpan</button>
+                    @elseif($lelongbid->status_semak == 1)
+                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                        </p>
+                    @endif
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
diff --git a/resources/views/marhun/partials/camera_modals_per_marhun.blade.php b/resources/views/marhun/partials/camera_modals_per_marhun.blade.php
new file mode 100644
index 00000000..65a91afa
--- /dev/null
+++ b/resources/views/marhun/partials/camera_modals_per_marhun.blade.php
@@ -0,0 +1,112 @@
+{{-- register marhun photo --}}
+<div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modalpermarhunphoto-capture">
+    <div class="modal-dialog modal-dialog-centered modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Marhun</h5>
+                <button type="button" class="close" onclick="clearData()" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <form id="form1" action="{{ route('marhun.addphotomarhun') }}" method="POST"
+                enctype="multipart/form-data">
+                @csrf
+                <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                <input type="hidden" name="photo_type" value="2">
+                <input type="hidden" name="lelongbidmarhun_id" id="marhun_id">
+
+                <div class="modal-body justify-content-center align-items-center">
+                    <div class="row justify-content-center">
+                        <div class="border border-secondary">
+                            <div class="d-none camera-shutter justify-content-center align-items-center" style="width:960px; height:540px"><img src="{{ asset('img/camera-shutter.svg') }}"></div>
+                            <img class="image-tag-overallmarhun" onclick="viewCapturedPhoto()"
+                                src="{{ asset('img/pngtree-diamond-wedding-ring.png') }}" width="960"
+                                class="border border-dark d-none">
+                            <video class="video-tag-overallmarhun" width="960" autoplay=true />
+                        </div>
+                        <input accept="image/png, 'image/jpeg'" type="file" id="inputGroupFile04" name="gambarMarhun" class="d-none">
+                    </div>
+                    <div class="row justify-content-center pt-3">
+                        <button type="button" class="btn btn-primary btn-lg camera-button" onclick="modalOverallPhotoCapturePerMarhun.takePhoto()">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
+                                class="bi bi-camera-fill" viewBox="0 0 16 16">
+                                <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
+                                <path
+                                    d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    @if ($lelongbid->status_semak == 0)
+                        <button type="button" class="btn btn-secondary" style="width:15%;" onclick="clearData()"
+                            data-dismiss="modal">Kembali</button>
+                        <button type="submit" class="btn btn-primary" style="width:15%;" disabled>Simpan</button>
+                    @elseif($lelongbid->status_semak == 1)
+                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                        </p>
+                    @endif
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modalpermarhunphoto-capture-update">
+    <div class="modal-dialog modal-dialog-centered modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Marhun</h5>
+                <button type="button" class="close" onclick="clearData()" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <form id="form1" action="{{ route('marhun.updatephotomarhun') }}" method="POST"
+                enctype="multipart/form-data">
+                @csrf
+                <input type="hidden" name="lelongbid_id" value="{{ $lelongbid['id'] }}">
+                <input type="hidden" name="lelongbidmarhun_id" id="marhun_id">
+                <input type="hidden" name="filemarhun_id" value="{{ $lelongbid['filemarhun_id'] }}">
+                <input type="hidden" name="lelong_id" value="{{ $lelongbid['lelong_id'] }}">
+                <input type="hidden" name="photo_type" value="2">
+
+                <div class="modal-body justify-content-center">
+                    <div class="row justify-content-center">
+                        <div class="border border-secondary">
+                            <div class="d-none camera-shutter justify-content-center align-items-center" style="width:960px; height:540px"><img src="{{ asset('img/camera-shutter.svg') }}"></div>
+                            <img class="image-tag-overallmarhun" onclick="viewCapturedPhoto()"
+                                src="{{ asset('img/pngtree-diamond-wedding-ring.png') }}" width="960"
+                                class="border border-dark d-none">
+                            <video class="video-tag-overallmarhun" width="960" autoplay=true />
+                        </div>
+                        <input accept="image/png, 'image/jpeg'" type="file" id="inputGroupFile04" name="gambarMarhun" class="d-none">
+                    </div>
+                    <div class="row justify-content-center pt-3">
+                        <button type="button" class="btn btn-primary btn-lg camera-button" onclick="modalOverallPhotoCapturePerMarhunUpdate.takePhoto()">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
+                                class="bi bi-camera-fill" viewBox="0 0 16 16">
+                                <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
+                                <path
+                                    d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    @if ($lelongbid->status_semak == 0)
+                        <button type="button" class="btn btn-secondary" style="width:15%;" onclick="clearData()"
+                            data-dismiss="modal">Kembali</button>
+                        <button type="submit" class="btn btn-primary" style="width:15%;" disabled>Simpan</button>
+                    @elseif($lelongbid->status_semak == 1)
+                        <p class="text-danger font-italic">Marhun telah disemak. Tidak dibenarkan untuk kemaskini.
+                        </p>
+                    @endif
+                </div>
+            </form>
+
+        </div>
+    </div>
+</div>
+