@props(['service' => new \App\Models\Service()])

<div class="card border-0 shadow-none">
    <div class="card-header collapsible cursor-pointer rotate" data-bs-toggle="collapse" data-bs-target="#product_requirement">
        <div class="card-title">
            <h3>C. Product Requirement</h3>
        </div>
        <div class="card-toolbar rotate-180">
            <i class="ki-duotone ki-down fs-1"></i>
        </div>
    </div>
    <div id="product_requirement" class="collapse show">
        <div class="card-body">

            <h4 class="card-subtitle required">Product Requirement Information</h4>

            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="cleaning_agent" class="col-lg-3 col-form-label fw-semibold fs-6 required">Use of eco-label certified
                        biodegradable cleaning agent</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 mt-3">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="cleaning_agent" id="cleaning_agent_yes"
                                value="1" {{ old('cleaning_agent', $service->cleaning_agent ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="cleaning_agent_yes">Yes</label>
                        </div>

                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="cleaning_agent" id="cleaning_agent_no"
                                value="0" {{ old('cleaning_agent', $service->cleaning_agent ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="cleaning_agent_no">No</label>
                        </div>
                        @error('cleaning_agent')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->

                 <!--begin::Row-->
                 <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="certified_energy" class="col-lg-3 col-form-label fw-semibold fs-6 required">Use of certified energy
                        efficient equipment</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 mt-3">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="certified_energy" id="certified_energy_yes"
                                value="1" {{ old('certified_energy', $service->certified_energy ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="certified_energy_yes">Yes</label>
                        </div>

                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="certified_energy" id="certified_energy_no"
                                value="0" {{ old('certified_energy', $service->certified_energy ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="certified_energy_no">No</label>
                        </div>
                        @error('certified_energy')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->

                 <!--begin::Row-->
                 <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="compostable_garbage" class="col-lg-3 col-form-label fw-semibold fs-6 required">Use of eco-label certified
                        biodegradable or compostable
                        garbage bag</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 mt-3">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="compostable_garbage" id="compostable_garbage_yes"
                                value="1" {{ old('compostable_garbage', $service->compostable_garbage ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="compostable_garbage_yes">Yes</label>
                        </div>

                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="compostable_garbage" id="compostable_garbage_no"
                                value="0" {{ old('compostable_garbage', $service->compostable_garbage ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="compostable_garbage_no">No</label>
                        </div>
                        @error('compostable_garbage')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->

                 <!--begin::Row-->
                 <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="recycled_toilet" class="col-lg-3 col-form-label fw-semibold fs-6 required">Use of eco-label certified
                        recycled toilet tissue</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 mt-3">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="recycled_toilet" id="recycled_toilet_yes"
                                value="1" {{ old('recycled_toilet', $service->recycled_toilet ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="recycled_toilet_yes">Yes</label>
                        </div>

                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="recycled_toilet" id="recycled_toilet_no"
                                value="0" {{ old('recycled_toilet', $service->recycled_toilet ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="recycled_toilet_no">No</label>
                        </div>
                        @error('recycled_toilet')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->

                 <!--begin::Row-->
                 <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="air_freshener" class="col-lg-3 col-form-label fw-semibold fs-6 required">Use of natural-based
                        air freshener</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 mt-3">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="air_freshener" id="air_freshener_yes"
                                value="1" {{ old('air_freshener', $service->air_freshener ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="air_freshener_yes">Yes</label>
                        </div>

                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="air_freshener" id="air_freshener_no"
                                value="0" {{ old('air_freshener', $service->air_freshener ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="air_freshener_no">No</label>
                        </div>
                        @error('air_freshener')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->

                 <!--begin::Row-->
                 <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="protective_equipment" class="col-lg-3 col-form-label fw-semibold fs-6 required">Personal Protective
                        Equipment (PPE)</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 mt-3">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="protective_equipment" id="protective_equipment_yes"
                                value="1" {{ old('protective_equipment', $service->protective_equipment ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="protective_equipment_yes">Yes</label>
                        </div>

                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="protective_equipment" id="protective_equipment_no"
                                value="0" {{ old('protective_equipment', $service->protective_equipment ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="protective_equipment_no">No</label>
                        </div>
                        @error('protective_equipment')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
        </div>
    </div>
</div>