@props(['noinspection' => []])

<x-pending.accordions.accordion-template title="No Inspection" targetId="pending-no-inspection">
    <div class="row px-5">
        <div class="col-12">
            <x-pending.schedule-remote-live-closing scheduleClosing="residential_no_inspections_schedule_closing"
                closingDate="residential_no_inspections_set_schedule_closing_date"
                remoteClosing="residential_no_inspections_remote_closing"
                remoteType="residential_no_inspections_remote_closing_buyer_or_seller"
                liveClosing="residential_no_inspections_live_closing"
                liveType="residential_no_inspections_live_closing_buyer_or_seller" :data="$noinspection" />
        </div>
        <div class="col-12">
            <div class="row">

                
                {{-- The name, email, and phone is name of the input field  --}}
                {{-- name-value, email-value and phone-value is value if each input because most time the name and it's value (value is return form api in json is different) is different form name filed   --}}
                <x-pending.provide-utility-company title="Provide Utility companies"
                    name="no_inspections_utility_companies_name[]" email="no_inspections_utility_companies_email[]"
                    phone="no_inspections_utility_companies_phone[]" :data="$noinspection['residential_no_inspections_utility_companies'] ?? '' " 
                    name-value="name"
                    email-value="email"
                    phone-value="phone"
                    />

                <div class="col-md-12 m-auto p-3">
                    <hr class="m-auto w-50">
                </div>

                <div class="col-md-12">
                    <x-pending.provide-utility-company-check-boxes
                        removeSign="residential_no_inspection_utility_company_remove_sign"
                        close="residential_no_inspection_utility_company_close"
                        markAsSold="residential_no_inspection_utility_company_mark_as_sold"
                        marketAsSold="residential_no_inspection_utility_company_market_as_sold"
                        lock="residential_no_inspection_utility_company_remove_lockbox" :data="$noinspection" />
                </div>
            </div>
        </div>
    </div>
</x-pending.accordions.accordion-template>