@extends('layouts.app')

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


@section('content')
@php
    $statusClass = match($progress->status ?? '') {
        'Draft' => 'badge-muted',
        'Diajukan' => 'badge-warning',
        'Disetujui' => 'badge-success',
        'Ditolak' => 'badge-danger',
        default => 'badge-muted',
    };
@endphp

<div class="erp-page">
    <div class="erp-page-actions">
        <a href="{{ route('proyek.spk.progress.index', [$proyek->id_proyek, $spk->id_spk]) }}" class="btn btn-secondary">← Daftar Progress</a>
        <a href="{{ route('proyek.spk.progress.edit', [$proyek->id_proyek, $spk->id_spk, $progress->id_progress]) }}" class="btn btn-primary">Edit</a>
    </div>
@if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <section class="stats-grid">
        <div class="stat-card">
            <div class="stat-value">{{ number_format((float) ($progress->progress_persen ?? 0), 2, ',', '.') }}%</div>
            <div class="stat-label">Progress</div>
        </div>
        <div class="stat-card">
            <div class="stat-value">{{ $progress->status ?? '-' }}</div>
            <div class="stat-label">Status</div>
        </div>
        <div class="stat-card">
            <div class="stat-value">{{ !empty($progress->tanggal_progress) ? date('d/m/Y', strtotime($progress->tanggal_progress)) : '-' }}</div>
            <div class="stat-label">Tanggal</div>
        </div>
    </section>

    <section class="menu-grid">
        <div class="card erp-card">
            <div class="card-header erp-card-header">
                <div>
                    <h2>Informasi Progress</h2>
                    <p>Laporan umum progress pekerjaan mitra.</p>
                </div>
            </div>

            <table>
                <tr><th style="width:190px;">Tanggal</th><td>{{ !empty($progress->tanggal_progress) ? date('d/m/Y', strtotime($progress->tanggal_progress)) : '-' }}</td></tr>
                <tr><th>Status</th><td><span class="badge {{ $statusClass }}">{{ $progress->status ?? '-' }}</span></td></tr>
                <tr><th>Progress</th><td>{{ number_format((float) ($progress->progress_persen ?? 0), 2, ',', '.') }}%</td></tr>
                <tr><th>Uraian</th><td>{{ $progress->uraian_pekerjaan ?? '-' }}</td></tr>
                <tr><th>Kendala</th><td>{{ $progress->kendala ?? '-' }}</td></tr>
                <tr><th>Catatan</th><td>{{ $progress->catatan ?? '-' }}</td></tr>
            </table>

            <div style="display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1rem;">
                <form method="POST" action="{{ route('proyek.spk.progress.approve', [$proyek->id_proyek, $spk->id_spk, $progress->id_progress]) }}">
                    @csrf
                    <button type="submit" class="btn btn-primary" onclick="return confirm('Setujui progress ini?')">Setujui</button>
                </form>

                <form method="POST" action="{{ route('proyek.spk.progress.reject', [$proyek->id_proyek, $spk->id_spk, $progress->id_progress]) }}">
                    @csrf
                    <button type="submit" class="btn btn-danger" onclick="return confirm('Tolak progress ini?')">Tolak</button>
                </form>
            </div>
        </div>

        <div class="card erp-card">
            <div class="card-header erp-card-header">
                <div>
                    <h2>Evidence</h2>
                    <p>Dokumen atau foto pendukung.</p>
                </div>
            </div>

            <div class="card-body erp-card-body">
                @forelse ($evidences as $evidence)
                    <div style="padding:.75rem 0; border-bottom:1px solid #e5e7eb;">
                        <strong>{{ $evidence->file_name ?? 'Evidence' }}</strong>
                        <div><small class="text-muted">{{ $evidence->keterangan ?? '-' }}</small></div>
                        <div style="margin-top:.35rem;">
                            <a href="{{ asset('storage/' . $evidence->file_path) }}" target="_blank" class="btn btn-sm btn-light">Lihat File</a>
                        </div>
                    </div>
                @empty
                    <p>Belum ada evidence.</p>
                @endforelse
            </div>
        </div>
    </section>

    <section class="card erp-card" style="margin-top:1rem;">
        <div class="card-header erp-card-header">
            <div>
                <h2>Progress Item</h2>
                <p>Rincian progress per item SPK.</p>
            </div>
        </div>

        <div class="table-responsive erp-table-wrap">
            <table class="data-table erp-table">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Pekerjaan</th>
                        <th>Volume SPK</th>
                        <th>Progress Volume</th>
                        <th>Progress (%)</th>
                        <th>Catatan</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($items as $index => $item)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td><strong>{{ $item->nama_pekerjaan ?? '-' }}</strong></td>
                            <td>{{ number_format((float) ($item->volume_spk ?? 0), 2, ',', '.') }} {{ $item->satuan ?? '' }}</td>
                            <td>{{ number_format((float) ($item->progress_volume ?? 0), 2, ',', '.') }} {{ $item->satuan ?? '' }}</td>
                            <td>{{ number_format((float) ($item->progress_persen ?? 0), 2, ',', '.') }}%</td>
                            <td>{{ $item->catatan ?? '-' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="6" style="text-align:center;">Belum ada detail progress item.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
</div>
@endsection