@extends('portofolio::layout.user')
@section('content')

<main id="main" class="main">

    <div class="pagetitle">
        <h1>E-Portofolio Riwayat Kerja</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/user/dashboard">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('eporto.riwayat-hidup-view') }}">Riwayat Hidup</a></li>
                <li class="breadcrumb-item active">Riwayat Kerja</li>
            </ol>
        </nav>
    </div>

    <section class="section">
        <div class="row">
            <div class="col-lg-12">

                <div class="card">
                    <div class="card-body pt-3">

                        @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>⚠️ Perhatian!</strong> Ada kesalahan dalam input data:
                            <ul class="mt-2 mb-0">
                                @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                        @endif

                        @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>✅ Berhasil!</strong> {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                        @endif

                        <h5 class="card-title">Data Riwayat Pekerjaan</h5>

                        <div class="mb-3">
                            <a href="{{ route('eporto.download-sk-cv') }}" class="btn btn-outline-primary btn-sm">
                                <i class="bi bi-download me-1"></i> Download Template SK CV
                            </a>
                        </div>
                        <div class="alert alert-primary">
                            <i class="bi bi-info-circle me-2"></i>
                            <strong>Lembar Surat Pernyataan CV ini untuk calon yang pada saat melamar masih menjadi Pegawai Tetap pada Perusahaan</strong>
                        </div>

                        {{-- TAB HEADER --}}
                        <ul class="nav nav-tabs nav-tabs-bordered" id="kerjatab" role="tablist">
                            <li class="nav-item">
                                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#daftar-kerja">
                                    Daftar Riwayat Kerja
                                </button>
                            </li>
                            <li class="nav-item">
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#form-kerja">
                                    Tambah Riwayat Kerja
                                </button>
                            </li>
                            <li class="nav-item">
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#upload-dokumen">
                                    Upload Dokumen & Tanda Tangan
                                </button>
                            </li>
                        </ul>

                        {{-- TAB CONTENT --}}
                        <div class="tab-content pt-2">

                            {{-- DAFTAR RIWAYAT KERJA --}}
                            <div class="tab-pane fade show active" id="daftar-kerja">
                                <h5 class="card-title mt-3">Daftar Riwayat Pekerjaan Anda</h5>
                                {{-- INFORMASI PENTING RIWAYAT KERJA --}}
                                <div class="alert alert-primary">
                                    <i class="bi bi-info-circle me-2"></i>
                                    <strong>Petunjuk Pengisian:</strong>
                                    Pada bagian ini, isilah
                                    <strong>pengalaman kerja yang relevan dengan mata kuliah yang akan dinilai</strong>.
                                    Informasi yang Anda masukkan akan digunakan sebagai
                                    <strong>bahan pendukung dalam proses penilaian RPL</strong>.
                                </div>

                                <div class="alert alert-warning">
                                    <i class="bi bi-exclamation-triangle me-2"></i>
                                    <strong>Perhatian:</strong>
                                    Apabila dalam satu pengalaman pekerjaan terjadi
                                    <strong>perpindahan posisi atau jabatan</strong>,
                                    maka
                                    <strong>setiap posisi/jabatan tersebut wajib dituliskan secara terpisah di dalam tabel</strong>,
                                    meskipun perubahan posisi tersebut masih berada dalam
                                    <strong>perusahaan yang sama</strong>.
                                </div>


                                @if ($riwayat_kerjas->isEmpty())
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle me-2"></i> Belum ada data riwayat kerja.
                                    <a href="#form-kerja" class="alert-link" data-bs-toggle="tab" data-bs-target="#form-kerja">
                                        Tambah riwayat kerja baru
                                    </a>
                                </div>
                                @else
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="table-primary">
                                            <tr>
                                                <th style="width: 5%">No</th>
                                                <th style="width: 25%">Perusahaan</th>
                                                <th style="width: 15%">Periode</th>
                                                <th style="width: 20%">Posisi</th>
                                                <th style="width: 20%">Aksi</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($riwayat_kerjas as $kerja)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $kerja->nama_perusahaan ?? '-' }}</td>
                                                <td>{{ $kerja->periode_kerja ?? '-' }}</td>
                                                <td>{{ $kerja->posisi ?? '-' }}</td>
                                                <td>
                                                    <button type="button"
                                                        class="btn btn-warning btn-sm btn-edit-kerja"
                                                        data-id="{{ $kerja->id }}"
                                                        data-perusahaan="{{ $kerja->nama_perusahaan }}"
                                                        data-alamat="{{ $kerja->alamat_perusahaan }}"
                                                        data-periode="{{ $kerja->periode_kerja }}"
                                                        data-posisi="{{ $kerja->posisi }}"
                                                        data-jobdesc="{{ $kerja->jobdesc }}"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#editKerjaModal">
                                                        <i class="bi bi-pencil"></i> Edit
                                                    </button>
                                                    <button type="button"
                                                        class="btn btn-danger btn-sm btn-delete-kerja"
                                                        data-id="{{ $kerja->id }}"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#deleteKerjaModal">
                                                        <i class="bi bi-trash"></i> Hapus
                                                    </button>
                                                </td>
                                            </tr>
                                            @empty
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            </div>

                            {{-- FORM TAMBAH RIWAYAT KERJA --}}
                            <div class="tab-pane fade" id="form-kerja">
                                <h5 class="card-title mt-3">Form Tambah Riwayat Kerja</h5>

                                <form action="{{ route('eporto.riwayat-kerja-add') }}" method="POST" class="row g-3">
                                    @csrf

                                    {{-- Nama Perusahaan --}}
                                    <div class="col-12">
                                        <label for="nama_perusahaan" class="form-label">Nama Perusahaan <span class="text-danger">*</span></label>
                                        <input type="text"
                                            class="form-control @error('nama_perusahaan') is-invalid @enderror"
                                            id="nama_perusahaan"
                                            name="nama_perusahaan"
                                            placeholder="Nama perusahaan tempat Anda bekerja"
                                            value="{{ old('nama_perusahaan') }}"
                                            required>
                                        @error('nama_perusahaan')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Alamat Perusahaan --}}
                                    <div class="col-12">
                                        <label for="alamat_perusahaan" class="form-label">Alamat Perusahaan</label>
                                        <textarea class="form-control @error('alamat_perusahaan') is-invalid @enderror"
                                            id="alamat_perusahaan"
                                            name="alamat_perusahaan"
                                            rows="2"
                                            placeholder="Alamat lengkap perusahaan">{{ old('alamat_perusahaan') }}</textarea>
                                        @error('alamat_perusahaan')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Periode Kerja --}}
                                    <div class="col-12">
                                        <label class="form-label">Periode Kerja <span class="text-danger">*</span></label>

                                        <div class="row g-2 align-items-center">
                                            <div class="col-md-5">
                                                <input type="date"
                                                    class="form-control @error('tanggal_mulai') is-invalid @enderror"
                                                    name="tanggal_mulai"
                                                    required>
                                            </div>

                                            <div class="col-md-1 text-center">
                                                —
                                            </div>

                                            <div class="col-md-5">
                                                <input type="date"
                                                    class="form-control @error('tanggal_selesai') is-invalid @enderror"
                                                    name="tanggal_selesai"
                                                    id="tanggal_selesai">
                                            </div>
                                        </div>

                                        <div class="form-check mt-2">
                                            <input class="form-check-input" type="checkbox" id="masih_bekerja">
                                            <label class="form-check-label" for="masih_bekerja">
                                                Sampai sekarang
                                            </label>
                                        </div>

                                        <small class="text-muted">
                                            Periode akan disimpan otomatis dalam format:
                                            <code>DD/MM/YYYY - DD/MM/YYYY</code> atau
                                            <code>DD/MM/YYYY - sekarang</code>
                                        </small>
                                    </div>

                                    {{-- Posisi --}}
                                    <div class="col-12">
                                        <label for="posisi" class="form-label">Posisi <span class="text-danger">*</span></label>
                                        <input type="text"
                                            class="form-control @error('posisi') is-invalid @enderror"
                                            id="posisi"
                                            name="posisi"
                                            placeholder="Contoh: Software Engineer, Manager, dll"
                                            value="{{ old('posisi') }}"
                                            required>
                                        @error('posisi')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Job Description --}}
                                    <div class="col-12">
                                        <label for="jobdesc" class="form-label">Deskripsi Pekerjaan</label>
                                        <textarea class="form-control @error('jobdesc') is-invalid @enderror"
                                            id="jobdesc"
                                            name="jobdesc"
                                            rows="3"
                                            placeholder="Uraikan tugas dan tanggung jawab Anda">{{ old('jobdesc') }}</textarea>
                                        @error('jobdesc')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Submit Button --}}
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="bi bi-plus-circle me-1"></i> Tambah Riwayat Kerja
                                        </button>
                                        <a href="#daftar-kerja" class="btn btn-secondary ms-2" data-bs-toggle="tab" data-bs-target="#daftar-kerja">
                                            <i class="bi bi-arrow-left me-1"></i> Kembali
                                        </a>
                                    </div>
                                </form>
                            </div>

                            {{-- UPLOAD DOKUMEN & TANDA TANGAN --}}
                            <div class="tab-pane fade" id="upload-dokumen">
                                {{-- STATUS FILE YANG SUDAH DIUPLOAD --}}
                                <div class="row mt-4">
                                    <div class="col-12">
                                        <h6 class="mb-3">Status Upload Anda</h6>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="card border-secondary">
                                                    <div class="card-body">
                                                        <h6 class="card-title">📄 SK CV</h6>
                                                        @if($sk_cv_file)
                                                        <span class="badge bg-success">✓ Sudah diupload</span>
                                                        <small class="d-block mt-2">{{ $sk_cv_file->path_file }}</small>
                                                        @else
                                                        <span class="badge bg-warning">⏳ Belum diupload</span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="card border-secondary">
                                                    <div class="card-body">
                                                        <h6 class="card-title">✍️ Tanda Tangan</h6>
                                                        @if($signature_file)
                                                        <span class="badge bg-success">✓ Sudah diupload</span>
                                                        <small class="d-block mt-2">{{ $signature_file->path_file }}</small>
                                                        @else
                                                        <span class="badge bg-warning">⏳ Belum diupload</span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card">
                                            <div class="card-body pt-3">
                                                <h5 class="card-title">Upload Dokumen & Tanda Tangan</h5>

                                                @if (session('success'))
                                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                                    <strong>✅ Berhasil!</strong> {{ session('success') }}
                                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                                </div>
                                                @endif

                                                @if (session('error'))
                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                    <strong>❌ Error!</strong> {{ session('error') }}
                                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                                </div>
                                                @endif

                                                @if ($errors->any())
                                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                                    <strong>⚠️ Perhatian!</strong> Ada kesalahan:
                                                    <ul class="mt-2 mb-0">
                                                        @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                        @endforeach
                                                    </ul>
                                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                                </div>
                                                @endif

                                                <div class="row">
                                                    {{-- UPLOAD SK CV --}}
                                                    <div class="col-lg-6">
                                                        <div class="card border-primary">
                                                            <div class="card-header bg-primary text-white">
                                                                <h6 class="mb-0">📄 Upload SK CV Bertanda Tangan</h6>
                                                            </div>
                                                            <div class="card-body">
                                                                <p class="text-muted small mb-3">
                                                                    Upload dokumen SK CV yang telah ditandatangani untuk proses verifikasi.
                                                                </p>

                                                                <form action="{{ route('eporto.upload-file-user') }}" method="POST" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <input type="hidden" name="jenis_file" value="dokumen">

                                                                    <div class="mb-3">
                                                                        <label for="sk_cv_file" class="form-label">
                                                                            Pilih File SK CV <span class="text-danger">*</span>
                                                                        </label>
                                                                        <input type="file"
                                                                            class="form-control @error('sk_cv_file') is-invalid @enderror"
                                                                            id="sk_cv_file"
                                                                            name="sk_cv_file"
                                                                            accept=".pdf,.doc,.docx">
                                                                        <small class="text-muted d-block mt-2">
                                                                            ✓ Format: PDF atau DOC<br>
                                                                            ✓ Ukuran maksimal: 1 MB<br>
                                                                            ✓ File harus sudah ditandatangani
                                                                        </small>
                                                                        @error('sk_cv_file')
                                                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                                                        @enderror
                                                                    </div>

                                                                    <button type="submit" class="btn btn-primary w-100">
                                                                        <i class="bi bi-cloud-upload me-2"></i>Upload SK CV
                                                                    </button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    {{-- UPLOAD TANDA TANGAN --}}
                                                    <div class="col-lg-6">

                                                        <div class="card border-success">
                                                            <div class="card-header bg-success text-white">
                                                                <h6 class="mb-0">✍️ Upload Gambar Tanda Tangan</h6>
                                                            </div>
                                                            <div class="card-body">
                                                                <p class="text-muted small mb-3">
                                                                    Upload gambar tanda tangan Anda untuk proses verifikasi identitas.
                                                                </p>

                                                                <div class="alert alert-info small mb-3">
                                                                    <i class="bi bi-info-circle me-2"></i>
                                                                    <strong>Tips:</strong> Usahakan tanda tangan Anda jelas dan konsisten dengan contoh yang telah disediakan.
                                                                </div>

                                                                <form action="{{ route('eporto.upload-file-user') }}" method="POST" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <input type="hidden" name="jenis_file" value="gambar">

                                                                    <div class="mb-3">
                                                                        <label for="signature_file" class="form-label">
                                                                            Pilih File Tanda Tangan <span class="text-danger">*</span>
                                                                        </label>
                                                                        <input type="file"
                                                                            class="form-control @error('signature_file') is-invalid @enderror"
                                                                            id="signature_file"
                                                                            name="signature_file"
                                                                            accept="image/*"
                                                                            required>
                                                                        <small class="text-muted d-block mt-2">
                                                                            ✓ Format: JPG, PNG, GIF<br>
                                                                            ✓ Ukuran maksimal: 1 MB<br>
                                                                            ✓ Gunakan background transparan/putih
                                                                        </small>
                                                                        @error('signature_file')
                                                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                                                        @enderror
                                                                    </div>

                                                                    <button type="submit" class="btn btn-success w-100">
                                                                        <i class="bi bi-cloud-upload me-2"></i>Upload Tanda Tangan
                                                                    </button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                        {{-- CONTOH TANDA TANGAN --}}
                                                        <div class="row mt-4">
                                                            <div class="col-12">
                                                                <div class="alert alert-info">
                                                                    <strong>📝 Contoh Tanda Tangan yang Benar & Salah</strong>
                                                                    <p class="mb-2">
                                                                        Pastikan tanda tangan jelas, asli, dan sesuai identitas Anda.
                                                                    </p>

                                                                    <div class="row text-center mt-3">
                                                                        {{-- TTD BENAR --}}
                                                                        <div class="col-md-6 mb-3">
                                                                            <div class="card h-100">
                                                                                <div class="card-body">
                                                                                    <h6 class="text-success mb-2">
                                                                                        <i class="bi bi-check-circle"></i> Contoh Tanda Tangan Benar
                                                                                    </h6>
                                                                                    <img
                                                                                        src="{{ route('eporto.preview-ttd', 'ttd_benar.jpeg') }}"
                                                                                        alt="Contoh TTD Benar"
                                                                                        class="img-fluid border rounded"
                                                                                        style="max-height: 200px; background: #f9f9f9;">
                                                                                    <small class="d-block mt-2 text-muted">
                                                                                        Tanda tangan memiliki ukuran yang proporsional dan jelas terlihat
                                                                                    </small>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        {{-- TTD SALAH --}}
                                                                        <div class="col-md-6 mb-3">
                                                                            <div class="card h-100">
                                                                                <div class="card-body">
                                                                                    <h6 class="text-danger mb-2">
                                                                                        <i class="bi bi-x-circle"></i> Contoh Tanda Tangan Salah
                                                                                    </h6>
                                                                                    <img
                                                                                        src="{{ route('eporto.preview-ttd', 'ttd_salah.jpeg') }}"
                                                                                        alt="Contoh TTD Salah"
                                                                                        class="img-fluid border rounded"
                                                                                        style="max-height: 200px; background: #f9f9f9;">
                                                                                    <small class="d-block mt-2 text-muted">
                                                                                        Gambar tanda tangan terlalu kecil rasionya dengan area putih di sekitarnya
                                                                                    </small>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>



                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>

                        </div>
                    </div>

                </div>
            </div>
    </section>


