@php 
use App\Helpers\GeneralHelper;
@endphp
@foreach($Variants as $variant)
<div class="row row-sm ">
<div class="col-2">
   
    <h3>{{$variant->name}}</h3>
    
  </div>
  <div class="col-2">
    <input type="hidden" name="row_count" id="row_count" value="{{$row_count}}">
    <button type="button" class="btn btn-info add-new" style="font-size: 10px;margin: -60%;margin-top: -97px;" 
   onclick="getOptionValueField('{{$variant->id}}')"><em class="fa fa-plus"></em></button>
    
  </div>
  
  </div>
 
  <hr>

<div class="row row-sm cl_row">
  <input type="hidden" name="variant_ids[]" value="{{$variant->id}}">
  <div class="col-2">
  <div class="form-group">
      <label for=""><span
              class="error"></span></label>
        <select name="v_option_value_id[]" class="form-control select2 " id="v_option_value_id_{{$row_count}}" onchange="removeRequired('{{$row_count}}')">
        <option value="">{{config('languageString.variant_option_value')}}</option>
        @foreach(GeneralHelper::getVariantValueOption($variant->id) as $variantOpt)
         <option value="{{$variantOpt->id}}">{{$variantOpt->name}}</option>
         @endforeach
      </select>
      <span style="color: red" id="vmsg_id_{{$row_count}}"></span>
  </div>
</div>

<div class="col-1" style="display: none;">
  <div class="form-group">
      <label for=""><span
        class="error"></span></label>

        <input type="text" name="v_qty[]"
             class="form-control"
             id="v_qty_{{$row_count}}" placeholder="{{config('languageString.quantity')}}" value="0">

  </div>
</div>

<div class="col-2" >
  <div class="form-group">
      <label for="price"><span
              class="error"></span></label>
              <input type="number" name="v_price[]"
             class="form-control"
             id="v_price_{{$row_count}}" placeholder="{{config('languageString.price')}}" onkeyup="checkVariantPrice('{{$row_count}}')">
  </div>
</div>

<div class="col-2">
  <div class="form-group">
      <label for=""><span class="error"></span></label>
      <input type="number" name="v_discounted_price[]"
             class="form-control"
             id="v_discounted_price_{{$row_count}}" placeholder="{{config('languageString.discounted_price')}}" onkeyup="checkVariantPrice('{{$row_count}}')">
     
  </div>
</div>

<div class="col-2">
  <div class="form-group">
      <label for="image"><span class="error"></span></label>
      <input type="file" name="v_image[]"
             class="form-control"
             id="v_image" >
     
  </div>
</div>

<div class="col-2">
  <div class="form-group">
      <label for="icon"><span class="error"></span></label>
      <input type="file" name="v_icon[]"
             class="form-control"
             id="v_icon">
     
  </div>
</div>

<div class="col-2">
<div class="form-group">
<button type="button" class="btn btn-danger delete mt-4" id="v_btn_{{$row_count}}"
style="margin-top: 25px !important;"><em class="fa fa-trash"></em>
</button>


</div>
</div>
<div class="col-6">
  <div class="form-group">
      <label for="variant_id">{{ config('languageString.child_variants') }} </label>
      <select name="child_variant_id[]" class="form-control " id="child_variant_id_{{$row_count}}" onchange="addChildVariant('{{$row_count}}')">
          <option value="">{{config('languageString.variants')}}</option>
          @foreach($childVariants as $chlidVariant)
              <option value="{{$chlidVariant->id}}">{{$chlidVariant->name}}</option>
          @endforeach
      </select>
      <span style="color: red" id="ch_vmsg_id_{{$row_count}}"></span>
  </div>
</div>
<div class="col-2">
    
    <button type="button" class="btn btn-info add-new" style="margin-top: 32px;" 
   onclick="addChildVariantOption('{{$row_count}}')"><em class="fa fa-plus"></em></button>
    
  </div>
</div>
<div id="child_option_id_value_{{$row_count}}"></div>
<div id="option_id_value_{{$variant->id}}"></div>
@endforeach