@extends('layouts.master')

@section('title', 'Upload Dokumen Pengurugan')

@push('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .card {
            overflow: hidden;
        }

        .alert {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        .table td {
            vertical-align: middle;
        }
    </style>
@endpush

@section('content')
    <div class="container">
        <h1>Upload Dokumen Kelengkapan</h1>
        <div class="alert alert-info" style="display: block !important; margin-bottom: 20px;">
            <i class="fas fa-info-circle"></i> Catatan: Dokumen tidak lengkap, ada kemungkinan pengajuan tidak akan diterima..!!!
        </div>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Daftar Dokumen</h3>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Jenis Dokumen</th>
                                <th>Status</th>
                                <th>File Saat Ini</th>
                                <th>Upload File Baru</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $documents = [
                                    [
                                        'name' => 'KTP',
                                        'field' => 'file_ktp',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Scan KTP asli yang masih berlaku'
                                    ],
                                    [
                                        'name' => 'Surat Pernyataan Kesanggupan Pengelolaan Tanah',
                                        'field' => 'file_surat_pernyataan_pengelolaan',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Surat pernyataan bermaterai dan ditandatangani'
                                    ],
                                    [
                                        'name' => 'Legalitas Perusahaan',
                                        'field' => 'file_legalitas_perusahaan',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Dokumen legalitas perusahaan yang masih berlaku'
                                    ],
                                    [
                                        'name' => 'KRK',
                                        'field' => 'file_krk',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Keterangan Rencana Kota yang masih berlaku'
                                    ],
                                    [
                                        'name' => 'Rencana Teknis Pengurugan',
                                        'field' => 'file_rencana_teknis',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Dokumen rencana teknis yang ditandatangani oleh tenaga ahli'
                                    ],
                                    [
                                        'name' => 'Bukti Kerjasama dengan Pemilik Material yang Berizin',
                                        'field' => 'file_bukti_kerjasama',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Surat perjanjian kerjasama yang sah'
                                    ],
                                    [
                                        'name' => 'Dokumen Lingkungan',
                                        'field' => 'file_dokumen_lingkungan',
                                        'title' => 'Format file: JPG/PNG/PDF, Ukuran maksimal: 2MB, Dokumen analisis dampak lingkungan yang telah disetujui'
                                    ]
                                ];
                            @endphp

                            @foreach($documents as $index => $doc)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>
                                        {{ $doc['name'] }}
                                        <i class="fas fa-info-circle text-info" data-bs-toggle="tooltip" title="{{ $doc['title'] }}"></i>
                                    </td>
                                    <td>
                                        @if($data->{$doc['field']})
                                            <span class="badge bg-success">Sudah Upload</span>
                                        @else
                                            <span class="badge bg-danger">Belum Upload</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($data->{$doc['field']})
                                            @php
                                                $extension = strtolower(pathinfo($data->{$doc['field']}, PATHINFO_EXTENSION));
                                                $isImage = in_array($extension, ['jpg', 'jpeg', 'png', 'gif']);
                                                $isPdf = $extension === 'pdf';
                                            @endphp
                                            @if($isImage)
                                                <a href="{{ route('pengurugan.stream_image', ['id' => $data->id, 'type' => str_replace('file_', '', $doc['field'])]) }}"
                                                   class="btn btn-info btn-sm"
                                                   target="_blank">
                                                    <i class="fas fa-image"></i> Lihat Gambar
                                                </a>
                                            @elseif($isPdf)
                                                <a href="{{ route('pengurugan.stream_pdf', ['id' => $data->id, 'type' => str_replace('file_', '', $doc['field'])]) }}"
                                                   class="btn btn-info btn-sm"
                                                   target="_blank">
                                                    <i class="fas fa-file-pdf"></i> Lihat PDF
                                                </a>
                                            @endif
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        <form action="{{ route('pengurugan.update_file', ['id' => $data->id]) }}" method="POST" enctype="multipart/form-data" class="update-file-form">
                                            @csrf
                                            <input type="hidden" name="file_type" value="{{ $doc['field'] }}">
                                            <input type="file" name="file" class="form-control" accept="{{ $doc['field'] === 'file_foto' ? '.jpg,.jpeg,.png' : '.jpg,.jpeg,.png,.pdf' }}">
                                        </form>
                                    </td>
                                    <td>
                                        <button type="submit" class="btn btn-primary btn-sm update-btn">
                                            <i class="fas fa-upload"></i> Update
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card mt-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3 class="card-title">Bukti Kepemilikan Tanah</h3>
                <button type="button" class="btn btn-success btn-sm" id="tambah-bukti">
                    <i class="fas fa-plus"></i> Tambah Bukti
                </button>
            </div>
            <div class="card-body">
                <div id="bukti-tanah-container">
                    @if($data->bukti_milik_pengurug->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Jenis Bukti</th>
                                        <th>Nomor</th>
                                        <th>Tanggal</th>
                                        <th>File</th>
                                        <th>Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data->bukti_milik_pengurug as $index => $bukti)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>{{ $bukti->jns_bukti }}</td>
                                            <td>{{ $bukti->no_bukti }}</td>
                                            <td>{{ $bukti->tanggal_dokumen }}</td>
                                            <td>
                                                @if($bukti->fl_bukti)
                                                    @php
                                                        $extension = strtolower(pathinfo($bukti->fl_bukti, PATHINFO_EXTENSION));
                                                        $isImage = in_array($extension, ['jpg', 'jpeg', 'png', 'gif']);
                                                        $isPdf = $extension === 'pdf';
                                                    @endphp
                                                    @if($isImage)
                                                        <a href="{{ route('pengurugan.stream_image', ['id' => $data->id, 'type' => 'bukti', 'bukti_id' => $bukti->id]) }}"
                                                           class="btn btn-info btn-sm"
                                                           target="_blank">
                                                            <i class="fas fa-image"></i> Lihat Gambar
                                                        </a>
                                                    @elseif($isPdf)
                                                        <a href="{{ route('pengurugan.stream_pdf', ['id' => $data->id, 'type' => 'bukti', 'bukti_id' => $bukti->id]) }}"
                                                           class="btn btn-info btn-sm"
                                                           target="_blank">
                                                            <i class="fas fa-file-pdf"></i> Lihat PDF
                                                        </a>
                                                    @endif
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-danger btn-sm hapus-bukti" data-id="{{ $bukti->id }}">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i> Belum ada bukti kepemilikan tanah yang diupload
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Tambah Bukti -->
    <div class="modal fade" id="modalTambahBukti" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Tambah Bukti Kepemilikan</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form action="{{ route('pengurugan.store_bukti', ['id' => $data->id]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">Jenis Bukti Atas Tanah</label>
                            <select name="jenis_sertifikat_tanah" class="form-control" required>
                                <option value="">Pilih Jenis Bukti</option>
                                <option value="SHM">Sertifikat Hak Milik (SHM)</option>
                                <option value="HGU">Hak Guna Usaha (HGU)</option>
                                <option value="SKT">Surat Keterangan Tanah (SKT)</option>
                                <option value="HGB">Hak Guna Bangunan (HGB)</option>
                                <option value="Hak Pakai">Hak Pakai</option>
                                <option value="Petok D">Petok D</option>
                                <option value="Letter C">Letter C</option>
                                <option value="Surat Girik">Surat Girik</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Nomor Sertifikat/Bukti Kepemilikan</label>
                            <input type="text" name="no_sertifikat" class="form-control" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Tanggal Dokumen</label>
                            <input type="date" name="tanggal_dokumen" class="form-control" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">File Bukti</label>
                            <input type="file" name="file_bukti" class="form-control" accept=".jpg,.jpeg,.png,.pdf" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                        <button type="submit" class="btn btn-primary">Simpan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        // Initialize tooltips
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl)
        });

        // Handle file update buttons
        $('.update-btn').click(function(e) {
            e.preventDefault();
            $(this).closest('tr').find('form').submit();
        });

        // Handle tambah bukti button
        $('#tambah-bukti').click(function() {
            $('#modalTambahBukti').modal('show');
        });

        // Handle delete bukti
        $('.hapus-bukti').click(function() {
            if(confirm('Apakah Anda yakin ingin menghapus bukti ini?')) {
                const buktiId = $(this).data('id');
                $.ajax({
                    url: "{{ url('pengurugan') }}/" + {{ $data->id }} + "/delete-bukti/" + buktiId,
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        location.reload();
                    },
                    error: function(xhr) {
                        alert('Terjadi kesalahan saat menghapus bukti');
                    }
                });
            }
        });
    });
</script>
@endpush