@extends('layouts.app')

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


@section('content')
@php
    $statusClass = match($spk->status ?? '') {
        'Draft' => 'badge-muted',
        'Diajukan' => 'badge-warning',
        'Disetujui' => 'badge-info',
        'Berjalan' => 'badge-primary',
        'Selesai' => 'badge-success',
        'Batal' => 'badge-danger',
        default => 'badge-muted',
    };

    $nilaiSpk = (float) ($spk->nilai_spk ?? 0);
    $jumlahItem = count($items ?? []);
@endphp

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

    <section class="menu-grid" style="margin-bottom:1rem;">
        <a href="{{ route('proyek.spk.progress.index', [$proyek->id_proyek, $spk->id_spk]) }}" class="menu-card">
            <div class="menu-icon">📈</div>
            <div class="menu-info">
                <h3>Progress Mitra</h3>
                <p>Laporan progress pekerjaan mitra</p>
            </div>
        </a>

        <a href="{{ route('proyek.spk.progress.create', [$proyek->id_proyek, $spk->id_spk]) }}" class="menu-card">
            <div class="menu-icon">➕</div>
            <div class="menu-info">
                <h3>Input Progress</h3>
                <p>Tambah laporan progress baru</p>
            </div>
        </a>

        <a href="{{ route('proyek.show', $proyek->id_proyek) }}" class="menu-card">
            <div class="menu-icon">🏗️</div>
            <div class="menu-info">
                <h3>Detail Proyek</h3>
                <p>Kembali ke informasi proyek</p>
            </div>
        </a>
    </section>

    <section class="stats-grid">
        <div class="stat-card">
            <div class="stat-value">Rp {{ number_format($nilaiSpk, 0, ',', '.') }}</div>
            <div class="stat-label">Nilai SPK</div>
        </div>

        <div class="stat-card">
            <div class="stat-value">
                <span class="badge {{ $statusClass }}">{{ $spk->status ?? '-' }}</span>
            </div>
            <div class="stat-label">Status</div>
        </div>

        <div class="stat-card">
            <div class="stat-value">{{ $jumlahItem }}</div>
            <div class="stat-label">Item Pekerjaan</div>
        </div>
    </section>

    <section class="menu-grid">
        <div class="card erp-card">
            <div class="card-header erp-card-header">
                <div>
                    <h2>Informasi SPK</h2>
                    <p>Data utama surat perintah kerja.</p>
                </div>
            </div>

            <table>
                <tr>
                    <th style="width:190px;">Nomor SPK</th>
                    <td><strong>{{ $spk->nomor_spk ?? '-' }}</strong></td>
                </tr>
                <tr>
                    <th>Status</th>
                    <td><span class="badge {{ $statusClass }}">{{ $spk->status ?? '-' }}</span></td>
                </tr>
                <tr>
                    <th>Tanggal SPK</th>
                    <td>{{ !empty($spk->tanggal_spk) ? date('d/m/Y', strtotime($spk->tanggal_spk)) : '-' }}</td>
                </tr>
                <tr>
                    <th>Tanggal Mulai</th>
                    <td>{{ !empty($spk->tanggal_mulai) ? date('d/m/Y', strtotime($spk->tanggal_mulai)) : '-' }}</td>
                </tr>
                <tr>
                    <th>Tanggal Selesai</th>
                    <td>{{ !empty($spk->tanggal_selesai) ? date('d/m/Y', strtotime($spk->tanggal_selesai)) : '-' }}</td>
                </tr>
                <tr>
                    <th>Ruang Lingkup</th>
                    <td style="white-space:pre-line;">{{ $spk->ruang_lingkup ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Termin Pembayaran</th>
                    <td style="white-space:pre-line;">{{ $spk->termin_pembayaran ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Catatan</th>
                    <td style="white-space:pre-line;">{{ $spk->catatan ?? '-' }}</td>
                </tr>
            </table>
        </div>

        <div class="card erp-card">
            <div class="card-header erp-card-header">
                <div>
                    <h2>Mitra & PIC</h2>
                    <p>Pihak pelaksana pekerjaan.</p>
                </div>
            </div>

            <table>
                <tr>
                    <th style="width:190px;">Kode Mitra</th>
                    <td>{{ $spk->kode_mitra ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Nama Mitra</th>
                    <td><strong>{{ $spk->nama_mitra ?? '-' }}</strong></td>
                </tr>
                <tr>
                    <th>Tipe Mitra</th>
                    <td>{{ $spk->tipe_mitra ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Badan Usaha</th>
                    <td>{{ $spk->badan_usaha ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Nama PIC</th>
                    <td>{{ $spk->nama_pic_mitra ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Jabatan PIC</th>
                    <td>{{ $spk->jabatan_pic_mitra ?? '-' }}</td>
                </tr>
                <tr>
                    <th>No HP PIC</th>
                    <td>{{ $spk->telepon_pic_mitra ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Email PIC</th>
                    <td>{{ $spk->email_pic_mitra ?? '-' }}</td>
                </tr>
            </table>
        </div>
    </section>

    <section class="card erp-card" style="margin-top:1rem;">
        <div class="card-header erp-card-header">
            <div>
                <h2>Item Pekerjaan</h2>
                <p>Rincian pekerjaan dan nilai yang diperintahkan kepada mitra.</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>Nama Pekerjaan</th>
                        <th>Deskripsi</th>
                        <th>Volume</th>
                        <th>Satuan</th>
                        <th>Harga Satuan</th>
                        <th>Subtotal</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($items as $index => $item)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td><strong>{{ $item->nama_pekerjaan ?? '-' }}</strong></td>
                            <td>{{ $item->deskripsi ?? '-' }}</td>
                            <td>{{ number_format((float) ($item->volume ?? 0), 2, ',', '.') }}</td>
                            <td>{{ $item->satuan ?? '-' }}</td>
                            <td>Rp {{ number_format((float) ($item->harga_satuan ?? 0), 0, ',', '.') }}</td>
                            <td>Rp {{ number_format((float) ($item->subtotal ?? 0), 0, ',', '.') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" style="text-align:center;">Belum ada item pekerjaan.</td>
                        </tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="6" style="text-align:right;">Total</th>
                        <th>Rp {{ number_format($nilaiSpk, 0, ',', '.') }}</th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </section>
</div>
@endsection