@extends('layouts.app')

@section('title', 'Borang F1')
@section('page_title', 'Borang Laporan Program Harian')

@section('content')
    <div
        style="background:white;padding:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08);max-width:1100px;margin:auto;">

        <h4><b>Borang F1</b></h4>
        <h3><b>BORANG LAPORAN PROGRAM HARIAN</b></h3>

        <table border="1" cellpadding="8" cellspacing="0"
            style="width:100%;border-collapse:collapse;font-size:14px;margin-top:35px;">
            <tr>
                <td style="width:190px;background:#e5e5e5;font-weight:bold;">BAHAGIAN A<br>(username)</td>
                <td colspan="4"></td>
            </tr>

            <tr>
                <td><b>PROGRAM</b></td>
                <td colspan="4">{{ $borangF1->program }}</td>
            </tr>

            <tr>
                <td><b>NAMA PENUH</b></td>
                <td colspan="4">{{ $borangF1->nama_penuh }}</td>
            </tr>

            <tr>
                <td><b>JAWATAN DALAM PROGRAM</b></td>
                <td colspan="4">{{ $borangF1->jawatan_dalam_program }}</td>
            </tr>

            <tr>
                <td><b>TARIKH</b></td>
                <td>{{ $borangF1->tarikh }}</td>
                <td align="center"><b>JUMLAH PESERTA</b></td>
                <td>{{ $borangF1->jumlah_peserta }}</td>
            </tr>

            <tr>
                <td colspan="5" style="background:#222;color:white;height:18px;"></td>
            </tr>

            <tr>
                <td colspan="5" align="center" style="font-weight:bold;">
                    LAPORAN KESELURUHAN PERLAKSANAAN PROGRAM HARIAN<br>
                    <small>
                        (**Contoh: Cuaca / Persekitaran/ Peralatan/ Masa/ Peserta dan masalah-masalah lain yang berkaitan)
                    </small>
                </td>
            </tr>

            <tr align="center" style="font-weight:bold;background:#f2f2f2;">
                <td>PROGRAM PAGI</td>
                <td colspan="2">PROGRAM PETANG</td>
                <td colspan="2">PROGRAM MALAM</td>
            </tr>

            <tr style="vertical-align:top;height:420px;">
                <td>{{ $borangF1->laporan_pagi }}</td>
                <td colspan="2">{{ $borangF1->laporan_petang }}</td>
                <td colspan="2">{{ $borangF1->laporan_malam }}</td>
            </tr>

            <tr style="height:120px;text-align:center;">
                <td colspan="3">
                    <br><b>nama_ketua_jurulatih</b><br>
                    Tarikh: {{ $borangF1->tarikh_ketua_jurulatih ?? '-' }}
                </td>

                <td colspan="2">
                    Disahkan / Disemak oleh,<br>
                    nama_pegawai/<br>
                    Tarikh: {{ $borangF1->tarikh_pegawai ?? '-' }}
                </td>
            </tr>
        </table>
    </div>

    </div>
@endsection