</main>

{{-- Modal Edit Riwayat Kerja --}}
<div class="modal fade" id="editKerjaModal" tabindex="-1">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <form id="editKerjaForm" method="POST">
                @csrf
                @method('PUT')

                <div class="modal-header">
                    <h5 class="modal-title">Edit Riwayat Kerja</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">
                    <div class="mb-3">
                        <label for="edit_nama_perusahaan" class="form-label">Nama Perusahaan <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="edit_nama_perusahaan" name="nama_perusahaan" required>
                    </div>

                    <div class="mb-3">
                        <label for="edit_alamat_perusahaan" class="form-label">Alamat Perusahaan</label>
                        <textarea class="form-control" id="edit_alamat_perusahaan" name="alamat_perusahaan" rows="2"></textarea>
                    </div>

                    <div class="mb-3">
                        <label for="edit_periode_kerja" class="form-label">Periode Kerja <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="edit_periode_kerja" name="periode_kerja" required>
                    </div>

                    <div class="mb-3">
                        <label for="edit_posisi" class="form-label">Posisi <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="edit_posisi" name="posisi" required>
                    </div>

                    <div class="mb-3">
                        <label for="edit_jobdesc" class="form-label">Deskripsi Pekerjaan</label>
                        <textarea class="form-control" id="edit_jobdesc" name="jobdesc" rows="3"></textarea>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- Modal Delete Riwayat Kerja --}}
