@php
    $labelClass = "block text-sm font-semibold text-gray-700 mb-2";

    $selectClass = "w-full px-5 py-4 bg-slate-50 border border-blue-100 rounded-xl text-gray-800 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition duration-200 outline-none";
@endphp

<div class="p-8 bg-white border border-blue-100 rounded-b-2xl shadow-sm space-y-8">

  
    <!-- Target Classification -->
    <div class="grid gap-8 md:grid-cols-2">

        <div>
            <label for="sector" class="{{ $labelClass }}">Target Sector</label>
            <select id="sector" name="sector" class="{{ $selectClass }}">
                <option value="">-- Select Target Sector --</option>
                <option value="FHONA">FHONA</option>
                <option value="SC">Senior Citizen</option>
                <option value="PDAO">Differently Abled Person</option>
                <option value="WEDC">WEDC</option>
                <option value="PLHIV">PLHIV</option>
                <option value="YNSP">YNSP</option>
                <option value="CNSP">CNSP</option>
            </select>
        </div>

        <div>
            <label for="subsector" class="{{ $labelClass }}">Sub-Category</label>
            <select id="subsector" name="subsector" class="{{ $selectClass }}">
                <option value="">-- Select Sub-Category --</option>
                <option value="Solo parent">Solo Parents</option>
                <option value="4Ps">4Ps DSWD Beneficiary</option>
                <option value="TIP">TIP</option>
                <option value="Distressed OFW">Distressed OFW</option>
                <option value="RPWUDS">RPWUDS</option>
                <option value="Others">Others</option>
                <option value="NA">Not Applicable</option>
            </select>
        </div>

    </div>

    <!-- Assistance -->
    <div class="grid gap-8 md:grid-cols-2">

        <div>
            <label for="assistance_type" class="{{ $labelClass }}">Assistance Provided</label>
            <select id="assistance_type" name="assistance_type" class="{{ $selectClass }}">
                <option value="">-- Select Assistance Provided --</option>
                <option value="Financial Assistance">Financial Assistance</option>
                <option value="Guarantee Letter">Guarantee Letter</option>
                <option value="SCSR">SCSR</option>
                <option value="Referral">Referral</option>
            </select>
        </div>

        <div>
            <label for="subassistance_type" class="{{ $labelClass }}">Assistance Type</label>
            <select id="subassistance_type" name="subassistance_type" class="{{ $selectClass }}">
                <option value="">-- Select Assistance Type --</option>
                <option value="Medical">Medical</option>
                <option value="Funeral">Funeral</option>
                <option value="Assistance for Other Support Services">Other Support Services</option>
                <option value="Disaster Relief">Disaster Relief</option>
            </select>
        </div>

    </div>

    <!-- Data Privacy Consent -->
    <div class="bg-slate-50 border border-blue-100 rounded-2xl p-6">

        <h3 class="text-base font-semibold text-gray-800 mb-3">
            Data Privacy Consent Agreement
        </h3>

        <div class="text-sm text-gray-600 leading-relaxed space-y-3">

            <p>
                In compliance with <strong>Republic Act No. 10173</strong>, otherwise known as the
                <strong>Data Privacy Act of 2012</strong>, I hereby authorize the
                <strong>Local Government Unit of Cabuyao – Hain Center</strong>
                to collect, process, store, and use my personal information for the purpose of
                evaluating, processing, validating, and monitoring my request for assistance.
            </p>

            <p>
                I understand that my information shall be treated with confidentiality and shall only
                be accessed by authorized personnel for legitimate government service delivery,
                documentation, reporting, and auditing purposes.
            </p>

            <p>
                I further understand that my personal data shall not be disclosed to unauthorized third
                parties without my consent, except when required by law or lawful government mandate.
            </p>

        </div>

        <div class="flex items-start mt-5">
            <input id="privacyConsent" type="checkbox"
                class="w-5 h-5 mt-0.5 border border-blue-200 rounded focus:ring-blue-500"
                required />

            <label for="privacyConsent" class="ml-3 text-sm text-gray-700">
                I have read and understood the Data Privacy Consent Agreement and voluntarily give my
                consent for the lawful processing of my personal data.
            </label>
        </div>

    </div>

    <!-- Submit -->
    <div class="flex justify-end">

        <button type="button" id="reviewButton"
            class="px-8 py-3 bg-blue-600 text-white rounded-xl hover:bg-blue-700 shadow-md transition font-semibold">
            Review & Submit
        </button>

    </div>

</div>