@extends('layouts.app')
@section('title', 'Kelayakan Seminar')
@section('page-title', 'Kelayakan Seminar')

@section('content')
@php
    $kelayakanTerkirim = (bool) $kelayakan;
    $statusBadge = [
        'belum_dikirim' => 'secondary',
        'menunggu' => 'warning text-dark',
        'revisi' => 'danger',
        'disetujui' => 'success',
    ];
    $statusLabel = [
        'belum_dikirim' => 'Belum Dikirim',
        'menunggu' => 'Menunggu Validasi',
        'revisi' => 'Direvisi',
        'disetujui' => 'Disetujui',
    ];
    $reviewerStatusLabel = [
        'menunggu' => 'Menunggu Validasi',
        'revisi' => 'Direvisi',
        'disetujui' => 'Disetujui',
    ];
    $summaryBadge = [
        'Belum Lengkap' => 'secondary',
        'Menunggu Validasi Dokumen' => 'warning text-dark',
        'Perlu Revisi Dokumen' => 'danger',
        'Siap Ajukan Seminar' => 'success',
        'Seminar Sudah Diajukan' => 'success',
    ];
    $documents = [
        'laporan_hasil_magang' => [
            'title' => 'Laporan Hasil Magang',
            'input' => 'laporan_hasil_magang',
            'accept' => '.pdf,application/pdf',
            'helper' => 'Format file: PDF. Maksimal 50 MB.',
            'path' => $kelayakan?->laporan_hasil_magang,
            'original_name' => $kelayakan?->laporan_hasil_magang_original_name,
            'preview' => 'Lihat',
            'download' => 'Download',
        ],
        'draft_jurnal' => [
            'title' => 'Draft Jurnal',
            'input' => 'draft_jurnal',
            'accept' => '.pdf,application/pdf',
            'helper' => 'Format file: PDF. Maksimal 50 MB.',
            'path' => $kelayakan?->draft_jurnal,
            'original_name' => $kelayakan?->draft_jurnal_original_name,
            'preview' => 'Lihat',
            'download' => 'Download',
        ],
        'produk_magang' => [
            'title' => 'Produk Magang',
            'input' => 'produk_magang_file',
            'accept' => '.pdf,.zip,.rar,.jpg,.jpeg,.png,.ppt,.pptx,.xls,.xlsx,application/pdf,application/zip,application/vnd.rar,image/jpeg,image/png,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
            'helper' => 'Format file: PDF, ZIP, RAR, JPG, JPEG, PNG, PPT, PPTX, XLS, XLSX. Maksimal 50 MB. Produk Magang dapat diisi dengan file, link, atau keduanya.',
            'path' => $kelayakan?->produk_magang,
            'original_name' => $kelayakan?->produk_magang_original_name,
            'link' => $kelayakan?->produk_magang_link,
            'preview' => 'Lihat',
            'download' => 'Download',
        ],
    ];
    $validationFor = function (string $documentKey, string $role) use ($kelayakan) {
        return $kelayakan?->documentValidations
            ->where('document_key', $documentKey)
            ->where('reviewer_role', $role)
            ->first();
    };
    $documentHistories = function (string $documentKey) use ($kelayakan) {
        return $kelayakan?->catatanHistories
            ->where('document_key', $documentKey)
            ->filter(fn($history) => strcasecmp((string) $history->role_pemberi, 'Mahasiswa') === 0)
            ->when($kelayakan?->wajibUploadUlang(), fn($histories) => $histories->filter(fn($history) => $history->created_at && $history->created_at->greaterThanOrEqualTo($kelayakan->reupload_required_at)))
            ->sortBy('created_at')
            ->values() ?? collect();
    };
    $validationHistories = function (string $documentKey) use ($kelayakan) {
        return $kelayakan?->catatanHistories
            ->where('document_key', $documentKey)
            ->reject(fn($history) => strcasecmp((string) $history->role_pemberi, 'Mahasiswa') === 0)
            ->when($kelayakan?->wajibUploadUlang(), fn($histories) => $histories->filter(fn($history) => $history->created_at && $history->created_at->greaterThanOrEqualTo($kelayakan->reupload_required_at)))
            ->sortByDesc('created_at')
            ->values() ?? collect();
    };
    $submittedAtFor = function (string $documentKey, bool $hasDocument) use ($documentHistories, $kelayakan) {
        if (! $hasDocument) {
            return null;
        }

        return $documentHistories($documentKey)->first()?->created_at ?: ($kelayakan?->submitted_at ?: $kelayakan?->updated_at);
    };
    $statusSeminar = $pengajuan->status_seminar ?? 'belum';
    $scheduleStatus = ucwords(str_replace('_', ' ', $statusSeminar));
    $sudahDiajukan = $kelayakan?->hasActiveSeminarSubmissionAfterReupload() ?? (in_array($statusSeminar, ['menunggu_jadwal', 'terjadwal', 'selesai'], true) || filled($pengajuan->seminar_tanggal));
    $readOnlyKelayakan = $sudahDiajukan;
    $statusRingkas = $kelayakan?->statusRingkas();
    $missingMessages = $kelayakan ? $kelayakan->missingDocumentMessages() : [];
    $canAjukanSeminar = $kelayakan && $kelayakan->dokumenWajibTersedia() && $kelayakan->semuaDokumenDisetujui() && ! $sudahDiajukan;
