{{-- resources/views/peninjauan/partials/edit-tab-batas-tanah.blade.php --}}

<!-- Batas Tanah Tab -->
<div class="tab-pane fade" id="batas-tanah" role="tabpanel">
    <div class="card">

        <div class="card-body">
            <!-- BA Kesepakatan Section -->

            <div class="row mb-3">
    <div class="col-md-6">
        <div class="form-group">
            <label class="d-block mb-2">Upload Video Pemohon</label>
            <div class="border rounded d-flex flex-column align-items-center justify-content-center p-4" style="background: #faf7ff; min-height: 120px;">
                <input type="file" id="video_pemohon" name="video_pemohon" accept="video/mp4,video/avi,video/mov" style="display:none;" onchange="showFileName(this, 'pemohon')">
                <label for="video_pemohon" style="cursor:pointer;">
                    <i class="fas fa-upload fa-2x mb-2" style="color:#a0a0b2;"></i><br>
                    <span class="text-secondary">Klik untuk upload video pemohon</span><br>
                    <small class="text-muted">MP4, AVI, MOV (Max. 50MB)</small>
                </label>
                <div id="filename_pemohon" class="mt-2 text-muted">
                    @if(isset($peninjauan) && $peninjauan->video_pemohon)
                        <span>{{ basename($peninjauan->video_pemohon) }}</span>
                        <br>
                        <video src="{{ asset('storage/' . $peninjauan->video_pemohon) }}" controls style="max-width:100%; max-height:80px;"></video>
                    @endif
                </div>
            </div>
            @error('video_pemohon')
                <small class="text-danger">{{ $message }}</small>
            @enderror
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="d-block mb-2">Upload Video Saksi Batas</label>
            <div class="border rounded d-flex flex-column align-items-center justify-content-center p-4" style="background: #faf7ff; min-height: 120px;">
                <input type="file" id="video_saksi_batas" name="video_saksi_batas" accept="video/mp4,video/avi,video/mov" style="display:none;" onchange="showFileName(this, 'saksi_batas')">
                <label for="video_saksi_batas" style="cursor:pointer;">
                    <i class="fas fa-upload fa-2x mb-2" style="color:#a0a0b2;"></i><br>
                    <span class="text-secondary">Klik untuk upload video saksi batas</span><br>
                    <small class="text-muted">MP4, AVI, MOV (Max. 50MB)</small>
                </label>
                <div id="filename_saksi_batas" class="mt-2 text-muted">
                    @if(isset($peninjauan) && $peninjauan->video_saksi_batas)
                        <span>{{ basename($peninjauan->video_saksi_batas) }}</span>
                        <br>
                        <video src="{{ asset('storage/' . $peninjauan->video_saksi_batas) }}" controls style="max-width:100%; max-height:80px;"></video>
                    @endif
                </div>
            </div>
            @error('video_saksi_batas')
                <small class="text-danger">{{ $message }}</small>
            @enderror
        </div>
    </div>
            </div>



