<div class="col-lg-12 row pricing-list-item border-item mb-4" style="background-color: rgba(21,97,203,0.1);height:auto">
    

    <div class="form-group col-lg-6">
        <label>{{ meta('rate', getCurrentLocale()) ?? __('rates.rate') }} </label>
        <select  class="form-control {{ $errors->has('rate') ? 'is-invalid' : '' }}" name="rates[{{$key}}][rate]" >
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
    </div>
    
    <div class="form-group col-lg-6">
        <label>{{ __('rates.name') }} </label>
        <input type="text" class="form-control" name="rates[{{$key}}][name]" placeholder="{{  __('rates.name') }}" />
    </div>
    <div class="form-group col-lg-6">
        <label>{{ __('rates.comment') }} </label>
        <input type="text" class="form-control" name="rates[{{$key}}][comment]" placeholder="{{  __('rates.comment') }}"/>
    </div>
    
    <div class="form-group col-lg-10 image_rate_{{$key}}container" >
        <label>{{ meta('image', getCurrentLocale()) ?? __('products.image') }} </label>
        <input id="image_rate_{{$key}}thumbnail" class="image_rate_{{$key}}thumbnail" type="hidden" name="rates[{{$key}}][image]" />

        <div class="photos main_rate_{{$key}}photo hide">
            <div class="col-md-4">
                <div class="items">
                    <div class="img">
                        <a href="#" id="lfm" data-input=".image_rate_{{$key}}thumbnail" data-preview=".image_rate_{{$key}}holder" class="lfm" data-hide=".pick_rate_{{$key}}button">
                            <img  id="image_rate_{{$key}}holder" class="image_rate_{{$key}}holder"/>
                        </a>
                    </div>
                    <a href="#" class="showHide resetImage close" data-empty=".image_rate_{{$key}}thumbnail" data-hide=".main_rate_{{$key}}photo" data-show=".pick_rate_{{$key}}button"><i class="fas fa-times"></i></a>
                </div>
            </div>
        </div>

        <div class="clearfix"></div>
        <span class="input-group-btn pick_rate_{{$key}}button">
        <a id="lfm"  data-input=".image_rate_{{$key}}thumbnail" data-preview=".image_rate_{{$key}}holder" data-show=".main_rate_{{$key}}photo" data-hide=".pick_rate_{{$key}}button" class="lfm btn btn-primary text-light">
            <i class="fas fa-camera-retro"></i> {{__('dashboard.choose')}}
        </a>
     </span>
    </div>
    <div class="form-group col-lg-2" style="font-size: 30px;margin-top:35px;">
        <i class="fas fa-times-circle" onclick="remove(this)"></i>
    </div>
</div>
<script src="{{ asset('assets/admin/js/editor.js') }}"></script>
<script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
<script src="{{ asset('assets/admin/js/articles.js') }}"></script>
