@php
    $stone = $obj->centerStones[$index - 1] ?? null;
@endphp
<div class="stone-row center-stone-row" data-index="{{ $index }}">
    <input type="hidden" name="center_stone_id[]" value="{{ old('center_stone_id.' . ($index - 1), $stone->id ?? '') }}">
    <div class="form-group">
        <label>Type <span style="color:red">*</span></label>
        <select name="center_stone_type[]" class="form-control" required>
            <option value="">--Select--</option>
            <option value="Lab Grown Diamond"
                {{ old('center_stone_type.' . ($index - 1), $stone->stone_type ?? '') == 'Lab Grown Diamond' ? 'selected' : '' }}>
                Lab Grown Diamond
            </option>
            <option value="Natural Diamond"
                {{ old('center_stone_type.' . ($index - 1), $stone->stone_type ?? '') == 'Natural Diamond' ? 'selected' : '' }}>
                Natural Diamond
            </option>
            <option value="Gemstone"
                {{ old('center_stone_type.' . ($index - 1), $stone->stone_type ?? '') == 'Gemstone' ? 'selected' : '' }}>
                Gemstone
            </option>
        </select>
    </div>
    <div class="form-group">
        <label>Shape <span style="color:red">*</span></label>
        <select name="center_stone_shape[]" class="form-control" required>
            <option value="">--Select--</option>
            @foreach ($diamondshapes as $shape)
                <option class="text-capitalize" value="{{ $shape->shape }}"
                    {{ old('center_stone_shape.' . ($index - 1), $stone->stone_shape ?? '') == $shape->shape ? 'selected' : '' }}>
                    {{ $shape->shape }}
                </option>
            @endforeach
            <option
                {{ old('center_stone_shape.' . ($index - 1), $stone->stone_shape ?? '') == 'heart' ? 'selected' : '' }}
                value="heart">Heart</option>
            <option
                {{ old('center_stone_shape.' . ($index - 1), $stone->stone_shape ?? '') == 'radiant' ? 'selected' : '' }}
                value="radiant">Radiant</option>
            <option
                {{ old('center_stone_shape.' . ($index - 1), $stone->stone_shape ?? '') == 'elongated cushion' ? 'selected' : '' }}
                value="elongated cushion">Elongated Cushion</option>
        </select>
    </div>

    <div class="form-group">
        <label>Qty <span style="color:red">*</span></label>
        <select name="center_stone_qty[]" class="form-control" required>
            <option value="">--Select--</option>
            @for ($i = 1; $i <= 10; $i++)
                <option value="{{ $i }}"
                    {{ old('center_stone_qty.' . ($index - 1), $stone->quantity ?? '') == $i ? 'selected' : '' }}>
                    {{ $i }}
                </option>
            @endfor
        </select>
    </div>

    <div class="form-group">
        <label>Length (MM)</label>
        <input type="number" step="0.1" min="0.1" max="50.0" name="center_stone_length[]"
            class="form-control" value="{{ old('center_stone_length.' . ($index - 1), $stone->length_mm ?? '') }}"
            placeholder="Please Enter">
    </div>

    <div class="form-group">
        <label>Width (MM)</label>
        <input type="number" step="0.1" min="0.1" max="50.0" name="center_stone_width[]"
            class="form-control" value="{{ old('center_stone_width.' . ($index - 1), $stone->width_mm ?? '') }}"
            placeholder="Please Enter">
    </div>

    <div class="form-group">
        <label>Supplier</label>
        <input type="text" name="center_stone_supplier[]" class="form-control" maxlength="60"
            placeholder="Please Enter"
            value="{{ old('center_stone_supplier.' . ($index - 1), $stone->supplier ?? '') }}">
    </div>

    <div class="form-group">
        <label>CTTW</label>
        <input type="number" step="0.01" min="0.01" max="50.00" name="center_stone_cttw[]"
            class="form-control" value="{{ old('center_stone_cttw.' . ($index - 1), $stone->cttw ?? '') }}"
            placeholder="Please Enter">
    </div>

    <div class="form-group">
        <label>Setting Style</label>
        <input type="text" name="center_stone_setting[]" class="form-control" maxlength="60"
            placeholder="Please Enter"
            value="{{ old('center_stone_setting.' . ($index - 1), $stone->setting_style ?? '') }}">
    </div>

</div>
@if ($index > 1)
    <span class="remove-row" style="cursor:pointer; color:red; font-size:18px;">🗑</span>
@endif