@props(['product' => new \App\Models\Product()])

<div class="card border-0 shadow-none">
    <div class="card-header collapsible cursor-pointer rotate" data-bs-toggle="collapse" data-bs-target="#product_3b">
        <div class="card-title">
            <h3>B. Environmental Specification</h3>
        </div>
        <div class="card-toolbar rotate-180">
            <i class="ki-duotone ki-down fs-1"></i>
        </div>
    </div>
    <div id="product_3b" class="collapse show">
        <div class="card-body">
            <h4 class="card-subtitle">Computer Performance</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="com_processor" class="col-lg-3 col-form-label fw-semibold fs-6 required">List of Processor</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="com_processor" id="com_processor" value="{{ old('com_processor', $product->com_processor) }}">
                        @error('com_processor')
                            <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="com_memory" class="col-lg-3 col-form-label fw-semibold fs-6 required">System Memory</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="com_memory" id="com_memory" value="{{ old('com_memory', $product->com_memory) }}">
                        @error('com_memory')
                            <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="com_storage" class="col-lg-3 col-form-label fw-semibold fs-6 required">Storage</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="com_storage" id="com_storage" value="{{ old('com_storage', $product->com_storage) }}">
                        @error('com_storage')
                            <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="com_graphic" class="col-lg-3 col-form-label fw-semibold fs-6 required">Graphic Card</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="com_graphic" id="com_graphic" value="{{ old('com_graphic', $product->com_graphic) }}">
                        @error('com_graphic')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">Energy Performance</h4>
            <div class="card-subbody">
                <p>Energy Consumption</p>
                <hr>
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="energy_category" class="col-lg-3 col-form-label fw-semibold fs-6 required">Energy Star Category</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="energy_category" id="energy_category" value="{{ old('energy_category', $product->energy_category) }}">
                        @error('energy_category')
                            <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_tec" class="col-lg-3 col-form-label fw-semibold fs-6 required">Typical energy consumption (TEC)</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="energy_tec" id="energy_tec" value="{{ old('energy_tec', $product->energy_tec) }}">
                        @error('energy_tec')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
                <p>Power Management</p>
                <hr>
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label class="col-lg-3 col-form-label fw-semibold fs-6 required">Long Idle Power Used for Sleep Mode</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 align-self-center">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="power_idle" id="power_idle_1" value="1" @checked(old('power_idle', $product->power_idle) == 1)>
                            <label class="form-check-label" for="power_idle_1">Yes</label>
                        </div>
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="power_idle" id="power_idle_0" value="0" @checked(old('power_idle', $product->power_idle) == 0)>
                            <label class="form-check-label" for="power_idle_0">No</label>
                        </div>
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="power_off_mode" class="col-lg-3 col-form-label fw-semibold fs-6 required">Off Mode</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="power_off_mode" id="power_off_mode" value="{{ old('power_off_mode', $product->power_off_mode) }}">
                        @error('power_off_mode')
                            <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="power_sleep_mode" class="col-lg-3 col-form-label fw-semibold fs-6 required">Sleep Mode</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="power_sleep_mode" id="power_sleep_mode" value="{{ old('power_sleep_mode', $product->power_sleep_mode) }}">
                        @error('power_sleep_mode')
                            <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="power_long_idle" class="col-lg-3 col-form-label fw-semibold fs-6 required">Long Idle</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="power_long_idle" id="power_long_idle" value="{{ old('power_long_idle', $product->power_long_idle) }}">
                        @error('power_long_idle')
                            <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="power_short_idle" class="col-lg-3 col-form-label fw-semibold fs-6 required">Short Idle</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="power_short_idle" id="power_short_idle" value="{{ old('power_short_idle', $product->power_short_idle) }}">
                        @error('power_short_idle')
                            <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="power_wol" class="col-lg-3 col-form-label fw-semibold fs-6 required">Wake on LAN (WOL)</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="power_wol" id="power_wol" value="{{ old('power_wol', $product->power_wol) }}">
                        @error('power_wol')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">Materials Selection</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="recycled_list" class="col-lg-3 col-form-label fw-semibold fs-6 required">Recycled Content List and Amount</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="recycled_list" id="recycled_list" value="{{ old('recycled_list', $product->recycled_list) }}">
                        @error('recycled_list')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">Hazardous Substance Content</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="hazardous_content" class="col-lg-3 col-form-label fw-semibold fs-6 required">Hazardous Content</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="hazardous_content" id="hazardous_content" value="{{ old('hazardous_content', $product->hazardous_content) }}">
                        @error('hazardous_content')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">Design For End-Of-Life</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label class="col-lg-3 col-form-label fw-semibold fs-6 required">Disassembly Instruction Provided</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 align-self-center">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="disassembly_instruction" id="disassembly_instruction_1" value="1" @checked(old('disassembly_instruction', $product->disassembly_instruction) == 1)>
                            <label class="form-check-label" for="disassembly_instruction_1">Yes</label>
                        </div>
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="disassembly_instruction" id="disassembly_instruction_0" value="0" @checked(old('disassembly_instruction', $product->disassembly_instruction) == 0)>
                            <label class="form-check-label" for="disassembly_instruction_0">No</label>
                        </div>
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">Product Longevity / Life Cycle Extension</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="product_lifetime" class="col-lg-3 col-form-label fw-semibold fs-6 required">Product Design Lifetime</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="product_lifetime" id="product_lifetime" value="{{ old('product_lifetime', $product->product_lifetime) }}">
                        @error('product_lifetime')
                            <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="spare_parts" class="col-lg-3 col-form-label fw-semibold fs-6 required">Spare Parts Availability</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="spare_parts" id="spare_parts" value="{{ old('spare_parts', $product->spare_parts) }}">
                        @error('spare_parts')
                            <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="warranty" class="col-lg-3 col-form-label fw-semibold fs-6 required">Warranty Period</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="warranty" id="warranty" value="{{ old('warranty', $product->warranty) }}">
                        @error('warranty')
                            <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="repairability" class="col-lg-3 col-form-label fw-semibold fs-6 required">Repairability Index</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8">
                        <input type="text" class="form-control form-control-sm" name="repairability" id="repairability" value="{{ old('repairability', $product->repairability) }}">
                        @error('repairability')
                            <span class="text-sm text-danger">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">Packaging</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="pkg_recyclable" class="col-lg-3 col-form-label fw-semibold fs-6 required">Compostable / Recyclable</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 align-self-center">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="pkg_recyclable" id="pkg_recyclable_1" value="1" @checked(old('pkg_recyclable', $product->pkg_recyclable) == 1)>
                            <label class="form-check-label" for="pkg_recyclable_1">Yes</label>
                        </div>
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="pkg_recyclable" id="pkg_recyclable_0" value="0" @checked(old('pkg_recyclable', $product->pkg_recyclable) == 0)>
                            <label class="form-check-label" for="pkg_recyclable_0">No</label>
                        </div>
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="pkg_take_back_service" class="col-lg-3 col-form-label fw-semibold fs-6 required">Provision of Take-back Service</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 align-self-center">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="pkg_take_back_service" id="pkg_take_back_service_1" value="1" @checked(old('pkg_take_back_service', $product->pkg_take_back_service) == 1)>
                            <label class="form-check-label" for="pkg_take_back_service_1">Yes</label>
                        </div>
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="pkg_take_back_service" id="pkg_take_back_service_0" value="0" @checked(old('pkg_take_back_service', $product->pkg_take_back_service) == 0)>
                            <label class="form-check-label" for="pkg_take_back_service_0">No</label>
                        </div>
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
            <h4 class="card-subtitle">End-Of-Life Management</h4>
            <div class="card-subbody">
                <!--begin::Row-->
                <div class="row mb-3">
                    <!--begin::Label-->
                    <label for="eol_take_back_policy" class="col-lg-3 col-form-label fw-semibold fs-6 required">Take Back Policy</label>
                    <!--end::Label-->
                    <!--begin::Col-->
                    <div class="col-lg-8 align-self-center">
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="eol_take_back_policy" id="eol_take_back_policy_1" value="1" @checked(old('eol_take_back_policy', $product->eol_take_back_policy) == 1)>
                            <label class="form-check-label" for="eol_take_back_policy_1">Yes</label>
                        </div>
                        <div class="form-check form-check-xs form-check-success form-check-inline">
                            <input class="form-check-input" type="radio" name="eol_take_back_policy" id="eol_take_back_policy_0" value="0" @checked(old('eol_take_back_policy', $product->eol_take_back_policy) == 0)>
                            <label class="form-check-label" for="eol_take_back_policy_0">No</label>
                        </div>
                    </div>
                    <!--end::Col-->
                </div>
                <!--end::Row-->
            </div>
        </div>
    </div>
</div>