<script>
function showFileName(input, type) {
    if (input.files && input.files[0]) {
        document.getElementById('filename_' + type).innerText = input.files[0].name;
    }
}
</script>
            <!-- Pihak yang Hadir Section -->
            {{-- <h5 class="section-title">Pihak yang Hadir dalam Pertemuan</h5> --}}

            <!-- Saksi Batas Utara -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Saksi Batas Utara</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_utara_nama">Nama</label>
                                <input type="text" class="form-control" id="saksi_utara_nama" name="saksi_utara_nama"
                                       value="{{ old('saksi_utara_nama', $peninjauan->saksi_utara_nama) }}"
                                       placeholder="Nama saksi">
                                @error('saksi_utara_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_utara_alamat">Alamat</label>
                                <textarea class="form-control" id="saksi_utara_alamat" name="saksi_utara_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('saksi_utara_alamat', $peninjauan->saksi_utara_alamat) }}</textarea>
                                @error('saksi_utara_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Saksi Batas Timur -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Saksi Batas Timur</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_timur_nama">Nama</label>
                                <input type="text" class="form-control" id="saksi_timur_nama" name="saksi_timur_nama"
                                       value="{{ old('saksi_timur_nama', $peninjauan->saksi_timur_nama) }}"
                                       placeholder="Nama saksi">
                                @error('saksi_timur_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_timur_alamat">Alamat</label>
                                <textarea class="form-control" id="saksi_timur_alamat" name="saksi_timur_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('saksi_timur_alamat', $peninjauan->saksi_timur_alamat) }}</textarea>
                                @error('saksi_timur_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Saksi Batas Selatan -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Saksi Batas Selatan</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_selatan_nama">Nama</label>
                                <input type="text" class="form-control" id="saksi_selatan_nama" name="saksi_selatan_nama"
                                       value="{{ old('saksi_selatan_nama', $peninjauan->saksi_selatan_nama) }}"
                                       placeholder="Nama saksi">
                                @error('saksi_selatan_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_selatan_alamat">Alamat</label>
                                <textarea class="form-control" id="saksi_selatan_alamat" name="saksi_selatan_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('saksi_selatan_alamat', $peninjauan->saksi_selatan_alamat) }}</textarea>
                                @error('saksi_selatan_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Saksi Batas Barat -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Saksi Batas Barat</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_barat_nama">Nama</label>
                                <input type="text" class="form-control" id="saksi_barat_nama" name="saksi_barat_nama"
                                       value="{{ old('saksi_barat_nama', $peninjauan->saksi_barat_nama) }}"
                                       placeholder="Nama saksi">
                                @error('saksi_barat_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_barat_alamat">Alamat</label>
                                <textarea class="form-control" id="saksi_barat_alamat" name="saksi_barat_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('saksi_barat_alamat', $peninjauan->saksi_barat_alamat) }}</textarea>
                                @error('saksi_barat_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Saksi Ketua RT -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Saksi Ketua RT</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_rt_nama">Nama</label>
                                <input type="text" class="form-control" id="saksi_rt_nama" name="saksi_rt_nama"
                                       value="{{ old('saksi_rt_nama', $peninjauan->saksi_rt_nama) }}"
                                       placeholder="Nama Ketua RT">
                                @error('saksi_rt_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_rt_alamat">Alamat</label>
                                <textarea class="form-control" id="saksi_rt_alamat" name="saksi_rt_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('saksi_rt_alamat', $peninjauan->saksi_rt_alamat) }}</textarea>
                                @error('saksi_rt_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Saksi Kur Pem Kamp Kel -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Saksi Kur Pem Kamp Kel</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_kur_nama">Nama</label>
                                <input type="text" class="form-control" id="saksi_kur_nama" name="saksi_kur_nama"
                                       value="{{ old('saksi_kur_nama', $peninjauan->saksi_kur_nama) }}"
                                       placeholder="Nama">
                                @error('saksi_kur_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="saksi_kur_alamat">Alamat</label>
                                <textarea class="form-control" id="saksi_kur_alamat" name="saksi_kur_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('saksi_kur_alamat', $peninjauan->saksi_kur_alamat) }}</textarea>
                                @error('saksi_kur_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <!-- Juru Ukur -->
            {{-- <div class="card bg-light mb-3">
                <div class="card-body">
                    <h6 class="card-title">Juru Ukur</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="juru_ukur_nama">Nama</label>
                                <input type="text" class="form-control" id="juru_ukur_nama" name="juru_ukur_nama"
                                       value="{{ old('juru_ukur_nama', $peninjauan->juru_ukur_nama) }}"
                                       placeholder="Nama Juru Ukur">
                                @error('juru_ukur_nama')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="juru_ukur_alamat">Alamat</label>
                                <textarea class="form-control" id="juru_ukur_alamat" name="juru_ukur_alamat" rows="2"
                                          placeholder="Alamat lengkap">{{ old('juru_ukur_alamat', $peninjauan->juru_ukur_alamat) }}</textarea>
                                @error('juru_ukur_alamat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
        </div>
        <!-- Form Actions -->
        <div class="card-footer d-flex justify-content-between">
            {{-- <button type="button" class="btn btn-secondary" onclick="previousTab()">
                ← Sebelumnya
            </button>
            <div>
                <button type="button" class="btn btn-secondary mr-2" onclick="saveDraft()">
                    💾 Simpan Draft
                </button>
                <button type="button" class="btn btn-primary" onclick="nextTab()">
                    Selanjutnya →
                </button>
            </div> --}}
        </div>
    </div>
</div>