@extends('layouts.app')
@section('title', 'Pelan Tindakan Kecemasan')
@section('page_title', '🚨 Pelan Tindakan Kecemasan')
@section('back_url', route('dashboard'))

@section('content')

    <p style="font-size:13px;color:#888;margin-bottom:24px;">
        Pilih bahagian untuk membaca pelan tindakan kecemasan:
    </p>

    <div style="display:flex;flex-direction:column;gap:12px;max-width:700px;">

        <a href="{{ route('kecemasan.show', '6_1') }}"
           style="background:#fff;border:1px solid #eee;border-radius:12px;padding:20px 24px;text-decoration:none;color:#1a1a1a;display:flex;align-items:center;gap:16px;transition:all 0.2s;"
           onmouseover="this.style.borderColor='#3a6b20';this.style.background='#f0f7e8'"
           onmouseout="this.style.borderColor='#eee';this.style.background='#fff'">
            <div style="width:44px;height:44px;background:#e8f5e9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#2d4a1e;font-size:13px;">6.1</div>
            <div>
                <div style="font-size:14px;font-weight:600;color:#2d4a1e;">Carta Alir Pelan Bertindak Kecemasan</div>
                <div style="font-size:12px;color:#aaa;margin-top:2px;">Carta alir tindakan semasa kecemasan berlaku</div>
            </div>
            <div style="margin-left:auto;color:#aaa;font-size:18px;">›</div>
        </a>

        <a href="{{ route('kecemasan.show', '6_2') }}"
           style="background:#fff;border:1px solid #eee;border-radius:12px;padding:20px 24px;text-decoration:none;color:#1a1a1a;display:flex;align-items:center;gap:16px;"
           onmouseover="this.style.borderColor='#3a6b20';this.style.background='#f0f7e8'"
           onmouseout="this.style.borderColor='#eee';this.style.background='#fff'">
            <div style="width:44px;height:44px;background:#e8f5e9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#2d4a1e;font-size:13px;">6.2</div>
            <div>
                <div style="font-size:14px;font-weight:600;color:#2d4a1e;">Prosedur Tindakan Kecemasan</div>
                <div style="font-size:12px;color:#aaa;margin-top:2px;">Langkah-langkah prosedur tindakan kecemasan</div>
            </div>
            <div style="margin-left:auto;color:#aaa;font-size:18px;">›</div>
        </a>

        <a href="{{ route('kecemasan.show', '6_3') }}"
           style="background:#fff;border:1px solid #eee;border-radius:12px;padding:20px 24px;text-decoration:none;color:#1a1a1a;display:flex;align-items:center;gap:16px;"
           onmouseover="this.style.borderColor='#3a6b20';this.style.background='#f0f7e8'"
           onmouseout="this.style.borderColor='#eee';this.style.background='#fff'">
            <div style="width:44px;height:44px;background:#e8f5e9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#2d4a1e;font-size:13px;">6.3</div>
            <div>
                <div style="font-size:14px;font-weight:600;color:#2d4a1e;">Individu dan Tindakan yang Terlibat</div>
                <div style="font-size:12px;color:#aaa;margin-top:2px;">Senarai individu dan peranan dalam pelan kecemasan</div>
            </div>
            <div style="margin-left:auto;color:#aaa;font-size:18px;">›</div>
        </a>

        <a href="{{ route('kecemasan.show', '6_4') }}"
           style="background:#fff;border:1px solid #eee;border-radius:12px;padding:20px 24px;text-decoration:none;color:#1a1a1a;display:flex;align-items:center;gap:16px;"
           onmouseover="this.style.borderColor='#3a6b20';this.style.background='#f0f7e8'"
           onmouseout="this.style.borderColor='#eee';this.style.background='#fff'">
            <div style="width:44px;height:44px;background:#e8f5e9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#2d4a1e;font-size:13px;">6.4</div>
            <div>
                <div style="font-size:14px;font-weight:600;color:#2d4a1e;">Proses Komunikasi Semasa Berlaku Kecemasan</div>
                <div style="font-size:12px;color:#aaa;margin-top:2px;">Aliran komunikasi semasa situasi kecemasan</div>
            </div>
            <div style="margin-left:auto;color:#aaa;font-size:18px;">›</div>
        </a>

        <a href="{{ route('kecemasan.show', '6_5') }}"
           style="background:#fff;border:1px solid #eee;border-radius:12px;padding:20px 24px;text-decoration:none;color:#1a1a1a;display:flex;align-items:center;gap:16px;"
           onmouseover="this.style.borderColor='#3a6b20';this.style.background='#f0f7e8'"
           onmouseout="this.style.borderColor='#eee';this.style.background='#fff'">
            <div style="width:44px;height:44px;background:#fdecea;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#e53935;font-size:13px;">6.5</div>
            <div>
                <div style="font-size:14px;font-weight:600;color:#2d4a1e;">Nombor Perhubungan Kecemasan</div>
                <div style="font-size:12px;color:#aaa;margin-top:2px;">Senarai nombor telefon kecemasan penting</div>
            </div>
            <div style="margin-left:auto;color:#aaa;font-size:18px;">›</div>
        </a>

    </div>

@endsection