{{-- Partial: _form_upload.blade.php — FIX: no infinite loading --}}

@if($errors->any())
<div class="alert alert-danger py-2 px-3 mb-3" style="font-size:.82rem;">
    <ul class="mb-0 ps-3">
        @foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach
    </ul>
</div>
@endif

<form method="POST" action="{{ route('mahasiswa.tugas.kumpul', $tugas) }}"
      enctype="multipart/form-data" id="kumpulForm">
    @csrf

    {{-- Drop zone --}}
    <div class="upload-zone mb-3" id="uploadZone"
         onclick="document.getElementById('fileInputKumpul').click()">
        <input type="file" name="file_jawaban[]" id="fileInputKumpul"
               multiple accept=".pdf,.doc,.docx,.zip,.ppt,.pptx,.xls,.xlsx,.jpg,.png"
               style="display:none;" onchange="handleFileChange(this)">
        <i class="bi bi-cloud-upload-fill d-block mb-2" style="font-size:2rem;color:#0d9488;"></i>
        <div style="font-weight:700;color:#0a6e6e;" class="zone-label">Pilih atau drag file ke sini</div>
        <div style="font-size:.72rem;color:#5a7a7a;margin-top:.3rem;">
            PDF, DOC, DOCX, ZIP, PPT, XLS, JPG, PNG · Maks 30MB/file · Bisa banyak file
        </div>
    </div>

    {{-- File list --}}
    <div id="fileList" class="mb-3"></div>

    {{-- Komentar / catatan untuk dosen --}}
    <div class="mb-3">
        <label class="form-label fw-semibold" style="font-size:.83rem;">
            <i class="bi bi-chat-left-text me-1" style="color:#0d9488;"></i>Komentar / Catatan untuk Dosen <span style="color:#94a3b8;">(opsional)</span>
        </label>
        <textarea name="komentar_mahasiswa" class="form-control" rows="3"
                  placeholder="Tuliskan catatan, kendala, atau penjelasan singkat..."
                  maxlength="2000" style="font-size:.85rem;">{{ old('komentar_mahasiswa', $pengumpulan?->komentar_mahasiswa) }}</textarea>
    </div>

    <button type="submit" class="btn-arn w-100 justify-content-center" id="btnKumpul">
        <i class="bi bi-send-fill me-2"></i>
        {{ $pengumpulan ? 'Kumpulkan Ulang' : 'Kumpulkan Sekarang' }}
    </button>
</form>

<script>
window.addEventListener('pageshow', function() {
    var btn = document.getElementById('btnKumpul');
    if (btn) { btn.disabled = false; btn.innerHTML = '<i class="bi bi-send-fill me-2"></i>{{ $pengumpulan ? "Kumpulkan Ulang" : "Kumpulkan Sekarang" }}'; }
});

document.getElementById('kumpulForm').addEventListener('submit', function(e) {
    if (!selectedFiles || selectedFiles.length === 0) {
        e.preventDefault();
        alert('Pilih minimal 1 file terlebih dahulu!');
        return;
    }
    var btn = document.getElementById('btnKumpul');
    btn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Mengupload...';
    btn.disabled  = true;
    setTimeout(function() {
        btn.disabled = false;
        btn.innerHTML = '<i class="bi bi-send-fill me-2"></i>{{ $pengumpulan ? "Kumpulkan Ulang" : "Kumpulkan Sekarang" }}';
    }, 30000);
});
</script>