@extends('layouts.app')
@section('title', 'Borang RAMS Baru')
@section('page_title', '📋 Borang RAMS Baru')
@section('back_url', route('rams.index'))

@push('styles')
<style>
    .card-section { background:#fff; border-radius:12px; border:1px solid #eee; padding:24px; margin-bottom:20px; }
    .section-title { font-size:12px; font-weight:600; color:#fff; background:#2d4a1e; padding:6px 14px; border-radius:6px; margin-bottom:16px; display:inline-block; }
    .form-label { font-size:13px; color:#444; font-weight:500; }
    .form-control, .form-select { font-size:13px; border-radius:8px; border:1px solid #ddd; }
    .form-control:focus, .form-select:focus { border-color:#3a6b20; box-shadow:0 0 0 3px rgba(58,107,32,0.1); }
    .btn-submit { background:#3a6b20; color:white; border:none; border-radius:8px; padding:12px 32px; font-size:14px; font-weight:600; }
    .btn-submit:hover { background:#2d4a1e; }
</style>
@endpush

@section('content')

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $e)
                    <li>{{ $e }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('rams.store') }}" style="max-width:900px;">
        @csrf

        {{-- MAKLUMAT ASAS --}}
        <div class="card-section">
            <span class="section-title">📋 Maklumat Asas</span>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">Penganjur</label>
                    <input type="text" name="penganjur" class="form-control" value="{{ old('penganjur') }}" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Nama Pegawai Melapor</label>
                    <input type="text" name="nama_pegawai" class="form-control" value="{{ old('nama_pegawai') }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Tarikh</label>
                    <input type="date" name="tarikh" class="form-control" value="{{ old('tarikh') }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Aktiviti</label>
                    <input type="text" name="aktiviti" class="form-control" value="{{ old('aktiviti') }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Tarikh Aktiviti</label>
                    <input type="date" name="tarikh_aktiviti" class="form-control" value="{{ old('tarikh_aktiviti') }}" required>
                </div>
                <div class="col-12">
                    <label class="form-label">Sasaran Aktiviti</label>
                    <input type="text" name="sasaran_aktiviti" class="form-control" value="{{ old('sasaran_aktiviti') }}" required>
                </div>
            </div>
        </div>

        {{-- BAHAGIAN 1 --}}
        <div class="card-section">
            <span class="section-title">⚠️ Bahagian 1: Analisa Risiko</span>
            <p class="text-muted mb-3" style="font-size:12px;">Kemalangan, kecederaan dan apa-apa kerugian fizikal atau aset yang berkaitan</p>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Manusia</label>
                    <textarea name="b1_manusia" class="form-control" rows="3">{{ old('b1_manusia') }}</textarea>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Peralatan</label>
                    <textarea name="b1_peralatan" class="form-control" rows="3">{{ old('b1_peralatan') }}</textarea>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Persekitaran</label>
                    <textarea name="b1_persekitaran" class="form-control" rows="3">{{ old('b1_persekitaran') }}</textarea>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Tarikh Kenalpasti</label>
                    <input type="date" name="tarikh_kenalpasti" class="form-control" value="{{ old('tarikh_kenalpasti') }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Tarikh Tindakan</label>
                    <input type="date" name="tarikh_tindakan" class="form-control" value="{{ old('tarikh_tindakan') }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Tindakan</label>
                    <textarea name="tindakan" class="form-control" rows="3">{{ old('tindakan') }}</textarea>
                </div>
            </div>
        </div>

        {{-- BAHAGIAN 2 --}}
        <div class="card-section">
            <span class="section-title">🔍 Bahagian 2: Faktor-Faktor Risiko</span>
            <p class="text-muted mb-3" style="font-size:12px;">Keadaan berbahaya, kerosakan, kemahiran</p>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Manusia</label>
                    <textarea name="b2_manusia" class="form-control" rows="3">{{ old('b2_manusia') }}</textarea>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Peralatan</label>
                    <textarea name="b2_peralatan" class="form-control" rows="3">{{ old('b2_peralatan') }}</textarea>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Persekitaran</label>
                    <textarea name="b2_persekitaran" class="form-control" rows="3">{{ old('b2_persekitaran') }}</textarea>
                </div>
            </div>
        </div>

        {{-- BAHAGIAN 3 --}}
        <div class="card-section">
            <span class="section-title">🛡️ Bahagian 3: Strategi Pengurusan Risiko</span>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">Kecemasan</label>
                    <textarea name="kecemasan" class="form-control" rows="3">{{ old('kecemasan') }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Pelaksanaan Biasa / Normal</label>
                    <textarea name="pelaksanaan_normal" class="form-control" rows="3">{{ old('pelaksanaan_normal') }}</textarea>
                </div>
            </div>
        </div>

        {{-- RUJUKAN --}}
        <div class="card-section">
            <span class="section-title">📚 Rujukan & Saranan</span>
            <div class="row g-3">
                <div class="col-12">
                    <label class="form-label">Rujukan Standard Keselamatan</label>
                    <textarea name="rujukan_standard" class="form-control" rows="2">{{ old('rujukan_standard') }}</textarea>
                </div>
                <div class="col-12">
                    <label class="form-label">Saranan Polisi dan Garis Panduan</label>
                    <textarea name="saranan_polisi" class="form-control" rows="2">{{ old('saranan_polisi') }}</textarea>
                </div>
                <div class="col-12">
                    <label class="form-label">Kemahiran yang Diperlukan oleh Pegawai/Jurulatih</label>
                    <textarea name="kemahiran_pegawai" class="form-control" rows="2">{{ old('kemahiran_pegawai') }}</textarea>
                </div>
            </div>
        </div>

        {{-- KEPUTUSAN --}}
        <div class="card-section">
            <span class="section-title">✅ Keputusan Pelaksanaan Aktiviti</span>
            <p class="text-muted mb-3" style="font-size:12px;">Sila pilih satu (1)</p>
            <div class="row g-3">
                <div class="col-12">
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="keputusan" value="diluluskan" {{ old('keputusan') == 'diluluskan' ? 'checked' : '' }} required>
                        <label class="form-check-label" style="font-size:13px;">✓ Diluluskan</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="keputusan" value="tidak_diluluskan" {{ old('keputusan') == 'tidak_diluluskan' ? 'checked' : '' }}>
                        <label class="form-check-label" style="font-size:13px;">✗ Tidak Diluluskan</label>
                    </div>
                </div>
                <div class="col-12">
                    <label class="form-label">Ulasan</label>
                    <textarea name="ulasan" class="form-control" rows="3" placeholder="Masukkan ulasan jika ada...">{{ old('ulasan') }}</textarea>
                </div>
            </div>
        </div>

        <div class="d-flex gap-3 mb-5">
            <button type="submit" class="btn-submit">💾 Simpan Borang</button>
            <a href="{{ route('rams.index') }}" class="btn btn-outline-secondary">Batal</a>
        </div>

    </form>

@endsection