@extends('layouts.app')
@section('title', 'Timeline Proyek')
@section('page_title', 'Timeline 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.timeline.create', $proyek->id_proyek) }}" class="btn btn-primary">+ Timeline</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>Rencana dan Monitoring</h2><p>Jadwal pelaksanaan pekerjaan proyek.</p></div></div>
        <div class="table-responsive erp-table-wrap">
            <table class="data-table erp-table">
                <thead><tr><th>No</th><th>Kegiatan</th><th>Mulai</th><th>Selesai</th><th>Durasi</th><th>Progress</th><th>Status</th><th style="width:150px;">Aksi</th></tr></thead>
                <tbody>
                    @forelse ($items as $i => $row)
                        @php
                            $mulai = $row->tanggal_mulai ?? $row->start_date ?? null;
                            $selesai = $row->tanggal_selesai ?? $row->end_date ?? null;
                            $progress = (float) ($row->progress_persen ?? 0);
                        @endphp
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td><strong>{{ $row->nama_kegiatan ?? $row->nama_item ?? $row->uraian ?? '-' }}</strong><br><small class="text-muted">{{ $row->keterangan ?? '' }}</small></td>
                            <td>{{ $mulai ? date('d/m/Y', strtotime($mulai)) : '-' }}</td>
                            <td>{{ $selesai ? date('d/m/Y', strtotime($selesai)) : '-' }}</td>
                            <td>{{ $row->durasi_hari ?? $row->durasi ?? '-' }} hari</td>
                            <td><div class="progress-wrap"><div class="progress-text">{{ number_format($progress, 0) }}%</div><div class="progress-bar"><span style="width: {{ min(100, max(0, $progress)) }}%;"></span></div></div></td>
                            <td><span class="badge badge-muted">{{ $row->status ?? '-' }}</span></td>
                            <td>
                                <div class="erp-actions erp-actions-inline">
                                    <a href="{{ route('proyek.timeline.edit', [$proyek->id_proyek, $row->id]) }}" class="btn btn-sm btn-secondary">Edit</a>
                                    <form method="POST" action="{{ route('proyek.timeline.delete', [$proyek->id_proyek, $row->id]) }}" onsubmit="return confirm('Hapus timeline ini?');">
                                        @csrf
                                        <button class="btn btn-sm btn-danger" type="submit">Hapus</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8"><div class="empty-state"><strong>Belum ada timeline.</strong><p>Tambahkan jadwal pekerjaan untuk proyek ini.</p></div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
</div>
@endsection