@extends('layouts.app')

@section('title', 'Upload Arkas')

@section('content')
<div class="pkbm-master-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div>
            <p class="pkbm-dashboard__breadcrumb"><span>Manajemen SPJ</span><i class="bi bi-chevron-right" aria-hidden="true"></i>Upload Arkas</p>
            <h1 class="pkbm-dashboard__title">Upload Arkas</h1>
            <p class="pkbm-dashboard__subtitle">Ekstrak rincian rencana anggaran dari PDF ARKAS sebagai referensi saat input realisasi BKU.</p>
        </div>
    </header>
    @include('pkbm.spj.partials.navigation', ['menus' => $menus])

    @if (session('status'))
        <div role="status" class="settings-notice settings-notice--success"><i class="bi bi-check-circle-fill" aria-hidden="true"></i><span>{{ session('status') }}</span></div>
    @endif
    @if ($errors->any())
        <div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">File ARKAS belum dapat diproses.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>
    @endif

    <section class="sp-card">
        <div class="sp-card-header"><h2 class="sp-section-title">Upload rencana kegiatan dan anggaran</h2><p class="mt-1 text-xs text-slate-500">Unggah PDF ekspor RKAS per bulan (mis. Rincian Kertas Kerja Perbulan). PDF ini menjadi referensi, bukan transaksi BKU.</p></div>
        <form method="POST" action="{{ route('pkbm.spj.uploads.store') }}" enctype="multipart/form-data" class="grid items-end gap-3 p-4 sm:grid-cols-2 xl:grid-cols-[1fr_1fr_2fr_auto]">
            @csrf
            <div>
                <label for="tahun-arkas" class="sp-form-label">Tahun anggaran</label>
                <select id="tahun-arkas" name="tahun" required class="sp-form-control px-3 py-2 text-sm">
                    <option value="">Pilih tahun</option>
                    @foreach ($years as $year)
                        <option value="{{ $year }}" @selected((string) old('tahun') === (string) $year)>{{ $year }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label for="bulan-arkas" class="sp-form-label">Bulan ARKAS</label>
                <select id="bulan-arkas" name="bulan" required class="sp-form-control px-3 py-2 text-sm">
                    <option value="">Pilih bulan</option>
                    @foreach (range(1, 12) as $month)
                        <option value="{{ $month }}" @selected((string) old('bulan') === (string) $month)>{{ \Carbon\Carbon::createFromDate(now()->year, $month, 1)->locale('id')->translatedFormat('F') }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label for="file-arkas" class="sp-form-label">File RKAS (PDF)</label>
                <input id="file-arkas" name="file_arkas" type="file" accept=".pdf,application/pdf" required class="sp-form-control px-3 py-2 text-sm">
            </div>
            <div>
                <button type="submit" class="sp-btn-primary w-full justify-center"><i class="bi bi-cloud-arrow-up" aria-hidden="true"></i>Upload Arkas</button>
            </div>
        </form>
    </section>

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header"><h2 class="sp-section-title">Riwayat Arkas</h2><p class="mt-1 text-xs text-slate-500">Lihat file, perbarui file, buka hasil ekstraksi, atau hapus RKAS per bulan.</p></div>
        <div class="overflow-x-auto">
            <table class="sp-table min-w-[72rem]">
                <thead><tr><th class="w-14 text-center">No.</th><th class="text-center">Tahun</th><th>Bulan</th><th>File Arkas</th><th class="text-center">Jumlah rincian</th><th class="text-center">Diunggah</th><th class="text-right">Aksi</th></tr></thead>
                <tbody>
                    @forelse ($imports as $import)
                        <tr>
                            <td class="text-center">{{ $imports->firstItem() + $loop->index }}</td>
                            <td class="text-center">{{ $import->tahun }}</td>
                            <td>{{ \Carbon\Carbon::createFromDate($import->tahun, $import->bulan, 1)->locale('id')->translatedFormat('F') }}</td>
                            <td><a href="{{ route('pkbm.spj.rkas.view', $import->id) }}" target="_blank" rel="noopener" class="font-medium text-blue-700 hover:underline">{{ $import->nama_file }}<span class="ml-2 inline-flex items-center gap-1 text-xs"><i class="bi bi-box-arrow-up-right" aria-hidden="true"></i>Lihat file</span></a></td>
                            <td class="text-center">{{ number_format($import->jumlah_baris, 0, ',', '.') }}</td>
                            <td class="text-center">{{ \Carbon\Carbon::parse($import->created_at)->format('d/m/Y H:i') }}</td>
                            <td class="text-right">
                                <div class="flex justify-end gap-2">
                                    <a href="{{ route('pkbm.spj.rkas.edit', $import->id) }}" class="sp-btn-secondary px-3 py-1.5"><i class="bi bi-pencil-square" aria-hidden="true"></i>Edit</a>
                                    <a href="{{ route('pkbm.spj.rkas.detail', $import->id) }}" class="sp-btn-secondary px-3 py-1.5"><i class="bi bi-list-ul" aria-hidden="true"></i>Detail</a>
                                    <form method="POST" action="{{ route('pkbm.spj.rkas.delete', $import->id) }}" onsubmit="return confirm('Hapus file Arkas dan seluruh hasil ekstraksinya?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="sp-btn-secondary px-3 py-1.5 text-red-700"><i class="bi bi-trash" aria-hidden="true"></i>Hapus</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="py-8 text-center text-sm text-slate-500">Belum ada file Arkas yang diunggah.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($imports->hasPages())<div class="p-4">{{ $imports->links() }}</div>@endif
    </section>
</div>
@endsection