@extends('pmb.layout')

@section('title', 'Upload Berkas - PMB UNDARMA')

@section('content')
<div class="pmb-topbar">
    <div>
        <h4><i class="fas fa-file-upload text-primary"></i> Upload Berkas</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('pmb.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Upload Berkas</li>
            </ol>
        </nav>
    </div>
</div>

<div class="form-card">
    @php
        $uploadedBerkas = $pendaftaran->berkas->keyBy('jenis');
        $requiredBerkas = [
            'ijazah' => 'Ijazah/SKL',
            'ktp' => 'KTP/Kartu Pelajar',
            'kk' => 'Kartu Keluarga',
            'foto' => 'Pas Foto 3x4',
        ];
    @endphp

    <h5 class="mb-3">Berkas yang Diperlukan</h5>
    @foreach($requiredBerkas as $jenis => $label)
        @php
            $berkas = $uploadedBerkas[$jenis] ?? null;
            $statusClass = $berkas ? 'border-success' : 'border-warning';
        @endphp
        <div class="card mb-3 {{ $statusClass }}">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="mb-1">
                            @if($berkas)
                                <i class="fas fa-check-circle text-success"></i>
                            @else
                                <i class="fas fa-circle text-muted"></i>
                            @endif
                            {{ $label }}
                        </h6>
                        @if($berkas)
                            <small class="text-muted">{{ $berkas->nama_file }} - {{ $berkas->created_at->format('d M Y H:i') }}</small>
                            <div class="mt-1">
                                <span class="badge bg-{{ $berkas->getStatusBadgeClass() }}">{{ $berkas->status }}</span>
                            </div>
                        @else
                            <small class="text-muted">Belum diupload</small>
                        @endif
                    </div>
                    @if($berkas)
                        <div>
                            <button type="button" class="btn btn-sm btn-info" onclick="previewDoc('{{ asset('storage/' . $berkas->file_path) }}', '{{ $berkas->nama_file }}')">
                                <i class="fas fa-eye"></i>
                            </button>
                            <form method="POST" action="{{ route('pmb.berkas.destroy', $berkas) }}" class="d-inline" onsubmit="return confirm('Hapus berkas ini?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    @endforeach

    <hr class="my-4">

    <h5 class="mb-3">Upload Berkas Baru</h5>
    <form method="POST" action="{{ route('pmb.berkas.upload') }}" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Jenis Berkas <span class="text-danger">*</span></label>
                <select name="jenis" class="form-select @error('jenis') is-invalid @enderror" required>
                    <option value="">Pilih Jenis Berkas</option>
                    @foreach($requiredBerkas as $jenis => $label)
                        <option value="{{ $jenis }}" {{ old('jenis') == $jenis ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                    <option value="lainnya" {{ old('jenis') == 'lainnya' ? 'selected' : '' }}>Lainnya</option>
                </select>
                @error('jenis')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">File <span class="text-danger">*</span></label>
                <input type="file" name="file" class="form-control @error('file') is-invalid @enderror" accept=".pdf,.jpg,.jpeg,.png" required>
                <small class="text-muted">Format: PDF, JPG, PNG. Maks: 5MB</small>
                @error('file')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
        <div class="mb-3">
            <label class="form-label">Keterangan</label>
            <textarea name="keterangan" class="form-control" rows="2">{{ old('keterangan') }}</textarea>
        </div>
        <button type="submit" class="btn btn-primary">
            <i class="fas fa-upload"></i> Upload Berkas
        </button>
    </form>

    <div class="d-flex justify-content-between mt-4">
        <a href="{{ route('pmb.pendaftaran.prodi') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Sebelumnya
        </a>
        <a href="{{ route('pmb.pembayaran.index') }}" class="btn btn-primary">
            Lanjut ke Pembayaran <i class="fas fa-arrow-right"></i>
        </a>
    </div>
</div>
@endsection