@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="#service_requirement">
        <div class="card-title">
            <h3>B. Service Requirement</h3>
        </div>
        <div class="card-toolbar rotate-180">
            <i class="ki-duotone ki-down fs-1"></i>
        </div>
    </div>
    <div id="service_requirement" class="collapse show">
        <div class="card-body">

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

            <div class="card-subbody">
                   <!--begin::Row-->
                   <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="is_certified_eco" class="col-lg-3 col-form-label fw-semibold fs-6 required">Cleaning Service is Certified With an Eco-label</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="is_certified_eco" id="is_certified_eco_yes"
                                value="1"
                                {{ old('is_certified_eco', $service->is_certified_eco ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_certified_eco_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="is_certified_eco" id="is_certified_eco_no"
                                value="0" {{ old('is_certified_eco', $service->is_certified_eco ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_certified_eco_no">No</label>
                        </div>
                        @error('is_certified_eco')
                            <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="competency_requirement" class="col-lg-3 col-form-label fw-semibold fs-6 required">Staff Training / Competency requirement</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <span>
                            <ol>
                            <li><a href="{{ asset($competency_requirement->path) }}" target="_blank">
                                {{ basename($competency_requirement->path) }}
                            </a></li>

                            <li><a href="{{ asset($competency_perakuan->path) }}" target="_blank">
                                {{ basename($competency_perakuan->path) }}
                            </a></li>
                        </ol>
                        </span>
                        {{-- <input type="text" class="form-control form-control-sm" name="competency_requirement"
                            id="competency_requirement" value="{{ old('competency_requirement', $service['competency_requirement']) }}">
                        @error('competency_requirement')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                          <!-- Dropzone Section (appears below the image) -->
                          <div class="dropzone" id="dzCompetencyRequirement" style="margin-top: 5px;">
                            <!--begin::Message-->
                            <div class="dz-message needsclick">
                                <i class="ki-duotone ki-file-up fs-3x text-primary"><span class="path1"></span><span
                                        class="path2"></span></i>
                                <!--begin::Info-->
                                <div class="ms-4">
                                    <h3 class="fs-5 fw-bold text-gray-900 mb-1">Drop files here or click to
                                        upload.</h3>
                                    <span class="fs-7 fw-semibold text-gray-500">Upload file</span>
                                </div>
                                <!--end::Info-->
                            </div>
                            <!--end::Message-->
                        </div>
                        <input type="hidden" name="competency_requirement" id="competency_requirement" value="session('serviceData')['competency_requirement'] ?? ''">
                        @error('image')
                            <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="operation_maintenance" class="col-lg-3 col-form-label fw-semibold fs-6 required">Operation & Maintenance</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                          <!-- Dropzone Section (appears below the image) -->
                          <div class="dropzone dropzone-file" id="dzOperationMaintenance" style="margin-top: 5px;">
                            <!--begin::Message-->
                            <div class="dz-message needsclick">
                                <button type="button" class="btn btn-sm btn-secondary">Choose File</button>
                                <span class="align-self-center text-muted ms-2">No file selected</span>
                            </div>
                            <!--end::Message-->
                        </div>
                        <input type="hidden" name="operation_maintenance" id="operation_maintenance"  value="{{ old('operation_maintenance', $operation_maintenance->path ?? '') }}">
                        @error('operation_maintenance')
                            <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="energy_efficiency"
                        class="col-lg-3 col-form-label fw-semibold fs-6 required">Demonstration of Energy Efficiency and Conservation Initiatives</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="energy_efficiency"
                            id="energy_efficiency"
                            value="{{ old('energy_efficiency', $service->energy_efficiency ?? '') }}">
                        @error('energy_efficiency')
                            <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="sustainable_management" class="col-lg-3 col-form-label fw-semibold fs-6 required">Demonstration of Sustainable Solid Waste Management</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="sustainable_management"
                            id="sustainable_management"
                            value="{{ old('sustainable_management', $service->sustainable_management ?? '') }}">
                        @error('sustainable_management')
                            <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="chemical_management" class="col-lg-3 col-form-label fw-semibold fs-6 required">Chemicals and Hazardous Substance Management</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="chemical_management"
                            id="chemical_management" value="{{ old('chemical_management', $service->chemical_management ?? '') }}">
                        @error('chemical_management')
                            <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="safety_health" class="col-lg-3 col-form-label fw-semibold fs-6 required">Demonstration of Adherence
                        to Occupational Safety and
                        Health Requirement</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="safety_health" id="safety_health_yes"
                                value="1"
                                {{ old('safety_health', $service->safety_health ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="safety_health_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="safety_health" id="safety_health_no"
                                value="0" {{ old('safety_health', $service->safety_health ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="safety_health_no">No</label>
                        </div>
                        @error('safety_health')
                            <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="incorporating_equipment"
                        class="col-lg-3 col-form-label fw-semibold fs-6 required">Incorporating Additional
                        Sustainable Initiatives and
                        Equipment/Product</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="incorporating_equipment"
                                id="incorporating_equipment_yes" value="1"
                                {{ old('incorporating_equipment', $service->incorporating_equipment ?? '') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label" for="incorporating_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="incorporating_equipment"
                                id="incorporating_equipment_no" value="0"
                                {{ old('incorporating_equipment', $service->incorporating_equipment ?? '') == '0' ? 'checked' : '' }}>
                            <label class="form-check-label" for="incorporating_equipment_no">No</label>
                        </div>
                        @error('incorporating_equipment')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
        </div>
    </div>
</div>