@extends('layouts.app')

@section('title', 'Borang D2')
@section('page_title', '📋 Borang D2 - Laporan Kemalangan')
@section('back_url', route('borang.index'))

@section('content')

    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="d-flex justify-content-end mb-4">
        <a href="{{ route('d2.create') }}"
            style="background:#3a6b20;color:white;border-radius:8px;padding:9px 18px;font-size:13px;text-decoration:none;">
            + Borang Baru
        </a>
    </div>

    @if ($borangd2->isEmpty())
        <div class="text-center py-5 text-muted">
            <p style="font-size:40px">📋</p>
            <p>Tiada Borang D2 lagi. Klik <strong>+ Borang Baru</strong> untuk mula.</p>
        </div>
    @else
        <div style="background:#fff;border-radius:12px;border:1px solid #eee;overflow:hidden;">
            <table class="table table-hover mb-0">

                <thead style="background:#2d4a1e;color:white;">
                    <tr>
                        <th style="padding:12px 16px;">#</th>
                        <th style="padding:12px 16px;">Nama Mangsa</th>
                        <th style="padding:12px 16px;">Tarikh</th>
                        <th style="padding:12px 16px;">Tahap Kecederaan</th>
                        <th style="padding:12px 16px;">Tindakan</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach ($borangd2 as $i => $form)
                        <tr>

                            <td style="padding:12px 16px;">
                                {{ $i + 1 }}
                            </td>

                            <td style="padding:12px 16px;">
                                {{ $form->nama_penuh }}
                            </td>

                            <td style="padding:12px 16px;">
                                {{ $form->tarikh }}
                            </td>

                            <td style="padding:12px 16px;">

                                @if ($form->tahap_kecederaan == 'Cedera Ringan')
                                    <span class="badge bg-success">
                                        Cedera Ringan
                                    </span>
                                @elseif($form->tahap_kecederaan == 'Cedera Sederhana')
                                    <span class="badge bg-warning">
                                        Cedera Sederhana
                                    </span>
                                @elseif($form->tahap_kecederaan == 'Cedera Parah')
                                    <span class="badge bg-danger">
                                        Cedera Parah
                                    </span>
                                @else
                                    <span class="badge bg-dark">
                                        Meninggal Dunia
                                    </span>
                                @endif

                            </td>

                            <td style="padding:12px 16px;vertical-align:middle;">
                                <div class="d-flex gap-2">
                                    <a href="{{ route('d2.show', $form) }}" class="btn btn-sm btn-outline-success">👁
                                        Lihat</a>
                                    <a href="{{ route('d2.pdf', $form) }}" class="btn btn-sm btn-outline-danger">📄
                                        PDF</a>
                                    <form action="{{ route('d2.destroy', $form->id) }}" method="POST"
                                        style="display:inline;"
                                        onsubmit="return confirm('Adakah anda pasti ingin memadam data ini?')">

                                        @csrf
                                        @method('DELETE')

                                        <button class="btn btn-danger btn-sm">
                                            🗑 Padam
                                        </button>
                                </div>
                            </td>

                        </tr>
                    @endforeach

                </tbody>

            </table>
        </div>

    @endif

@endsection