@extends('layouts.app')

@section('title', 'Progress Mitra')
@section('page_title', 'Progress Mitra')


@section('content')
<div class="erp-page">
    <div class="erp-page-actions">
        <a href="{{ route('proyek.spk.show', [$proyek->id_proyek, $spk->id_spk]) }}" class="btn btn-secondary">← Detail SPK</a>
        <a href="{{ route('proyek.spk.progress.create', [$proyek->id_proyek, $spk->id_spk]) }}" class="btn btn-primary">+ Input Progress</a>
    </div>
@if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <section class="card erp-card">
        <div class="card-header erp-card-header">
            <div>
                <h2>Daftar Progress</h2>
                <p>Riwayat laporan progress pekerjaan mitra berdasarkan SPK.</p>
            </div>
        </div>

        <div class="table-responsive erp-table-wrap">
            <table class="data-table erp-table">
                <thead>
                    <tr>
                        <th style="width:56px;">No</th>
                        <th>Tanggal</th>
                        <th>Progress</th>
                        <th>Uraian</th>
                        <th>Kendala</th>
                        <th>Status</th>
                        <th style="width:180px;">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($items as $index => $row)
                        @php
                            $statusClass = match($row->status ?? '') {
                                'Draft' => 'badge-muted',
                                'Diajukan' => 'badge-warning',
                                'Disetujui' => 'badge-success',
                                'Ditolak' => 'badge-danger',
                                default => 'badge-muted',
                            };
                        @endphp
                        <tr>
                            <td>{{ method_exists($items, 'firstItem') ? $items->firstItem() + $index : $index + 1 }}</td>
                            <td>{{ !empty($row->tanggal_progress) ? date('d/m/Y', strtotime($row->tanggal_progress)) : '-' }}</td>
                            <td>
                                <div class="progress-wrap">
                                    <div class="progress-text">{{ number_format((float) ($row->progress_persen ?? 0), 2, ',', '.') }}%</div>
                                    <div class="progress-bar">
                                        <span style="width: {{ min(100, max(0, (float) ($row->progress_persen ?? 0))) }}%;"></span>
                                    </div>
                                </div>
                            </td>
                            <td>{{ \Illuminate\Support\Str::limit($row->uraian_pekerjaan ?? '-', 70) }}</td>
                            <td>{{ \Illuminate\Support\Str::limit($row->kendala ?? '-', 50) }}</td>
                            <td><span class="badge {{ $statusClass }}">{{ $row->status ?? '-' }}</span></td>
                            <td>
                                <div class="erp-actions erp-actions-inline">
                                    <a href="{{ route('proyek.spk.progress.show', [$proyek->id_proyek, $spk->id_spk, $row->id_progress]) }}" class="btn btn-sm btn-light">Detail</a>
                                    <a href="{{ route('proyek.spk.progress.edit', [$proyek->id_proyek, $spk->id_spk, $row->id_progress]) }}" class="btn btn-sm btn-secondary">Edit</a>
                                    <form method="POST"
                                          action="{{ route('proyek.spk.progress.delete', [$proyek->id_proyek, $spk->id_spk, $row->id_progress]) }}"
                                          onsubmit="return confirm('Yakin ingin menghapus progress ini?');"
                                          style="display:inline;">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">
                                <div class="empty-state">
                                    <strong>Belum ada progress mitra.</strong>
                                    <p>Input progress pertama untuk SPK ini.</p>
                                    <a href="{{ route('proyek.spk.progress.create', [$proyek->id_proyek, $spk->id_spk]) }}" class="btn btn-primary">+ Input Progress</a>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if (method_exists($items, 'links'))
            <div class="pagination-wrap">{{ $items->links() }}</div>
        @endif
    </section>
</div>
@endsection