

<div class="card mb-3" v-show="isGemstone">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="card-title mb-0"><i class="ti ti-diamond me-1"></i>Gemstone Details</h5>
        <span class="badge badge-soft-info">Required for gemstone products</span>
    </div>
    <div class="card-body">
        <div class="row g-3">

            
            <div class="col-md-3">
                <label for="carat_weight" class="form-label">Carat Weight <span class="text-danger">*</span></label>
                <div class="input-group">
                    <input type="number" step="0.001" min="0.001" class="form-control" id="carat_weight"
                        name="carat_weight" v-model="form.carat_weight"
                        :class="{ 'is-invalid': errors.carat_weight }" placeholder="2.350">
                    <span class="input-group-text">ct</span>
                    <div class="invalid-feedback">{{ errors.carat_weight }}</div>
                </div>
            </div>

            
            <div class="col-md-3">
                <label for="stone_type" class="form-label">Stone Type <span class="text-danger">*</span></label>
                <select class="form-select" id="stone_type" name="stone_type"
                    v-model="form.stone_type" :class="{ 'is-invalid': errors.stone_type }">
                    <option :value="null">— Select —</option>
                    <?php $__currentLoopData = \App\Models\Product::STONE_TYPES; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($type); ?>"><?php echo e($type); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
                <div class="invalid-feedback">{{ errors.stone_type }}</div>
            </div>

            
            <div class="col-md-3">
                <label for="treatment" class="form-label">Treatment <span class="text-danger">*</span></label>
                <select class="form-select" id="treatment" name="treatment"
                    v-model="form.treatment" :class="{ 'is-invalid': errors.treatment }">
                    <option :value="null">— Select —</option>
                    <?php $__currentLoopData = \App\Models\Product::TREATMENTS; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $treatment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($treatment); ?>"><?php echo e($treatment); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
                <div class="invalid-feedback">{{ errors.treatment }}</div>
            </div>

            
            <div class="col-md-3">
                <label for="cut_shape" class="form-label">Cut / Shape</label>
                <select class="form-select" id="cut_shape" name="cut_shape" v-model="form.cut_shape">
                    <option :value="null">— Select —</option>
                    <?php $__currentLoopData = \App\Models\Product::CUT_SHAPES; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $shape): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($shape); ?>"><?php echo e($shape); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>

            
            <div class="col-md-4">
                <label for="colour_grade" class="form-label">Colour Grade</label>
                <input type="text" class="form-control" id="colour_grade" name="colour_grade"
                    v-model="form.colour_grade" maxlength="100"
                    placeholder="e.g. Vivid Red, Deep Blue">
            </div>

            
            <div class="col-md-4">
                <label for="clarity_grade" class="form-label">Clarity Grade</label>
                <select class="form-select" id="clarity_grade" name="clarity_grade" v-model="form.clarity_grade">
                    <option :value="null">— Select —</option>
                    <?php $__currentLoopData = \App\Models\Product::CLARITY_GRADES; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $clarity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($clarity); ?>"><?php echo e($clarity); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>

            
            <div class="col-md-4">
                <label for="certificate_number" class="form-label">Certificate Number</label>
                <input type="text" class="form-control" id="certificate_number" name="certificate_number"
                    v-model="form.certificate_number" maxlength="100"
                    placeholder="GIA / IGI / AGL ref">
            </div>

            
            <div class="col-md-12">
                <label for="stone_description" class="form-label">Stone Description</label>
                <textarea class="form-control" id="stone_description" name="stone_description"
                    v-model="form.stone_description" rows="3"
                    placeholder="Additional grading notes, inclusions, brilliance, provenance, etc. (optional)"></textarea>
            </div>

            
            <div class="col-md-12">
                <label for="certificate_image" class="form-label">Certificate Document</label>
                <input type="file" class="form-control" id="certificate_image" name="certificate_image"
                    accept="image/jpeg,image/png,application/pdf" @change="onCertificateChange">
                <small class="text-muted">JPG, PNG, or PDF, max 10 MB.</small>

                <div v-if="certificatePreview || existingCertificate" class="mt-2">
                    <?php if(true): ?>
                        <a v-if="existingCertificate && !certificatePreview"
                            :href="existingCertificate" target="_blank"
                            class="btn btn-sm btn-light">
                            <i class="ti ti-file me-1"></i>View current certificate
                        </a>
                        <span v-if="certificatePreview" class="badge bg-success">New file selected</span>

                        <?php if($product): ?>
                            <div class="form-check mt-2" v-if="existingCertificate && !certificatePreview">
                                <input class="form-check-input" type="checkbox"
                                    id="remove_certificate_image" name="remove_certificate_image" value="1"
                                    v-model="form.remove_certificate_image">
                                <label class="form-check-label text-danger" for="remove_certificate_image">
                                    Remove certificate
                                </label>
                            </div>
                        <?php endif; ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH F:\VScode LIve ftp\paces\resources\views/products/_partials/_gemstone_fields.blade.php ENDPATH**/ ?>