<div class="modal fade" id="deleteKerjaModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form id="deleteKerjaForm" method="POST">
                @csrf
                @method('DELETE')

                <div class="modal-header">
                    <h5 class="modal-title">Konfirmasi Hapus</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">
                    <p>Apakah Anda yakin ingin menghapus riwayat kerja ini?</p>
                    <p class="text-muted small">Data yang dihapus tidak dapat dipulihkan.</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-danger">Ya, Hapus</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    document.querySelectorAll('.btn-edit-kerja').forEach(btn => {
        btn.addEventListener('click', function() {
            const id = this.dataset.id;
            document.getElementById('edit_nama_perusahaan').value = this.dataset.perusahaan || '';
            document.getElementById('edit_alamat_perusahaan').value = this.dataset.alamat || '';
            document.getElementById('edit_periode_kerja').value = this.dataset.periode || '';
            document.getElementById('edit_posisi').value = this.dataset.posisi || '';
            document.getElementById('edit_jobdesc').value = this.dataset.jobdesc || '';
            document.getElementById('editKerjaForm').action = `/riwayat-kerja-edit/${id}`;
        });
    });

    document.querySelectorAll('.btn-delete-kerja').forEach(btn => {
        btn.addEventListener('click', function() {
            const id = this.dataset.id;
            document.getElementById('deleteKerjaForm').action = `/riwayat-kerja-delete/${id}`;
        });
    });
    const checkbox = document.getElementById('masih_bekerja');
    const selesaiInput = document.getElementById('tanggal_selesai');

    checkbox.addEventListener('change', function() {
        if (this.checked) {
            selesaiInput.value = '';
            selesaiInput.disabled = true;
        } else {
            selesaiInput.disabled = false;
        }
    });
