@extends('layouts.app')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/child-support-register.css') }}">
@endpush

@section('content')
    @auth
        @php
            $yesNoOptions = [
                'yes' => 'ရှိ',
                'no' => 'မရှိ',
            ];
            $schoolStatusOptions = [
                'attending' => 'ကျောင်းတက်နေသည်',
                'not_attending' => 'မတက်နေပါ',
            ];
            $employmentStatusOptions = [
                'working' => 'အလုပ်လုပ်နေသည်',
                'not_working' => 'မလုပ်နေပါ',
            ];
            $goodBadOptions = [
                'good' => 'ကောင်း',
                'bad' => 'မကောင်း',
            ];
            $artStatusOptions = [
                'regular' => 'ပုံမှန်သောက်နေ',
                'irregular' => 'ပုံမှန်မသောက်နေ',
                'na' => 'NA',
            ];
            $treatmentLocationOptions = [
                'mam' => 'MAM',
                'government_hospital' => 'အစိုးရဆေးရုံ',
                'other' => 'အခြား',
            ];
            $treatmentSupporterOptions = [
                'mam' => 'MAM',
                'self' => 'ကိုယ်တိုင်',
                'other' => 'အခြား',
            ];
            $maritalOptions = [
                'together' => 'လက်ရှိပေါင်းသင်းနေ',
                'separated' => 'အိမ်ထောင်ကွဲ',
                'widowed' => 'အိမ်ထောင်ဘက်သေဆုံး',
                'other' => 'အခြား',
            ];
            $caregiverOptions = [
                'parent' => 'မိဘ',
                'sibling' => 'မောင်နှမ',
                'relative' => 'အမျိုး',
                'other' => 'အခြား',
            ];
            $houseStatusOptions = [
                'owned' => 'အိမ်ပိုင် (မြေပိုင်)',
                'rent' => 'အငှား',
                'hostel' => 'အဆောင်',
                'shelter' => 'ဂေဟာ',
                'squatter' => 'ကျူးကျော်',
                'monastery' => 'ဘုန်းကြီးကျောင်း',
                'other' => 'အခြား',
            ];
            $houseTypeOptions = [
                'hut' => 'တဲ',
                'wood' => 'သစ်',
                'building' => 'တိုက်',
                'other' => 'အခြား',
            ];
            $electricityOptions = [
                'meter' => 'မီတာ',
                'battery' => 'battery',
                'other' => 'အခြား',
            ];
            $mamSupportOptions = [
                'monthly_ration' => 'လစဉ်ရိက္ခာ',
                'toothbrush' => 'သွားတိုက်တံ',
                'school_materials' => 'ကျောင်းပစ္စည်း',
                'tuition_fee' => 'ကျူရှင်စရိတ်',
                'household_goods' => 'အိမ်ထောင်သုံးပစ္စည်းများ',
                'emergency_support' => 'အရေးပေါ်ကူညီပံ့ပိုးမှု',
                'medical_support' => 'ဆေးကုသစရိတ်နှင့် ဆေးကုသပေးခြင်း',
                'day_trip' => 'တစ်နေ့တာခရီးများ',
                'clothes' => 'အဝတ်အစား',
                'other' => 'အခြား',
            ];
            $smallBusinessOptions = [
                'never' => 'မရရှိဖူးပါ',
                'received_active' => 'ရရှိခဲ့ဖူးပါသည် - လက်ရှိလုပ်နေ',
                'received_inactive' => 'ရရှိခဲ့ဖူးပါသည် - မလုပ်နေ',
            ];
            $trainingOptions = [
                'never' => 'မတက်ဖူးပါ',
                'current' => 'တက်ခဲ့ဖူးပါသည် - လက်ရှိတက်နေ',
                'not_current' => 'တက်ခဲ့ဖူးပါသည် - လက်ရှိမတက်နေ',
            ];
            $cpSupportOptions = [
                'yes' => 'ယူဖူးသည်',
                'no' => 'မယူဖူးပါ',
            ];
            $cpIssueOptions = [
                'not_required' => 'မလိုအပ်ပါ',
                'required' => 'လိုအပ်ပါသည်',
                'monitor' => 'စောင့်ကြည့်ရန်လိုအပ်သည်',
            ];
            $photoOptions = [
                'yes' => 'ရိုက်ခဲ့ပါသည်',
                'no' => 'မရိုက်ခဲ့ပါ',
            ];
        @endphp

        <div class="container-fluid child-support-shell"
             data-child-support-followup
             data-records-url="{{ route('child-support.followups.records.index') }}"
             data-store-url="{{ route('child-support.followups.records.store') }}"
             data-download-url="{{ route('child-support.followups.sync.download') }}"
             data-upload-url="{{ route('child-support.followups.sync.upload') }}"
             data-record-url-template="{{ route('child-support.followups.records.show', ['followup' => '__FOLLOWUP_ID__']) }}"
             data-crypto-key="{{ $cryptoKey ?? '' }}"
             data-sensitive-fields='@json($followupSensitiveFields ?? [])'>
            <div class="mb-3">
                <ul class="nav nav-pills child-support-nav gap-2">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('child-support.register.index') }}">Register</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="{{ route('child-support.followups.index') }}">Follow-up</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('child-support.register.manage') }}">Manage Register</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('child-support.followups.manage') }}">Manage Follow-up</a>
                    </li>
                </ul>
            </div>

            <div class="row g-4">
                <div class="col-12">
                    <div class="child-support-card mb-3">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2">
                            <div>
                                <h1 class="h4 mb-1">Child Support Follow-up</h1>
                                <div class="child-support-meta">Follow-up CRUD records are managed here. Link each visit to one register record.</div>
                            </div>
                            <div class="child-support-meta">
                                Linked register:
                                <strong id="followupCurrentRegisterLabel">All</strong>
                            </div>
                        </div>
                    </div>

                    <div class="child-support-card mb-3 child-support-tools-panel" id="childSupportFollowToolsPanel">
                        <div class="d-flex justify-content-between align-items-center gap-2 flex-wrap child-support-tools-header">
                            <div>
                                <h2 class="h6 mb-0">Browser Entry Queue</h2>
                                <div class="child-support-meta">Follow-up records are saved in this browser when offline or when server sync fails. Use Sync to upload pending items.</div>
                            </div>
                            <button
                                type="button"
                                class="btn btn-outline-secondary btn-sm child-support-tools-toggle"
                                id="childSupportFollowToolsToggle"
                                aria-controls="childSupportFollowToolsBody"
                                aria-expanded="true"
                                aria-label="Hide follow-up sync controls area">
                                <span id="childSupportFollowToolsToggleIcon" aria-hidden="true">▾</span>
                            </button>
                        </div>
                        <div id="childSupportFollowToolsBody" class="mt-3">
                            <div class="row g-3 child-support-tools-row">
                                <div class="col-lg-6">
                                    <div class="child-support-card h-100 mb-0 child-support-tools-card">
                                        <div class="d-flex justify-content-between align-items-center gap-2">
                                            <h3 class="h6 mb-0">Sync Controls</h3>
                                            <button type="button" class="btn btn-outline-secondary btn-sm" id="childSupportFollowOfflineToggle">Offline-only: Off</button>
                                        </div>
                                        <div class="child-support-inline-note mt-2" id="childSupportFollowSyncStatus">Sync ready.</div>
                                        <div class="child-support-actions mt-3">
                                            <button type="button" class="btn btn-outline-primary btn-sm" id="childSupportFollowSyncDownload">Download</button>
                                            <button type="button" class="btn btn-outline-success btn-sm" id="childSupportFollowSyncUpload">Sync (<span id="childSupportFollowPendingCount">0</span>)</button>
                                            <button type="button" class="btn btn-outline-dark btn-sm" id="childSupportFollowExportBtn">Export</button>
                                            <button type="button" class="btn btn-outline-danger btn-sm" id="childSupportFollowClearOffline">Clear Offline Cache</button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="child-support-card h-100 mb-0 child-support-tools-card">
                                        <div class="d-flex justify-content-between align-items-center gap-2 flex-wrap">
                                            <h3 class="h6 mb-0">Pending Queue</h3>
                                            <div class="d-flex gap-2">
                                                <button type="button" class="btn btn-outline-secondary btn-sm" id="childSupportFollowQueueToggle">Show</button>
                                                <button type="button" class="btn btn-outline-primary btn-sm" id="childSupportFollowQueueRefresh">Refresh</button>
                                                <button type="button" class="btn btn-outline-danger btn-sm" id="childSupportFollowQueueClear">Clear</button>
                                            </div>
                                        </div>
                                        <div class="child-support-queue-list mt-2 d-none" id="childSupportFollowQueueList">Queue is empty.</div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-lg-6 d-none">
                                    <div class="child-support-card h-100 mb-0 child-support-tools-card">
                                        <div class="d-flex justify-content-between align-items-center mb-2">
                                            <h3 class="h6 mb-0">Local browser follow-ups</h3>
                                            <span class="badge bg-secondary" id="followupLocalRecordCount">0</span>
                                        </div>
                                        <div id="followupLocalList" class="child-support-local-list"></div>
                                        <div id="followupLocalEmpty" class="child-support-local-empty mt-2">
                                            No local follow-up records yet.
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-lg-6 d-none">
                                    <div class="child-support-card h-100 mb-0 child-support-tools-card">
                                        <div class="d-flex justify-content-between align-items-center mb-2">
                                            <h3 class="h6 mb-0">Recent Follow-up Records</h3>
                                            <button type="button" class="btn btn-outline-primary btn-sm" id="followupRefreshBtn">Refresh</button>
                                        </div>
                                        <div id="followupServerList" class="child-support-local-list"></div>
                                        <div id="followupServerEmpty" class="child-support-local-empty mt-2 d-none">No follow-up records yet.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <form id="child_follow_up_form">
                        @csrf
                        <input type="hidden" name="followup_id" id="followup_id">
                        <input type="hidden" name="local_uuid" id="followup_local_uuid">
                        <input type="hidden" name="uuid" id="followup_uuid">
                        <input type="hidden" name="record_status" id="record_status" value="draft">

                        <section class="border-bottom mb-3 pb-3">
                            <div id="header_section" style="position:relative">
                                <h2 class="header-text">Child Program Home Visit Follow Up</h2>
                            </div>

                            <div class="row g-3">
                                <div class="col-sm-3">
                                    <label class="form-label">Linked Register</label>
                                    <select name="child_support_register_id" id="child_support_register_id" class="form-select">
                                        <option value="">Select register</option>
                                        @foreach ($registerRecords ?? [] as $register)
                                            <option value="{{ $register->id }}"
                                                    data-general-id="{{ $register->general_id }}"
                                                    data-cs-code="{{ $register->cs_code }}"
                                                    data-child-name="{{ $register->child_name }}">
                                                #{{ $register->id }} · {{ $register->child_name ?: 'Unnamed child' }} · {{ $register->cs_code ?: 'No CS' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">General ID</label>
                                    <input type="number" name="pid" id="pid" class="form-control">
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">CS code</label>
                                    <input type="text" name="cs_code" id="cs_code" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">ကလေးအမည်</label>
                                    <input type="text" name="child_name" id="child_name" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အိမ်နာမည်</label>
                                    <input type="text" name="child_nickname" id="child_nickname" class="form-control">
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">Date of visit</label>
                                    <div class="date-holder">
                                        <input type="text" name="visit_date" id="visit_date"
                                            class="form-control Gdate date-verify reception-dateformat"
                                            placeholder="dd-mm-yyyy">
                                        <img src="{{ asset('img/calendar3.svg') }}" class="dateimg" alt="date">
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">Current project area</label>
                                    <select name="current_project_area" id="current_project_area" class="form-select" data-toggle-source="current_project_area" data-toggle-match="Other|အခြား">
                                        <option value=""></option>
                                        <option value="HTY">HTY</option>
                                        <option value="SPT">SPT</option>
                                        <option value="TL">TL</option>
                                        <option value="SDG">SDG</option>
                                        <option value="Other">Other</option>
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">Other specify</label>
                                    <input type="text" name="current_project_area_other" id="current_project_area_other" class="form-control" data-toggle-target="current_project_area">
                                </div>
                            </div>
                        </section>

                        <section class="border-bottom mb-3 pb-3">
                            <h3 class="header-text">Section 1. Child Particulars</h3>

                            <div class="row g-3">
                                <div class="col-sm-4">
                                    <label class="form-label">လက်ရှိနေရပ်လိပ်စာ</label>
                                    <input type="text" name="current_address" id="current_address"
                                        class="form-control">
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">လက်ရှိဖုန်းနံပါတ်</label>
                                    <input type="text" name="contact_phone" id="contact_phone" class="form-control">
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">မွေးနေ့</label>
                                    <div class="date-holder">
                                        <input type="text" name="dob" id="dob"
                                            class="form-control Gdate date-verify reception-dateformat"
                                            placeholder="dd-mm-yyyy">
                                        <img src="{{ asset('img/calendar3.svg') }}" class="dateimg" alt="date">
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">မွေးစာရင်း</label>
                                    <select name="birth_certificate_status" id="birth_certificate_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($yesNoOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">မှတ်ပုံတင်</label>
                                    <select name="nrc_status" id="nrc_status" class="form-select">
                                        <option value=""></option>
                                        @foreach ($yesNoOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-2">
                                    <label class="form-label">အိမ်ထောင်</label>
                                    <select name="household_registration_status" id="household_registration_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($yesNoOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <section class="border rounded p-3 mt-4">
                                <h4 class="subTb-header">1.1 ကျောင်းအခြေအနေမေးခွန်းများ</h4>
                                <div class="row g-3">
                                    <div class="col-sm-3">
                                        <label class="form-label">လက်ရှိကလေးသည်</label>
                                        <select name="school_status" id="school_status" class="form-select">
                                            <option value=""></option>
                                            @foreach ($schoolStatusOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-2">
                                        <label class="form-label">ကျောင်းတက်နေလျင် အတန်း</label>
                                        <input type="text" name="school_grade" id="school_grade"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-label">ကျောင်းအမည်နှင့်လိပ်စာ</label>
                                        <input type="text" name="school_name_address" id="school_name_address"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ကျောင်းမတက်နေပါက</label>
                                        <select name="employment_status" id="employment_status" class="form-select">
                                            <option value=""></option>
                                            @foreach ($employmentStatusOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </section>

                            <section class="border rounded p-3 mt-4">
                                <h4 class="subTb-header">1.2 အလုပ်အခြေအနေမေးခွန်းများ</h4>
                                <div class="row g-3">
                                    <div class="col-sm-3">
                                        <label class="form-label">အလုပ်လုပ်နေလျင် လက်ရှိအလုပ်ရာထူး</label>
                                        <input type="text" name="job_position" id="job_position"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ဘယ်တုန်းကလက်ရှိအလုပ်ကိုစလုပ်သလဲ</label>
                                        <input type="text" name="job_started_at" id="job_started_at"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-label">လုပ်ဆောင်ရသည့်တာဝန်များ</label>
                                        <input type="text" name="job_responsibilities" id="job_responsibilities"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-2">
                                        <label class="form-label">အလုပ်ချိန် (တစ်နေ့ဘယ်နှနာရီ)</label>
                                        <input type="number" name="job_hours_per_day" id="job_hours_per_day"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-2">
                                        <label class="form-label">ဝင်ငွေ</label>
                                        <input type="number" name="income_amount" id="income_amount"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-2">
                                        <label class="form-label">နေ့စား / လခ</label>
                                        <select name="income_type" id="income_type" class="form-select">
                                            <option value=""></option>
                                            <option value="daily">နေ့စား</option>
                                            <option value="salary">လခ</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">အိမ်ထောင်ဝင်ငွေအဓိကရှာဖွေသူ</label>
                                        <select name="is_main_income_earner" id="is_main_income_earner"
                                            class="form-select">
                                            <option value=""></option>
                                            <option value="yes">ဟုတ်သည်</option>
                                            <option value="no">မဟုတ်ပါ</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-5">
                                        <label class="form-label">ကျောင်း/ အလုပ်မှာအဆင်ပြေလား ဘာတွေအဆင်မပြေဘူးလဲ</label>
                                        <input type="text" name="school_or_work_difficulty"
                                            id="school_or_work_difficulty" class="form-control">
                                    </div>
                                    <div class="col-sm-7">
                                        <label class="form-label">ကျောင်းမတက်နိုင်သော အခြားအကြောင်းရင်းရှိပါကဖော်ပြပါ</label>
                                        <input type="text" name="other_no_school_reason" id="other_no_school_reason"
                                            class="form-control">
                                    </div>
                                </div>
                            </section>

                            <section class="border rounded p-3 mt-4">
                                <h4 class="subTb-header">1.3 ကျန်းမာရေးဆိုင်ရာမေးခွန်းများ</h4>
                                <div class="row g-3">
                                    <div class="col-sm-3">
                                        <label class="form-label">၆လအတွင်းကျန်းမာရေး</label>
                                        <select name="health_status_last_6_months" id="health_status_last_6_months"
                                            class="form-select">
                                            <option value=""></option>
                                            @foreach ($goodBadOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">မကောင်းလျှင် ရောဂါအမည်</label>
                                        <input type="text" name="health_disease_name" id="health_disease_name"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ရောဂါစဖြစ်သည့်အချိန် (အကြမ်းဖျင်း)</label>
                                        <input type="text" name="health_disease_started_at"
                                            id="health_disease_started_at" class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ကုသမှုခံယူသည့်အချိန် (အကြမ်းဖျင်း)</label>
                                        <input type="text" name="health_treatment_duration"
                                            id="health_treatment_duration" class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ကုသမှုခံယူသောနေရာ</label>
                                        <select name="health_treatment_location" id="health_treatment_location"
                                            class="form-select">
                                            <option value=""></option>
                                            @foreach ($treatmentLocationOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ကုသမှုခံယူသောနေရာ - အခြား / အသေးစိတ်</label>
                                        <input type="text" name="health_treatment_location_detail"
                                            id="health_treatment_location_detail" class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ကုသမှုကိုထောက်ပံ့သူ</label>
                                        <select name="health_treatment_supporter" id="health_treatment_supporter"
                                            class="form-select">
                                            <option value=""></option>
                                            @foreach ($treatmentSupporterOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ကုသမှုကိုထောက်ပံ့သူ - အခြား / အသေးစိတ်</label>
                                        <input type="text" name="health_treatment_supporter_detail"
                                            id="health_treatment_supporter_detail" class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ART</label>
                                        <select name="health_art_status" id="health_art_status"
                                            class="form-select">
                                            <option value=""></option>
                                            @foreach ($artStatusOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">မှတ်ချက်ရှိလျှင်</label>
                                        <input type="text" name="health_art_note" id="health_art_note"
                                            class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ART ဆေးယူသည့်နေရာ</label>
                                        <select name="health_art_location" id="health_art_location"
                                            class="form-select">
                                            <option value=""></option>
                                            @foreach ($treatmentLocationOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">အသေးစိတ်</label>
                                        <input type="text" name="health_art_location_detail"
                                            id="health_art_location_detail" class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">Fuchia ID</label>
                                        <input type="text" name="FuchiaId"
                                            id="FuchiaId" class="form-control">
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="form-label">ဆေးကုရာတွင်အခက်အခဲ ရှိပါက ဖော်ပြပါ</label>
                                        <select name="medical_difficulty_status" id="medical_difficulty_status"
                                            class="form-select">
                                            <option value=""></option>
                                            @foreach ($yesNoOptions as $value => $label)
                                                <option value="{{ $value }}">{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-6">
                                        <label class="form-label">အခက်အခဲရှိလျှင်</label>
                                        <input type="text" name="medical_difficulty_detail"
                                            id="medical_difficulty_detail" class="form-control">
                                    </div>
                                    <div class="col-sm-12">
                                        <label class="form-label">Child Program Officer မှဖြည့်စွက်ချင်သော ကလေး၏အကြောင်း</label>
                                        <textarea name="child_officer_note" id="child_officer_note" rows="3" class="form-control"></textarea>
                                    </div>
                                </div>
                            </section>
                        </section>

                        <section class="border-bottom mb-3 pb-3">
                            <h3 class="header-text">Section 2. Parents / Caregivers</h3>

                            <div class="row g-3">
                                <div class="col-sm-3">
                                    <label class="form-label">မိဘအိမ်ထောင်ရေး</label>
                                    <select name="parents_marital_status" id="parents_marital_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($maritalOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">မိဘအိမ်ထောင်ရေး - အခြား</label>
                                    <input type="text" name="parents_marital_status_other"
                                        id="parents_marital_status_other" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">လက်ရှိကလေးကို စောင့်ရှောက်သူ</label>
                                    <select name="current_caregiver_type" id="current_caregiver_type"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($caregiverOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">လက်ရှိကလေးကို စောင့်ရှောက်သူ - အသေးစိတ်</label>
                                    <input type="text" name="current_caregiver_detail" id="current_caregiver_detail"
                                        class="form-control">
                                </div>
                                <div class="col-sm-4">
                                    <label class="form-label">လက်ရှိကလေးကိုထောက်ပံ့နေသူ</label>
                                    <input type="text" name="current_supporter" id="current_supporter"
                                        class="form-control">
                                </div>
                            </div>

                            @for ($guardian = 1; $guardian <= 2; $guardian++)
                                <section class="border rounded p-3 mt-4">
                                    <h4 class="subTb-header">2.{{ $guardian }} အုပ်ထိန်းသူ {{ $guardian }}</h4>
                                    <div class="row g-3">
                                        <div class="col-sm-3">
                                            <label class="form-label">အမည်</label>
                                            <input type="text" name="guardian_{{ $guardian }}_name"
                                                id="guardian_{{ $guardian }}_name" class="form-control">
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">တော်စပ်ပုံ</label>
                                            <input type="text" name="guardian_{{ $guardian }}_relation"
                                                id="guardian_{{ $guardian }}_relation" class="form-control">
                                        </div>
                                        <div class="col-sm-2">
                                            <label class="form-label">အသက်</label>
                                            <input type="number" name="guardian_{{ $guardian }}_age"
                                                id="guardian_{{ $guardian }}_age" class="form-control">
                                        </div>
                                        <div class="col-sm-2">
                                            <label class="form-label">၆လအတွင်းကျန်းမာရေး</label>
                                            <select name="guardian_{{ $guardian }}_health_status"
                                                id="guardian_{{ $guardian }}_health_status" class="form-select">
                                                <option value=""></option>
                                                @foreach ($goodBadOptions as $value => $label)
                                                    <option value="{{ $value }}">{{ $label }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-sm-2">
                                            <label class="form-label">ART</label>
                                            <select name="guardian_{{ $guardian }}_art_status"
                                                id="guardian_{{ $guardian }}_art_status" class="form-select">
                                                <option value=""></option>
                                                @foreach ($artStatusOptions as $value => $label)
                                                    <option value="{{ $value }}">{{ $label }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">ရောဂါအမည်</label>
                                            <input type="text" name="guardian_{{ $guardian }}_disease_name"
                                                id="guardian_{{ $guardian }}_disease_name" class="form-control">
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">ရောဂါစဖြစ်သည့်အချိန်</label>
                                            <input type="text" name="guardian_{{ $guardian }}_disease_started_at"
                                                id="guardian_{{ $guardian }}_disease_started_at"
                                                class="form-control">
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">ကုသမှုခံယူသည့်အချိန်</label>
                                            <input type="text" name="guardian_{{ $guardian }}_treatment_duration"
                                                id="guardian_{{ $guardian }}_treatment_duration"
                                                class="form-control">
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">ကုသမှုခံယူသောနေရာ</label>
                                            <select name="guardian_{{ $guardian }}_treatment_location"
                                                id="guardian_{{ $guardian }}_treatment_location"
                                                class="form-select">
                                                <option value=""></option>
                                                @foreach ($treatmentLocationOptions as $value => $label)
                                                    <option value="{{ $value }}">{{ $label }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">ကုသမှုနေရာ - အသေးစိတ်</label>
                                            <input type="text"
                                                name="guardian_{{ $guardian }}_treatment_location_detail"
                                                id="guardian_{{ $guardian }}_treatment_location_detail"
                                                class="form-control">
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">ART ဆေးယူသည့်နေရာ</label>
                                            <select name="guardian_{{ $guardian }}_art_location"
                                                id="guardian_{{ $guardian }}_art_location" class="form-select">
                                                <option value=""></option>
                                                @foreach ($treatmentLocationOptions as $value => $label)
                                                    <option value="{{ $value }}">{{ $label }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">အသေးစိတ်</label>
                                            <input type="text"
                                                name="guardian_{{ $guardian }}_art_location_detail"
                                                id="guardian_{{ $guardian }}_art_location_detail"
                                                class="form-control">
                                        </div>
                                        <div class="col-sm-3">
                                            <label class="form-label">Fuchia ID</label>
                                            <input type="text"
                                                name="guardian_{{ $guardian }}_fuchia_id"
                                                id="guardian_{{ $guardian }}_fuchia_id"
                                                class="form-control">
                                        </div>
                                        <div class="col-sm-12">
                                            <label class="form-label">Remark</label>
                                            <input type="text" name="guardian_{{ $guardian }}_remark"
                                                id="guardian_{{ $guardian }}_remark" class="form-control">
                                        </div>
                                    </div>
                                </section>
                            @endfor

                            <div class="row g-3 mt-2">
                                <div class="col-sm-12">
                                    <label class="form-label">Child Program Officer မှဖြည့်စွက်ချင်သော အုပ်ထိန်းသူအကြောင်း</label>
                                    <textarea name="caregiver_officer_note" id="caregiver_officer_note" rows="3" class="form-control"></textarea>
                                </div>
                            </div>

                            <section class="border rounded p-3 mt-4">
                                <h4 class="subTb-header">2.3 လက်ရှိအတူနေမိသားစုအကြောင်း</h4>
                                <div class="table-responsive">
                                     <table class="table table-bordered child-support-table">
                                        <thead class="text-center">
                                            <tr>
                                                <th>အမည်</th>
                                                <th>အသက်</th>
                                                <th>တော်စပ်ပုံ</th>
                                                <th>အတန်းပညာ</th>
                                                <th>အလုပ်အကိုင်</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>

                                        <tbody id="familyTable">
                                            <tr>
                                                <td><input type="text" name="name[]" class="form-control"></td>
                                                <td><input type="number" name="age[]" class="form-control"></td>
                                                <td><input type="text" name="relation[]" class="form-control"></td>
                                                <td><input type="text" name="education[]" class="form-control"></td>
                                                <td><input type="text" name="job[]" class="form-control"></td>

                                              
                                              

                                                <td class="text-center">
                                                    <!-- ADD BUTTON -->
                                                    <button type="button" class="btn btn-success btn-sm addRow">
                                                        <!-- PLUS SVG -->
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                            fill="currentColor" viewBox="0 0 16 16">
                                                            <path d="M8 1v14M1 8h14" stroke="white" stroke-width="2" />
                                                        </svg>
                                                    </button>

                                                    <!-- REMOVE BUTTON -->
                                                    <button type="button" class="btn btn-danger btn-sm removeRow">
                                                        <!-- TRASH SVG -->
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                            fill="currentColor" viewBox="0 0 16 16">
                                                            <path d="M2 4h12M6 4V2h4v2M5 6v6M8 6v6M11 6v6" stroke="white"
                                                                stroke-width="1.5" />
                                                        </svg>
                                                    </button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </section>
                        </section>

                        <section class="border-bottom mb-3 pb-3">
                            <h3 class="header-text">Section 3. Siblings</h3>

                            <div class="row g-3">
                                <div class="col-sm-3">
                                    <label class="form-label">မောင်နှမများသည် Child Support</label>
                                    <select name="siblings_child_support_status" id="siblings_child_support_status"
                                        class="form-select">
                                        <option value=""></option>
                                        <option value="received">ရရှိထားသည်</option>
                                        <option value="not_received">ရရှိမနေပါ</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row g-3 mt-1">
                                @for ($i = 1; $i <= 3; $i++)
                                    <div class="col-sm-4">
                                        <div class="border rounded p-3 h-100">
                                            <h4 class="subTb-header">Sibling {{ $i }}</h4>
                                            <div class="mb-3">
                                                <label class="form-label">အမည်</label>
                                                <input type="text" name="supported_siblings[{{ $i }}][name]"
                                                    class="form-control">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">ရရှိသည့်နေ့စွဲ</label>
                                                <div class="date-holder">
                                                    <input type="text"
                                                        name="supported_siblings[{{ $i }}][received_date]"
                                                        class="form-control Gdate date-verify reception-dateformat"
                                                        placeholder="dd-mm-yyyy">
                                                    <img src="{{ asset('img/calendar3.svg') }}" class="dateimg" alt="date">
                                                </div>
                                            </div>
                                            <div>
                                                <label class="form-label">CS code</label>
                                                <input type="text" name="supported_siblings[{{ $i }}][cs_code]"
                                                    class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                @endfor
                            </div>

                            <div class="row g-3 mt-1">
                                <div class="col-sm-3">
                                    <label class="form-label">မောင်နှမများ၆လအတွင်းကျန်းမာရေး</label>
                                    <select name="siblings_health_status" id="siblings_health_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($goodBadOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-5">
                                    <label class="form-label">(မကောင်းလျှင်)</label>
                                    <input type="text" name="siblings_health_detail" id="siblings_health_detail"
                                        class="form-control">
                                </div>
                                <div class="col-sm-4">
                                    <label class="form-label">ART သောက်သူမောင်နှမ</label>
                                    <div class="row g-2">
                                        @for ($i = 1; $i <= 3; $i++)
                                            <div class="col-4">
                                                <input type="text" name="art_siblings[{{ $i }}]"
                                                    class="form-control" placeholder="{{ $i }}">
                                            </div>
                                        @endfor
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <label class="form-label">Child Program Officer မှဖြည့်စွက်ချင်သော မောင်နှမများအကြောင်း</label>
                                    <textarea name="siblings_officer_note" id="siblings_officer_note" rows="3" class="form-control"></textarea>
                                </div>
                            </div>
                        </section>

                        <section class="border-bottom mb-3 pb-3">
                            <h3 class="header-text">Section 4. Socio-economic Status and Support from MAM</h3>

                            <div class="row g-3">
                                <div class="col-sm-3">
                                    <label class="form-label">မိသားစုလစဉ်ဝင်ငွေ</label>
                                    <input type="number" name="family_monthly_income" id="family_monthly_income"
                                        class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အိမ်အခြေအနေ</label>
                                    <select name="house_status" id="house_status" class="form-select">
                                        <option value=""></option>
                                        @foreach ($houseStatusOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အိမ်အခြေအနေ - အခြား</label>
                                    <input type="text" name="house_status_other" id="house_status_other"
                                        class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အိမ်လခ (တစ်လ)</label>
                                    <input type="number" name="house_rent_per_month" id="house_rent_per_month"
                                        class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အိမ်အမျိုးအစား</label>
                                    <select name="house_type" id="house_type" class="form-select">
                                        <option value=""></option>
                                        @foreach ($houseTypeOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အိမ်အမျိုးအစား - အခြား</label>
                                    <input type="text" name="house_type_other" id="house_type_other"
                                        class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">အကာအရံလုံခြုံမှု</label>
                                    <select name="house_security_status" id="house_security_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($yesNoOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">မီး</label>
                                    <select name="electricity_source" id="electricity_source" class="form-select">
                                        <option value=""></option>
                                        @foreach ($electricityOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">မီး - အခြား</label>
                                    <input type="text" name="electricity_source_other"
                                        id="electricity_source_other" class="form-control">
                                </div>
                                <div class="col-sm-9">
                                    <label class="form-label">MAM ရရှိသော ထောက်ပံ့ပစ္စည်းများ (ယခုနှစ်အတွက်)</label>
                                    <div class="row g-2">
                                        @foreach ($mamSupportOptions as $value => $label)
                                            <div class="col-sm-4">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox"
                                                        name="mam_supports[]" value="{{ $value }}"
                                                        id="mam_support_{{ $value }}">
                                                    <label class="form-check-label" for="mam_support_{{ $value }}">
                                                        {{ $label }}
                                                    </label>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <label class="form-label">အခြားအရာများရှိပါကဖော်ပြပါ</label>
                                    <input type="text" name="mam_support_other_detail"
                                        id="mam_support_other_detail" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">၆လအတွင်း အသေးစားစီးပွားရေးလုပ်ငန်း</label>
                                    <select name="small_business_status" id="small_business_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($smallBusinessOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-9">
                                    <label class="form-label">အသေးစားစီးပွားရေးလုပ်ငန်းမရဖူးလျှင် ပေးရန်လိုအပ်မှုရှိ မရှိ</label>
                                    <input type="text" name="small_business_need_note" id="small_business_need_note"
                                        class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">၆လအတွင်း အသက်မွေးဝမ်းကျောင်းသင်တန်း</label>
                                    <select name="vocational_training_status" id="vocational_training_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($trainingOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-12">
                                    <label class="form-label">အသက်မွေးဝမ်းကျောင်းသင်တန်း တက်ခွင့် မရဖူးလျှင် ပေးရန်လိုအပ်မှုရှိ မရှိ</label>
                                    <input type="text" name="vocational_training_need_note"
                                        id="vocational_training_need_note" class="form-control">
                                </div>
                                <div class="col-sm-12">
                                    <label class="form-label">အုပ်ထိန်းသူ၏ ရင်တွင်းစကား</label>
                                    <textarea name="caregiver_message" id="caregiver_message" rows="3" class="form-control"></textarea>
                                </div>
                            </div>
                        </section>

                        <section class="border-bottom mb-3 pb-3">
                            <h3 class="header-text">Section 6. ကလေးအကြောင်း</h3>

                            <div class="row g-3">
                                <div class="col-sm-6">
                                    <label class="form-label">အားလပ်ချိန်များတွင် ဘာလုပ်လေ့ရှိသလဲ?</label>
                                    <textarea name="free_time_activities" id="free_time_activities" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">ကလေး၏ဝါသနာ နှင့် ဘာကြောင့် ထိုအရာကိုဝါသနာ ပါရသလဲ?</label>
                                    <textarea name="hobby_and_reason" id="hobby_and_reason" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">ကျောင်းတွင်အကြိုက်ဆုံး ဘာသာကဘာလဲ? ဘာ့ကြောင့်လဲ?</label>
                                    <textarea name="favourite_subject_reason" id="favourite_subject_reason" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">ကြီးလာရင် ဘာဖြစ်ချင်လဲ? ဘာကြောင့်လဲ?</label>
                                    <textarea name="future_dream_reason" id="future_dream_reason" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">ဘယ်အစားအစာကိုအကြိုက်ဆုံးလဲ ဘာကြောင့်လဲ?</label>
                                    <textarea name="favourite_food_reason" id="favourite_food_reason" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">အိမ်မွေးတိရစ္ဆာန်ရှိလား? ဘာကောင်လေးလဲ?</label>
                                    <textarea name="pet_status_detail" id="pet_status_detail" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-4">
                                    <label class="form-label">နာမည်ဘယ်လိုခေါ်လဲ?</label>
                                    <input type="text" name="pet_name" id="pet_name" class="form-control">
                                </div>
                                <div class="col-sm-4">
                                    <label class="form-label">ဘယ်တိရစ္ဆာန်ချစ်လဲ လိုချင်လဲ?</label>
                                    <input type="text" name="desired_animal" id="desired_animal"
                                        class="form-control">
                                </div>
                                <div class="col-sm-4">
                                    <label class="form-label">ပွဲတော် / ရာသီဥတု / ခရီးသွားခြင်း</label>
                                    <input type="text" name="favourite_festival_season_trip"
                                        id="favourite_festival_season_trip" class="form-control">
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">တစ်နေ့တာ ဘာတွေလုပ်ဖြစ်လဲ?</label>
                                    <textarea name="daily_routine" id="daily_routine" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">ကလေးထံမှ အလှူရှင်အတွက် ရေရှည် ထောက်ပံ့ကူညီမှုအတွက် ရင်တွင်းစကားများ</label>
                                    <textarea name="message_to_donor" id="message_to_donor" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">၆လအတွင်း Child protection support ယူဖူးလား</label>
                                    <select name="child_protection_support_status"
                                        id="child_protection_support_status" class="form-select">
                                        <option value=""></option>
                                        @foreach ($cpSupportOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">CP code</label>
                                    <input type="text" name="child_protection_support_code"
                                        id="child_protection_support_code" class="form-control">
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">ယခု ကလေးသည် Child protection issue ရှိတယ်လို့ထင်ပါသလား?</label>
                                    <select name="child_protection_issue_status"
                                        id="child_protection_issue_status" class="form-select">
                                        <option value=""></option>
                                        @foreach ($cpIssueOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">CP case ဖွင့်သည့် နေ့စွဲ</label>
                                    <div class="date-holder">
                                        <input type="text" name="child_protection_case_open_date"
                                            id="child_protection_case_open_date"
                                            class="form-control Gdate date-verify reception-dateformat"
                                            placeholder="dd-mm-yyyy">
                                        <img src="{{ asset('img/calendar3.svg') }}" class="dateimg" alt="date">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">စောင့်ကြည့်ရန်လိုအပ်သည့်အကြောင်းရင်း</label>
                                    <input type="text" name="child_protection_monitor_reason"
                                        id="child_protection_monitor_reason" class="form-control">
                                </div>
                                <div class="col-sm-3">
                                    <label class="form-label">Home visit တွင်ဓာတ်ပုံရိုက်ခဲ့သလား?</label>
                                    <select name="home_visit_photo_status" id="home_visit_photo_status"
                                        class="form-select">
                                        <option value=""></option>
                                        @foreach ($photoOptions as $value => $label)
                                            <option value="{{ $value }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-12">
                                    <label class="form-label">မရိုက်ခဲ့သည့်အကြောင်းအရင်း</label>
                                    <input type="text" name="home_visit_photo_reason"
                                        id="home_visit_photo_reason" class="form-control">
                                </div>
                                <div class="col-sm-12">
                                    <label class="form-label">Child program officer၏ ကလေးနှင့်ပတ်သက်သည့် မှတ်ချက်များ</label>
                                    <textarea name="child_program_officer_comment" id="child_program_officer_comment" rows="3" class="form-control"></textarea>
                                </div>
                                <div class="col-sm-4">
                                    <label class="form-label">Child program officer ၏ အမည်</label>
                                    <input type="text" name="child_program_officer_name"
                                        id="child_program_officer_name" class="form-control">
                                </div>
                            </div>
                        </section>

                        <div class="child-support-card mb-3">
                            <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-3">
                                <div class="child-support-status" id="followupStatus">Ready.</div>
                                <div class="child-support-actions">
                                    <button type="button" class="btn btn-outline-secondary" id="followupNewBtn">New follow-up</button>
                                    <button type="button" class="btn btn-outline-danger" id="followupDeleteBtn" disabled>Delete current</button>
                                    <button type="submit" class="btn btn-primary">Save follow-up</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endauth
@endsection

@push('scripts')
    <script src="{{ asset('js/child-support-crypto.js') }}?v={{ filemtime(public_path('js/child-support-crypto.js')) }}"></script>
    <script src="{{ asset('js/TbSection/tbDatePicker.js') }}?v={{ filemtime(public_path('js/TbSection/tbDatePicker.js')) }}"></script>
    <script src="{{ asset('js/child-support-followup.js') }}?v={{ filemtime(public_path('js/child-support-followup.js')) }}"></script>
    <script>
        document.addEventListener('click', function (e) {
            if (e.target.closest('.addRow, .addRow_current_family')) {
                let table = e.target.closest('table').querySelector('tbody');
                let newRow = table.rows[0].cloneNode(true);

                newRow.querySelectorAll('input').forEach(function (input) {
                    if (input.type === 'checkbox') {
                        input.checked = false;
                    } else {
                        input.value = '';
                    }
                });
                newRow.querySelectorAll('select').forEach(function (select) {
                    select.value = '';
                });
                newRow.querySelectorAll('textarea').forEach(function (textarea) {
                    textarea.value = '';
                });

                table.appendChild(newRow);
            }

            if (e.target.closest('.removeRow, .removeRow_current_family')) {
                let table = e.target.closest('table').querySelector('tbody');
                if (table.rows.length > 1) {
                    e.target.closest('tr').remove();
                } else {
                    alert('At least one row is required!');
                }
            }
        });
    </script>
@endpush