@endphp

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

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

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

@if($errors->any())
    <div class="alert alert-danger">
        <strong>Pengiriman kelayakan belum berhasil.</strong>
        <ul class="mb-0 mt-2">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div id="kelayakan-upload-client-error" class="alert alert-danger d-none"></div>

<style>
    .kelayakan-page { display: grid; gap: 16px; width: 100%; max-width: 100%; }
    .kelayakan-card { border: 1px solid #eee7fb; border-radius: 12px; background: #fff; padding: 18px; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
    .kelayakan-title { color: #3b2678; font-weight: 700; margin-bottom: 12px; }
    .kelayakan-wrap { white-space: normal; overflow-wrap: anywhere; word-break: break-word; max-width: 100%; }
    .kelayakan-doc { border: 1px solid #f0eafa; border-radius: 10px; padding: 14px; background: #fcfbff; }
    .kelayakan-doc + .kelayakan-doc { margin-top: 12px; }
    .kelayakan-status-row { display: grid; grid-template-columns: minmax(0, 210px) auto; gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid #f0eafa; }
    .kelayakan-status-row:last-child { border-bottom: 0; }
    .kelayakan-badge { display: inline-flex; width: auto; white-space: nowrap; }
    .kelayakan-history { border-left: 3px solid #8b5cf6; padding: 9px 0 9px 12px; margin-left: 4px; }
    .kelayakan-history + .kelayakan-history { margin-top: 6px; }
    .accordion-button { overflow-wrap: anywhere; }
    @media (max-width: 575.98px) {
        .kelayakan-card { padding: 14px; }
        .kelayakan-status-row { grid-template-columns: 1fr; gap: 3px; }
    }
</style>

<div class="kelayakan-page">
    <div class="card p-4">
        <div class="d-flex justify-content-between gap-3 flex-wrap align-items-start">
            <div>
                <h6 class="student-card-title mb-2">Form Kelayakan Seminar</h6>
                <div class="text-muted small kelayakan-wrap">{{ $pengajuan->mitra->nama_instansi ?? $pengajuan->nama_instansi_manual ?? '-' }}</div>
                <div class="text-muted small">{{ $pengajuan->tanggal_mulai }} s/d {{ $pengajuan->tanggal_selesai }}</div>
            </div>
            <a href="{{ route('mahasiswa.seminar.index') }}" class="btn btn-sm btn-outline-secondary">Kembali</a>
        </div>
    </div>

    @if(! $kelayakanTerkirim)
        <div class="kelayakan-card">
            <h6 class="kelayakan-title">Kirim Kelayakan Seminar</h6>
            <form action="{{ route('mahasiswa.seminar.kelayakan.store', $pengajuan->id) }}" method="POST" enctype="multipart/form-data" novalidate>
                @csrf
                <input type="hidden" name="kelayakan_form_marker" value="submitted">

                <div class="mb-4">
                    <label class="form-label">Judul Laporan Magang</label>
                    <input type="text" name="judul_laporan" class="form-control @error('judul_laporan') is-invalid @enderror" value="{{ old('judul_laporan', $pengajuan->judul_laporan) }}">
                    @error('judul_laporan')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-4">
                    <label class="form-label fw-semibold">Laporan Hasil Magang</label>
                    <input type="file" name="laporan_hasil_magang" class="form-control @error('laporan_hasil_magang') is-invalid @enderror" accept=".pdf,application/pdf">
                    <div class="form-text">Format file: PDF. Maksimal 50 MB.</div>
                    @error('laporan_hasil_magang')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-4">
                    <label class="form-label fw-semibold">Draft Jurnal</label>
                    <input type="file" name="draft_jurnal" class="form-control @error('draft_jurnal') is-invalid @enderror" accept=".pdf,application/pdf">
                    <div class="form-text">Format file: PDF. Maksimal 50 MB.</div>
                    @error('draft_jurnal')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-4">
                    <label class="form-label fw-semibold">Produk Magang</label>
                    <input type="file" name="produk_magang_file" class="form-control @error('produk_magang_file') is-invalid @enderror @error('produk_magang') is-invalid @enderror" accept=".pdf,.zip,.rar,.jpg,.jpeg,.png,.ppt,.pptx,.xls,.xlsx,application/pdf,application/zip,application/vnd.rar,image/jpeg,image/png,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
                    <input type="url" name="produk_magang_link" class="form-control mt-2 @error('produk_magang_link') is-invalid @enderror" value="{{ old('produk_magang_link') }}" placeholder="https://...">
                    <div class="form-text">Format file: PDF, ZIP, RAR, JPG, JPEG, PNG, PPT, PPTX, XLS, XLSX. Maksimal 50 MB. Produk Magang dapat diisi dengan file, link, atau keduanya.</div>
                    @error('produk_magang_file')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    @error('produk_magang')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    @error('produk_magang_link')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-4">
                    <label class="form-label fw-semibold">Uraian Output Magang</label>
                    <textarea name="output_magang" class="form-control @error('output_magang') is-invalid @enderror" rows="5">{{ old('output_magang') }}</textarea>
                    <div class="form-text">Deskripsi ini tidak divalidasi oleh pembimbing.</div>
                    @error('output_magang')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-4">
                    <label class="form-label">Catatan Tambahan</label>
                    <textarea name="catatan_mahasiswa" class="form-control @error('catatan_mahasiswa') is-invalid @enderror" rows="2">{{ old('catatan_mahasiswa') }}</textarea>
                    @error('catatan_mahasiswa')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="text-end">
                    <button type="submit" class="btn btn-primary">Kirim Kelayakan</button>
                </div>
            </form>
        </div>
    @else
        <div class="kelayakan-card">
            <div class="d-flex flex-wrap justify-content-between gap-2 align-items-start">
                <div>
                    <h6 class="kelayakan-title mb-1">Ringkasan Kelayakan Seminar</h6>
                    <div>Tanggal Pengiriman: <span class="text-muted">{{ optional($kelayakan->submitted_at ?: $kelayakan->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</span></div>
                </div>
                <span class="badge bg-{{ $summaryBadge[$statusRingkas] ?? 'secondary' }}">Status Kelayakan: {{ $statusRingkas }}</span>
            </div>
            @if($missingMessages !== [])
                <div class="alert alert-light border mt-3 mb-0 py-2 small">
                    @foreach($missingMessages as $message)
                        <div>{{ $message }}</div>
                    @endforeach
                </div>
            @endif
            @if($readOnlyKelayakan)
                <div class="alert alert-info mt-3 mb-0">Seminar sudah diajukan. Dokumen kelayakan tidak dapat diubah.</div>
            @endif
        </div>

        <form action="{{ route('mahasiswa.seminar.kelayakan.store', $pengajuan->id) }}" method="POST" enctype="multipart/form-data" novalidate>
            @csrf
            <input type="hidden" name="kelayakan_form_marker" value="submitted">

            <div class="kelayakan-card">
                <h6 class="kelayakan-title">Informasi Laporan dan Output</h6>

                <div class="border-bottom pb-3 mb-3">
                    <div class="d-flex justify-content-between gap-2 align-items-start">
                        <div>
                            <div class="text-muted small">Judul Laporan Magang</div>
                            <div class="fw-semibold kelayakan-wrap">{{ $pengajuan->judul_laporan ?: 'Belum ada judul laporan.' }}</div>
                        </div>
                        @unless($readOnlyKelayakan)
                            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#edit-judul">Edit</button>
                        @endunless
                    </div>
                    <div class="collapse mt-3" id="edit-judul">
                        <input type="text" name="judul_laporan" class="form-control @error('judul_laporan') is-invalid @enderror" value="{{ old('judul_laporan', $pengajuan->judul_laporan) }}">
                        @error('judul_laporan')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="border-bottom pb-3 mb-3">
                    <div class="d-flex justify-content-between gap-2 align-items-start">
                        <div>
                            <div class="text-muted small">Uraian Output Magang</div>
                            <div class="kelayakan-wrap">{{ $kelayakan->output_magang ?: 'Belum ada uraian output magang.' }}</div>
                        </div>
                        @unless($readOnlyKelayakan)
                            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#edit-output">Edit</button>
                        @endunless
                    </div>
                    <div class="collapse mt-3" id="edit-output">
                        <textarea name="output_magang" class="form-control @error('output_magang') is-invalid @enderror" rows="4">{{ old('output_magang', $kelayakan->output_magang) }}</textarea>
                        <div class="form-text">Deskripsi ini tidak divalidasi oleh pembimbing.</div>
                        @error('output_magang')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div>
                    <div class="d-flex justify-content-between gap-2 align-items-start">
                        <div>
                            <div class="text-muted small">Catatan Tambahan</div>
                            <div class="kelayakan-wrap">{{ $kelayakan->catatan_mahasiswa ?: 'Belum ada catatan tambahan.' }}</div>
                        </div>
                        @unless($readOnlyKelayakan)
                            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#edit-catatan">Edit</button>
                        @endunless
                    </div>
                    <div class="collapse mt-3" id="edit-catatan">
                        <textarea name="catatan_mahasiswa" class="form-control @error('catatan_mahasiswa') is-invalid @enderror" rows="2">{{ old('catatan_mahasiswa', $kelayakan->catatan_mahasiswa) }}</textarea>
                        @error('catatan_mahasiswa')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>

            <div class="kelayakan-card">
                <h6 class="kelayakan-title">Dokumen Kelayakan</h6>
                @foreach($documents as $documentKey => $document)
                    @php
                        $hasDocument = $kelayakan->documentAvailable($documentKey);
                        $documentStatus = $kelayakan->documentValidationStatus($documentKey);
                        $dosenStatus = $validationFor($documentKey, 'dosen')?->status ?? 'menunggu';
                        $pembimbingStatus = $validationFor($documentKey, 'pembimbing_lapangan')?->status ?? 'menunggu';
                        $hasRevision = in_array('revisi', [$dosenStatus, $pembimbingStatus], true);
                        $hasApproval = in_array('disetujui', [$dosenStatus, $pembimbingStatus], true);
                        $canEditDocument = ! $hasDocument || $hasRevision || ! $hasApproval;
                        $submittedAt = $submittedAtFor($documentKey, $hasDocument);
                        $uploadId = 'upload-' . $documentKey;
                    @endphp
                    <div class="kelayakan-doc">
                        <div class="d-flex flex-wrap justify-content-between gap-2 align-items-start mb-2">
                            <div>
                                <div class="fw-semibold">{{ $document['title'] }}</div>
                                <div class="small text-muted">Submitted: {{ $submittedAt ? $submittedAt->timezone(config('app.timezone'))->format('d/m/Y H:i') : '-' }}</div>
                            </div>
                            <span class="badge kelayakan-badge bg-{{ $statusBadge[$documentStatus] ?? 'secondary' }}">{{ $statusLabel[$documentStatus] ?? 'Belum Dikirim' }}</span>
                        </div>

                        @if($hasDocument)
                            @if(!empty($document['path']))
                                <div class="small text-muted mb-2 kelayakan-wrap">File: {{ $document['original_name'] ?: basename($document['path']) }}</div>
                            @endif
                            <div class="d-flex flex-wrap gap-2 mb-2">
                                @if(!empty($document['path']))
                                    <a href="{{ route('seminar.kelayakan.document.preview', [$kelayakan->id, $documentKey, 'v' => optional($kelayakan->updated_at)->timestamp]) }}" target="_blank" class="btn btn-sm btn-outline-primary">{{ $document['preview'] }}</a>
                                    <a href="{{ route('seminar.kelayakan.document.download', [$kelayakan->id, $documentKey, 'v' => optional($kelayakan->updated_at)->timestamp]) }}" class="btn btn-sm btn-outline-secondary">{{ $document['download'] }}</a>
                                @endif
                                @if(!empty($document['link']))
                                    <a href="{{ $document['link'] }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-primary">Buka Link Produk</a>
                                @endif
                            </div>
                        @else
                            <div class="text-muted small mb-2">Belum Dikirim</div>
                        @endif

                        @if($hasDocument)
                            @foreach(['dosen' => 'Dosen Pembimbing', 'pembimbing_lapangan' => 'Pembimbing Lapangan'] as $role => $label)
                                @php $validation = $validationFor($documentKey, $role); @endphp
                                <div class="kelayakan-status-row">
                                    <span>{{ $label }}</span>
                                    <span><span class="badge kelayakan-badge bg-{{ $statusBadge[$validation->status ?? 'menunggu'] ?? 'secondary' }}">{{ $reviewerStatusLabel[$validation->status ?? 'menunggu'] ?? 'Menunggu' }}</span></span>
                                </div>
                            @endforeach
                        @endif

                        @if($canEditDocument && ! $readOnlyKelayakan)
                            <button type="button" class="btn btn-sm btn-outline-primary mt-3" data-bs-toggle="collapse" data-bs-target="#{{ $uploadId }}">
                                {{ $documentStatus === 'revisi' ? 'Upload Revisi' : ($hasDocument ? 'Perbarui Dokumen' : 'Upload Dokumen') }}
                            </button>
                            <div class="collapse mt-3" id="{{ $uploadId }}">
                                <input type="file" name="{{ $document['input'] }}" class="form-control @error($document['input']) is-invalid @enderror @if($documentKey === 'produk_magang') @error('produk_magang') is-invalid @enderror @endif" @if($document['accept']) accept="{{ $document['accept'] }}" @endif>
                                @if($documentKey === 'produk_magang')
                                    <input type="url" name="produk_magang_link" class="form-control mt-2 @error('produk_magang_link') is-invalid @enderror" value="{{ old('produk_magang_link', $kelayakan->documentAvailable('produk_magang') ? $kelayakan->produk_magang_link : '') }}" placeholder="https://...">
                                @endif
                                <div class="form-text">{{ $document['helper'] }}</div>
                                @error($document['input'])<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                @if($documentKey === 'produk_magang')
                                    @error('produk_magang')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                    @error('produk_magang_link')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                @endif
                            </div>
                        @elseif($readOnlyKelayakan)
                            <div class="small text-muted fw-semibold mt-3">Seminar sudah diajukan. Dokumen kelayakan tidak dapat diubah.</div>
                        @else
                            <div class="small text-success fw-semibold mt-3">Dokumen sedang/telah disetujui pembimbing dan tidak dapat diubah, kecuali terdapat catatan revisi.</div>
                        @endif
                    </div>
                @endforeach

                @unless($readOnlyKelayakan)
                    <div class="text-end mt-3">
                        <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                    </div>
                @endunless
            </div>
        </form>

        <div class="kelayakan-card">
            <h6 class="kelayakan-title">Riwayat Validasi Pembimbing</h6>
            <div class="accordion" id="riwayat-validasi">
                @foreach($documents as $documentKey => $document)
                    @php $histories = $validationHistories($documentKey); @endphp
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="heading-validation-{{ $documentKey }}">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-validation-{{ $documentKey }}" aria-expanded="false" aria-controls="collapse-validation-{{ $documentKey }}">
                                Validasi {{ $document['title'] }}
                            </button>
                        </h2>
                        <div id="collapse-validation-{{ $documentKey }}" class="accordion-collapse collapse" aria-labelledby="heading-validation-{{ $documentKey }}" data-bs-parent="#riwayat-validasi">
                            <div class="accordion-body">
                                @forelse($histories as $history)
                                    <div class="kelayakan-history">
                                        <div class="d-flex flex-wrap gap-2 mb-1">
                                            <span class="badge bg-light text-dark border">{{ $document['title'] }}</span>
                                            <span class="badge bg-{{ $statusBadge[$history->status_tindakan] ?? 'secondary' }}">
                                                {{ $statusLabel[$history->status_tindakan] ?? ucwords(str_replace('_', ' ', $history->status_tindakan)) }}
                                            </span>
                                        </div>
                                        <div class="fw-semibold">{{ $history->nama_pemberi ?: $history->role_pemberi }}</div>
                                        <div class="small text-muted">{{ optional($history->created_at)->timezone(config('app.timezone'))->format('d/m/Y H:i') }}</div>
                                        <div class="small kelayakan-wrap mt-1">Catatan: {{ $history->catatan ?: '-' }}</div>
                                    </div>
                                @empty
                                    <div class="text-muted small">Belum ada riwayat validasi pembimbing untuk dokumen ini.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="kelayakan-card">
            <h6 class="kelayakan-title">Ajukan Seminar</h6>
            @if($sudahDiajukan)
                <div class="alert alert-success mb-0">Seminar sudah diajukan dan menunggu proses Admin.</div>
            @elseif($canAjukanSeminar)
                <form action="{{ route('mahasiswa.seminar.store') }}" method="POST" class="row g-3">
                    @csrf
                    <input type="hidden" name="pengajuan_id" value="{{ $pengajuan->id }}">
                    <input type="hidden" name="judul_laporan" value="{{ $pengajuan->judul_laporan ?: 'Seminar Magang' }}">
                    <div class="col-md-9">
                        <textarea name="catatan" class="form-control" rows="2" placeholder="Catatan tambahan untuk admin jika ada">{{ old('catatan') }}</textarea>
                    </div>
                    <div class="col-md-3 d-grid">
                        <button type="submit" class="btn btn-primary">Ajukan Seminar</button>
                    </div>
                </form>
            @else
                <div class="alert alert-warning mb-0">Ajukan Seminar belum tersedia karena masih ada dokumen yang belum dikirim atau belum disetujui oleh kedua pembimbing.</div>
            @endif
        </div>
    @endif
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const maxSize = 50 * 1024 * 1024;
    const fieldLabels = {
        laporan_hasil_magang: 'Laporan Hasil Magang',
        draft_jurnal: 'Draft Jurnal',
        produk_magang_file: 'Produk Magang',
        produk_magang: 'Produk Magang'
    };
    const errorBox = document.getElementById('kelayakan-upload-client-error');

    document.querySelectorAll('.kelayakan-page form[enctype="multipart/form-data"]').forEach(function (form) {
        form.addEventListener('submit', function (event) {
            const errors = [];

            form.querySelectorAll('input[type="file"]').forEach(function (input) {
                if (!input.files || input.files.length === 0) {
                    return;
                }

                Array.from(input.files).forEach(function (file) {
                    if (file.size > maxSize) {
                        const label = fieldLabels[input.name] || 'file';
                        errors.push('Ukuran file ' + label + ' melebihi batas maksimal 50 MB.');
                    }
                });
            });

            if (errors.length > 0) {
                event.preventDefault();
                if (errorBox) {
                    errorBox.innerHTML = '<strong>Pengiriman kelayakan belum berhasil.</strong><ul class="mb-0 mt-2"><li>' + errors.join('</li><li>') + '</li></ul>';
                    errorBox.classList.remove('d-none');
                    errorBox.scrollIntoView({ behavior: 'smooth', block: 'start' });
                } else {
                    alert(errors.join("\n"));
                }
            }
        });
    });
});
</script>
@endsection