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

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

    <div class="pagetitle">
        <h1>Riwayat Hidup (Curriculum Vitae)</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/user/dashboard">Home</a></li>
                <li class="breadcrumb-item active">Riwayat Hidup</li>
            </ol>
        </nav>
    </div>

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

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

                        <h5 class="card-title">Data Riwayat Hidup</h5>
                        {{-- INFORMASI PENJELASAN --}}
                        <div class="alert alert-primary">
                            <i class="bi bi-info-circle me-2"></i>
                            <strong>Perhatian:</strong>
                            Data riwayat hidup yang diunggah pada halaman ini diharapkan memiliki
                            <strong>keterkaitan dan relevansi dengan jurusan/program studi yang dipilih</strong>.
                            Informasi ini akan digunakan sebagai
                            <strong>bahan referensi tambahan dalam proses penilaian dan verifikasi RPL</strong>,
                            khususnya untuk mendukung kesesuaian kompetensi, pengalaman, dan capaian pembelajaran.
                        </div>

                        {{-- INFORMASI PERINGATAN --}}
                        <div class="alert alert-warning">
                            <i class="bi bi-exclamation-triangle me-2"></i>
                            <strong>Penting:</strong>
                            Sehubungan dengan adanya
                            <strong>penambahan persyaratan dokumen</strong>
                            dalam pengajuan perolehan SKS melalui RPL,
                            peserta diwajibkan untuk
                            <strong>melakukan pengisian dan/atau pembaruan data kembali</strong>
                            agar proses penilaian dapat dilakukan secara lengkap dan optimal.
                        </div>


                        {{-- TAB HEADER --}}
                        <ul class="nav nav-tabs nav-tabs-bordered" id="cvtabs" role="tablist">
                            <li class="nav-item">
                                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-pelatihan">
                                    <i class="bi bi-briefcase me-1"></i> Pelatihan
                                </button>
                            </li>
                            <li class="nav-item">
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-penghargaan">
                                    <i class="bi bi-award me-1"></i> Penghargaan
                                </button>
                            </li>
                            <li class="nav-item">
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-seminar">
                                    <i class="bi bi-chat-dots me-1"></i> Seminar
                                </button>
                            </li>
                            <li class="nav-item">
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-organisasi">
                                    <i class="bi bi-people me-1"></i> Organisasi
                                </button>
                            </li>
                            <li class="nav-item">
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-riwayat-kerja">
                                    <i class="bi bi-briefcase-fill me-1"></i> Riwayat Kerja
                                </button>
                            </li>
                        </ul>

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

                            {{-- TAB PELATIHAN --}}
                            <div class="tab-pane fade show active" id="tab-pelatihan">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="card-title">Pelatihan / Workshop / Sertifikasi</h6>
                                    <a href="{{ route('eporto.pelatihan-view') }}" class="btn btn-primary btn-sm">
                                        <i class="bi bi-plus-circle me-1"></i> Tambah Data
                                    </a>
                                </div>

                                @if ($pelatihans->isEmpty())
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle me-2"></i> Belum ada data pelatihan.
                                </div>
                                @else
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 5%">No</th>
                                                <th>Nama Pelatihan</th>
                                                <th>Penyelenggara</th>
                                                <th style="width: 15%">Jangka Waktu</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($pelatihans as $pelatihan)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $pelatihan->nama_pelatihan ?? '-' }}</td>
                                                <td>{{ $pelatihan->penyelenggara ?? '-' }}</td>
                                                <td>{{ $pelatihan->jangka_waktu ?? '-' }}</td>
                                            </tr>
                                            @empty
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            </div>

                            {{-- TAB PENGHARGAAN --}}
                            <div class="tab-pane fade" id="tab-penghargaan">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="card-title">Penghargaan</h6>
                                    <a href="{{ route('eporto.penghargaan-view') }}" class="btn btn-primary btn-sm">
                                        <i class="bi bi-plus-circle me-1"></i> Tambah Data
                                    </a>
                                </div>

                                @if ($penghargaans->isEmpty())
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle me-2"></i> Belum ada data penghargaan.
                                </div>
                                @else
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 5%">No</th>
                                                <th>Tahun</th>
                                                <th>Bentuk Penghargaan</th>
                                                <th>Pemberi Penghargaan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($penghargaans as $penghargaan)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $penghargaan->tahun ?? '-' }}</td>
                                                <td>
                                                    <span class="badge bg-info">{{ ucfirst($penghargaan->bentuk_penghargaan ?? '-') }}</span>
                                                </td>
                                                <td>{{ $penghargaan->pemberi_penghargaan ?? '-' }}</td>
                                            </tr>
                                            @empty
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            </div>

                            {{-- TAB SEMINAR --}}
                            <div class="tab-pane fade" id="tab-seminar">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="card-title">Seminar / Lokakarya / Simposium</h6>
                                    <a href="{{ route('eporto.seminar-view') }}" class="btn btn-primary btn-sm">
                                        <i class="bi bi-plus-circle me-1"></i> Tambah Data
                                    </a>
                                </div>

                                @if ($seminars->isEmpty())
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle me-2"></i> Belum ada data seminar.
                                </div>
                                @else
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 5%">No</th>
                                                <th>Judul</th>
                                                <th>Penyelenggara</th>
                                                <th style="width: 15%">Status Keikutsertaan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($seminars as $seminar)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $seminar->judul ?? '-' }}</td>
                                                <td>{{ $seminar->penyelenggara ?? '-' }}</td>
                                                <td>
                                                    <span class="badge {{ $seminar->status_keikutsertaan === 'panitia' ? 'bg-success' : ($seminar->status_keikutsertaan === 'pembicara' ? 'bg-warning' : 'bg-secondary') }}">
                                                        {{ ucfirst($seminar->status_keikutsertaan ?? '-') }}
                                                    </span>
                                                </td>
                                            </tr>
                                            @empty
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            </div>

                            {{-- TAB ORGANISASI --}}
                            <div class="tab-pane fade" id="tab-organisasi">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="card-title">Organisasi</h6>
                                    <a href="{{ route('eporto.organisasi-view') }}" class="btn btn-primary btn-sm">
                                        <i class="bi bi-plus-circle me-1"></i> Tambah Data
                                    </a>
                                </div>

                                @if ($organisasis->isEmpty())
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle me-2"></i> Belum ada data organisasi.
                                </div>
                                @else
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 5%">No</th>
                                                <th>Jenis</th>
                                                <th>Nama Organisasi</th>
                                                <th>Jabatan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($organisasis as $organisasi)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $organisasi->jenis ?? '-' }}</td>
                                                <td>{{ $organisasi->nama ?? '-' }}</td>
                                                <td>{{ $organisasi->jabatan ?? '-' }}</td>
                                            </tr>
                                            @empty
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            </div>

                            {{-- TAB RIWAYAT KERJA --}}
                            <div class="tab-pane fade" id="tab-riwayat-kerja">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h6 class="card-title">Riwayat Pekerjaan</h6>
                                    <a href="{{ route('eporto.riwayat-kerja-view') }}" class="btn btn-primary btn-sm">
                                        <i class="bi bi-plus-circle me-1"></i> Tambah Data
                                    </a>
                                </div>

                                @if ($riwayat_kerjas->isEmpty())
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle me-2"></i> Belum ada data riwayat pekerjaan.
                                </div>
                                @else
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 5%">No</th>
                                                <th>Nama Perusahaan</th>
                                                <th>Periode Kerja</th>
                                                <th>Posisi</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>
                                            </tr>
                                            @empty
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            </div>

                        </div>

                    </div>
                </div>

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

</main>

@endsection