@extends('layouts.app', ['title' => 'Data SDM Saya'])

@section('content')
    <div class="panel">
        <div style="display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; margin-bottom:18px;">
            <div>
                <h2 class="section-title" style="margin-bottom:6px;">Data SDM Saya</h2>
                <p class="helper" style="margin-bottom:0;">Halaman ini menampilkan data SDM / Daftar Dosen yang terhubung dengan akun Anda. Daftar mata kuliah yang diampu hanya tampil sebagai informasi dan tetap dikunci dari pengeditan user.</p>
            </div>
            <a class="btn secondary" href="{{ route('dashboard') }}">Kembali ke Dashboard</a>
        </div>

        @if (! $facultyMember)
            <div class="errors" style="margin-bottom:0;">
                Akun Anda belum dihubungkan dengan data SDM / Daftar Dosen. Silakan hubungi admin agar akun user dihubungkan dengan salah satu data dosen pada menu <strong>Pengaturan User</strong>.
            </div>
        @else
            <form method="POST" action="{{ route('user.faculty-member.update') }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <input type="hidden" name="current_signature_path" value="{{ old('current_signature_path', $facultyMember->signature_path) }}">

                <div class="manual-rps-subsection" style="margin-top:0;">
                    <h3 class="section-title">Identitas Dosen</h3>
                    <div class="grid">
                        <div class="field col-6">
                            <label for="name">Nama Lengkap</label>
                            <input id="name" type="text" name="name" value="{{ old('name', $facultyMember->name) }}" placeholder="Nama lengkap dosen">
                        </div>
                        <div class="field col-3">
                            <label for="nidn">NIDN</label>
                            <input id="nidn" type="text" name="nidn" value="{{ old('nidn', $facultyMember->nidn) }}" placeholder="NIDN">
                        </div>
                        <div class="field col-3">
                            <label for="nuptk">NUPTK</label>
                            <input id="nuptk" type="text" name="nuptk" value="{{ old('nuptk', $facultyMember->nuptk) }}" placeholder="NUPTK">
                        </div>
                        <div class="field col-3">
                            <label for="functional_position">Jabatan Fungsional</label>
                            <select id="functional_position" name="functional_position">
                                <option value="">Pilih jabatan</option>
                                @foreach ($functionalPositions as $position)
                                    <option value="{{ $position }}" @selected(old('functional_position', $facultyMember->functional_position) === $position)>{{ $position }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field col-3">
                            <label for="grade">Golongan</label>
                            <select id="grade" name="grade">
                                <option value="">Pilih golongan</option>
                                @foreach ($grades as $grade)
                                    <option value="{{ $grade }}" @selected(old('grade', $facultyMember->grade) === $grade)>{{ $grade }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field col-3">
                            <label for="rank">Pangkat</label>
                            <select id="rank" name="rank">
                                <option value="">Pilih pangkat</option>
                                @foreach ($ranks as $rank)
                                    <option value="{{ $rank }}" @selected(old('rank', $facultyMember->rank) === $rank)>{{ $rank }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field col-3">
                            <label for="coordinator_group">Koordinator Rumpun Mata Kuliah</label>
                            <select id="coordinator_group" name="coordinator_group">
                                <option value="">Pilih rumpun</option>
                                @foreach ($coordinatorOptions as $option)
                                    <option value="{{ $option }}" @selected(old('coordinator_group', $facultyMember->coordinator_group) === $option)>{{ $option }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="manual-rps-subsection">
                    <h3 class="section-title">Daftar Mata Kuliah yang Diampu</h3>
                    <p class="helper">Bagian ini dikunci agar tetap mengikuti data pembagian mata kuliah/admin. User hanya dapat melihat, bukan mengedit.</p>
                    @php
                        $courseAssignments = collect($facultyMember->course_assignments ?? [])
                            ->filter(fn ($course) => is_array($course))
                            ->values();
                    @endphp
                    @if ($courseAssignments->isEmpty())
                        <div class="repeater-item">Belum ada mata kuliah yang diampu pada data SDM ini.</div>
                    @else
                        <div class="table-wrap">
                            <table>
                                <thead>
                                    <tr>
                                        <th style="width:70px;">No</th>
                                        <th>Mata Kuliah</th>
                                        <th style="width:180px;">Kode</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($courseAssignments as $index => $course)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>{{ $course['course_name'] ?? $course['label'] ?? '-' }}</td>
                                            <td>{{ $course['course_code'] ?? '-' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>

                <div class="manual-rps-subsection">
                    <h3 class="section-title">Tanda Tangan PNG</h3>
                    <div class="grid">
                        <div class="field col-6">
                            <label for="signature">Upload / Ganti Tanda Tangan</label>
                            <input id="signature" type="file" name="signature" accept="image/png">
                            <p class="helper" style="margin-top:8px; margin-bottom:0;">Format PNG, maksimal 2 MB.</p>
                        </div>
                        <div class="field col-6">
                            <label>Status Tanda Tangan Saat Ini</label>
                            @if ($facultyMember->signature_path)
                                <div class="repeater-item" style="display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;">
                                    <img src="{{ asset($facultyMember->signature_path) }}?v={{ $facultyMember->updated_at?->timestamp ?? time() }}" alt="Tanda tangan {{ $facultyMember->name }}" style="max-width:220px; max-height:90px; object-fit:contain; background:#fff; border:1px solid var(--line); border-radius:12px; padding:8px;">
                                    <label style="display:flex; align-items:center; gap:8px; margin:0; font-weight:700; color:var(--danger);">
                                        <input type="checkbox" name="remove_signature" value="1" style="width:auto;">
                                        Hapus tanda tangan
                                    </label>
                                </div>
                            @else
                                <div class="repeater-item">Belum ada tanda tangan yang diupload.</div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="actions" style="margin-top:20px;">
                    <button class="btn" type="submit">Simpan Perubahan Data SDM Saya</button>
                    <a class="btn secondary" href="{{ route('dashboard') }}">Batal</a>
                </div>
            </form>
        @endif
    </div>
@endsection