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


<div class="form-group row align-items-center" :class="{'has-danger': errors.has('status'), 'has-success': fields.status && fields.status.valid }">
    <label for="status" class="col-form-label text-md-right" :class="isFormLocalized? 'col-md-4' : 'col-md-2'">{{ trans('Status') }}</label>
    <div :class="isFormLocalized? 'col-md-4' : 'col-md-9 col-xl-8'" style="display: flex;">
        <div class="form-check form-check-inline align-items-center" style="margin-right: 15px;">
            <input class="form-check-input" style="margin-bottom: 0.5rem;" type="radio" v-model="form.status" name="status" id="statusYes" value="1">
            <label class="form-check-label" for="statusYes">Active</label>
        </div>
        <div class="form-check form-check-inline align-items-center">
            <input class="form-check-input" style="margin-bottom: 0.5rem;" type="radio" v-model="form.status" name="status" id="statusNo" value="0">
            <label class="form-check-label" for="statusNo">In-active</label>
        </div>
        <div v-if="errors.has('status')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('status') }}</div>
    </div>
</div>


