@extends('layouts.app')

@section('title', 'BoQ Proyek')
@section('page_title', 'BoQ Proyek')


@section('content')
<div class="erp-page">
    <div class="erp-page-actions">
        <a href="{{ route('proyek.show', $proyek->id_proyek) }}" class="btn btn-secondary">← Detail Proyek</a>
        <a href="{{ route('proyek.boq.create', $proyek->id_proyek) }}" class="btn btn-primary">+ Item</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 Item BoQ</h2>
                <p>Total BoQ: <strong>Rp {{ number_format((float) $total, 0, ',', '.') }}</strong></p>
            </div>
        </div>

        <div class="table-responsive erp-table-wrap">
            <table class="data-table erp-table">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Item</th>
                        <th>Volume</th>
                        <th>Satuan</th>
                        <th>Harga Satuan</th>
                        <th>Subtotal</th>
                        <th style="width:150px;">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($items as $i => $row)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td><strong>{{ $row->nama_item ?? $row->nama_pekerjaan ?? $row->uraian ?? '-' }}</strong></td>
                            <td>{{ number_format((float) ($row->volume ?? 0), 2, ',', '.') }}</td>
                            <td>{{ $row->satuan ?? '-' }}</td>
                            <td>Rp {{ number_format((float) ($row->harga_satuan ?? 0), 0, ',', '.') }}</td>
                            <td>Rp {{ number_format((float) ($row->subtotal ?? 0), 0, ',', '.') }}</td>
                            <td>
                                <div class="erp-actions erp-actions-inline">
                                    <a href="{{ route('proyek.boq.edit', [$proyek->id_proyek, $row->id]) }}" class="btn btn-sm btn-secondary">Edit</a>
                                    <form method="POST" action="{{ route('proyek.boq.delete', [$proyek->id_proyek, $row->id]) }}" onsubmit="return confirm('Hapus item BoQ ini?');">
                                        @csrf
                                        <button class="btn btn-sm btn-danger" type="submit">Hapus</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">
                                <div class="empty-state">
                                    <strong>Belum ada item BoQ.</strong>
                                    <p>Tambahkan item pekerjaan untuk proyek ini.</p>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
</div>
@endsection