<div class="form-group row align-items-center" :class="{'has-danger': errors.has('order_id'), 'has-success': fields.order_id && fields.order_id.valid }">
    <label for="order_id" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.order_id')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        <input type="text" v-model="form.order_id" v-validate="'required'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('order_id'), 'form-control-success': fields.order_id && fields.order_id.valid}" id="order_id" name="order_id" placeholder="<?php echo e(trans('admin.diamond-order.columns.order_id')); ?>">
        <div class="form-group has-error has-feedback">
        <div v-if="errors.has('order_id')" class="form-control-feedback form-text" v-cloak>{{ errors.first('order_id') }}</div>
        </div>
    </div>
</div>


<div class="form-group row align-items-center" :class="{'has-danger': errors.has('diamond_type'), 'has-success': fields.diamond_type && fields.diamond_type.valid }">
    <label for="diamond_type" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.diamond_type')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        
        <select type="text" v-model="form.diamond_type" v-validate="'integer'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('diamond_type'), 'form-control-success': fields.diamond_type && fields.diamond_type.valid}" id="diamond_type" name="diamond_type" placeholder="<?php echo e(trans('admin.car.columns.diamond_type')); ?>">
            <?php $__currentLoopData = $DiamondType; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($cat->id); ?>"><?php echo e($cat->type); ?></option>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </select> 
        <div v-if="errors.has('diamond_type')" class="form-control-feedback form-text" v-cloak>{{ errors.first('diamond_type') }}</div>
    </div>  
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('diamond_stock_type'), 'has-success': fields.diamond_stock_type && fields.diamond_stock_type.valid }">
    <label for="diamond_stock_type" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.diamond_stock_type')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        
        <select type="text" v-model="form.diamond_stock_type" v-validate="'integer'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('diamond_stock_type'), 'form-control-success': fields.diamond_stock_type && fields.diamond_stock_type.valid}" id="diamond_stock_type" name="diamond_stock_type" placeholder="<?php echo e(trans('admin.car.columns.diamond_stock_type')); ?>">
            <?php $__currentLoopData = $DiamondStockType; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($cat->id); ?>"><?php echo e($cat->type); ?></option>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </select> 
        <div class="form-group has-error has-feedback">
        <div v-if="errors.has('diamond_stock_type')" class="form-control-feedback form-text" v-cloak>{{ errors.first('diamond_stock_type') }}</div>
        </div>   
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('diamond_shape'), 'has-success': fields.diamond_shape && fields.diamond_shape.valid }">
    <label for="diamond_shape" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.diamond_shape')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        
        <select type="text" v-model="form.diamond_shape" v-validate="'integer'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('diamond_shape'), 'form-control-success': fields.diamond_shape && fields.diamond_shape.valid}" id="diamond_shape" name="diamond_shape" placeholder="<?php echo e(trans('admin.car.columns.diamond_shape')); ?>">
            <?php $__currentLoopData = $DiamondShape; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($cat->id); ?>"><?php echo e($cat->shape); ?></option>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </select> 
        <div v-if="errors.has('diamond_shape')" class="form-control-feedback form-text" v-cloak>{{ errors.first('diamond_shape') }}</div>
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('carat_weight'), 'has-success': fields.carat_weight && fields.carat_weight.valid }">
    <label for="carat_weight" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.carat_weight')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        
        <select type="text" v-model="form.carat_weight" v-validate="'integer'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('carat_weight'), 'form-control-success': fields.carat_weight && fields.carat_weight.valid}" id="carat_weight" name="carat_weight" placeholder="<?php echo e(trans('admin.car.columns.carat_weight')); ?>">
            <?php $__currentLoopData = $CaratWeight; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($cat->id); ?>"><?php echo e($cat->weight); ?></option>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </select> 
        <div v-if="errors.has('carat_weight')" class="form-control-feedback form-text" v-cloak>{{ errors.first('carat_weight') }}</div>
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('stone_color'), 'has-success': fields.stone_color && fields.stone_color.valid }">
    <label for="stone_color" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.stone_color')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        
        <select type="text" v-model="form.stone_color" v-validate="'integer'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('stone_color'), 'form-control-success': fields.stone_color && fields.stone_color.valid}" id="stone_color" name="stone_color" placeholder="<?php echo e(trans('admin.car.columns.stone_color')); ?>">
            <?php $__currentLoopData = $StoneColor; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <option value="<?php echo e($cat->id); ?>"><?php echo e($cat->stone_color); ?></option>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </select> 
        <div v-if="errors.has('stone_color')" class="form-control-feedback form-text" v-cloak>{{ errors.first('stone_color') }}</div>
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('length'), 'has-success': fields.length && fields.length.valid }">
    <label for="length" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.length')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        <input type="text" v-model="form.length" v-validate="'decimal'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('length'), 'form-control-success': fields.length && fields.length.valid}" id="length" name="length" placeholder="<?php echo e(trans('admin.diamond-order.columns.length')); ?>">
        <div v-if="errors.has('length')" class="form-control-feedback form-text" v-cloak>{{ errors.first('length') }}</div>
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('width'), 'has-success': fields.width && fields.width.valid }">
    <label for="width" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.width')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        <input type="text" v-model="form.width" v-validate="'decimal'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('width'), 'form-control-success': fields.width && fields.width.valid}" id="width" name="width" placeholder="<?php echo e(trans('admin.diamond-order.columns.width')); ?>">
        <div v-if="errors.has('width')" class="form-control-feedback form-text" v-cloak>{{ errors.first('width') }}</div>
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('height'), 'has-success': fields.height && fields.height.valid }">
    <label for="height" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.height')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        <input type="text" v-model="form.height" v-validate="'decimal'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('height'), 'form-control-success': fields.height && fields.height.valid}" id="height" name="height" placeholder="<?php echo e(trans('admin.diamond-order.columns.height')); ?>">
        <div v-if="errors.has('height')" class="form-control-feedback form-text" v-cloak>{{ errors.first('height') }}</div>
    </div>
</div>

<div class="form-group row align-items-center" :class="{'has-danger': errors.has('certificate_number'), 'has-success': fields.certificate_number && fields.certificate_number.valid }">
    <label for="certificate_number" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-2'"><?php echo e(trans('admin.diamond-order.columns.certificate_number')); ?></label>
        <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-8'">
        <input type="text" v-model="form.certificate_number" v-validate="''" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('certificate_number'), 'form-control-success': fields.certificate_number && fields.certificate_number.valid}" id="certificate_number" name="certificate_number" placeholder="<?php echo e(trans('admin.diamond-order.columns.certificate_number')); ?>">
        <div v-if="errors.has('certificate_number')" class="form-control-feedback form-text" v-cloak>{{ errors.first('certificate_number') }}</div>
    </div>
</div>


<?php /**PATH C:\xampp\htdocs\diamond\resources\views/admin/diamond-order/components/form-elements.blade.php ENDPATH**/ ?>