{{-- 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="" width="960"
                                class="border border-dark d-none">
                            <video class="video-tag-overallmarhun video-preview" width="960" height="540" autoplay=true />
                            <video class="video-tag-overallmarhun d-none video-data" width="3200" height="1800" 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="" width="960"
                                class="border border-dark d-none">
                            <video class="video-tag-overallmarhun video-preview" width="960" height="540" autoplay=true />
                            <video class="video-tag-overallmarhun d-none video-data" width="3200" height="1800" 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>