</script>

@endsection

<script>
    (function() {
        document.querySelectorAll('form').forEach(form => {
            const fileInputs = Array.from(form.querySelectorAll('input[type=file]'));
            if (fileInputs.length === 0) return;
            form.addEventListener('submit', function(e) {
                const validateAll = form.hasAttribute('data-validate-files') || fileInputs.some(fi => fi.required);
                if (!validateAll) return;
                const anySelected = fileInputs.some(fi => fi.files && fi.files.length > 0);
                if (!anySelected) {
                    e.preventDefault();
                    const container = form.closest('.card-body') || form;
                    const existing = container.querySelector('.upload-warning');
                    if (existing) existing.remove();
                    const alert = document.createElement('div');
                    alert.className = 'alert alert-warning upload-warning';
                    alert.role = 'alert';
                    alert.innerHTML = '<strong>⚠️ Perhatian!</strong> Silakan pilih file terlebih dahulu sebelum mengunggah.';
                    container.insertBefore(alert, container.firstChild);
                    setTimeout(() => {
                        try {
                            alert.remove();
                        } catch (_) {}
                    }, 5000);
                    fileInputs[0].focus();
                }
            });
        });
    })();

    (function() {
        document.querySelectorAll('.btn-delete-kerja, .btn-delete-penghargaan, .btn-delete-seminar, .btn-delete-organisasi, .btn-delete-pelatihan').forEach(btn => {
            if (btn.getAttribute('data-bs-toggle')) return;
            btn.addEventListener('click', function(e) {
                if (!confirm('Yakin ingin menghapus item ini?')) e.preventDefault();
            });
        });
    })();
</script>