{{-- <h2>Electronics Category</h2> --}}
<div class="row">
<div class="col-md-6 mb-4">
    <label for="condition" class="form-label">Condition</label>
    <div class="row">
        <div class="col-6">
            <div class="form-check">
                <input class="form-check-input" type="radio" name="condition" value="used" id="condition_1"
                    {{ $ads?->condition == 'used' ? 'checked' : '' }}>
                <label class="form-check-label" for="condition_1">
                    Used
                </label>
                {!! $errors->first('condition', '<label class="help-block text-danger">:message</label>') !!}
            </div>
        </div>
        <div class="col-6">
            <div class="form-check">
                <input class="form-check-input" type="radio" name="condition" value="new" id="condition_2"
                    {{ $ads?->condition == 'new' ? 'checked' : '' }}>
                <label class="form-check-label" for="condition_2">
                    New
                </label>
            </div>
        </div>
    </div>
</div>

<div class="col-md-6 mb-4">
    <label for="authenticity" class="form-label">Authenticity</label>
    <div class="row">
        <div class="col-6">
            <div class="form-check">
                <input class="form-check-input" type="radio" name="authenticity" value="Original" id="authenticity_1"
                    {{ $ads?->authenticity == 'Original' ? 'checked' : '' }}>
                <label class="form-check-label" for="authenticity_1">
                    Original
                </label>
            </div>
        </div>

        <div class="col-6">
            <div class="form-check">
                <input class="form-check-input" type="radio" name="authenticity" value="Refurbished"
                       id="authenticity_2" {{ $ads?->authenticity == 'Refurbished' ? 'checked' : '' }}>
                <label class="form-check-label" for="authenticity_2">
                    Refurbished
                </label>
            </div>
        </div>
    </div>
</div>
    @if(isset($brands) && count($brands) > 0)
    <div class="col-md-6 mb-4">
        <label for="brand_id" class="form-label">Brand</label>
        <select name="brand_id" id="brand_id"
                class="form-control select2 form-select shadow-none @error('brand_id') border-danger @enderror"
                data-placeholder="Select Brand">
            <option value="" class="d-none">-- Select Brand --</option>
            @foreach($brands as $brand)
                <option value="{{ $brand->id }}"
                    @if(old('brand_id') == $brand->id) selected
                    @elseif(isset($ads) && $ads->brand_id == $brand->id) selected
                    @endif>
                    {{ $brand->name }}
                </option>
            @endforeach
        </select>
        @error('brand_id')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
    @endif

{{-- Model Field Wrapper --}}
<div class="col-md-6 mb-4" id="model-field">
    <label for="model" class="form-label">Model</label>

    @if(isset($ads) && $ads->model)
        <input type="text" name="model" id="model"
               class="form-control"
               placeholder="Enter model"
               value="{{ $ads->model }}">
    @else
        <input type="text" name="model" id="model"
               class="form-control"
               placeholder="Enter model">
    @endif
</div>
<div class="col-md-6 mb-4">
    <label for="edition" class="form-label">Edition (optional)</label>
    <input type="text" name="edition" id="edition" class="form-control @error('edition') is-invalid @enderror"
           placeholder="Enter the edition of your phone" value="{{ $ads?->edition }}">
    {!! $errors->first('edition', '<label class="help-block text-danger">:message</label>') !!}
</div>
{{-- <div class="col-12 mb-4 features_list">
    <label for="features" class="form-label d-block">Features (optional)</label>
    <div class="input-group">
        <input type="text" name="features[]" id="features"
            class="form-control @error('features') is-invalid @enderror" placeholder="Features"
            value="{{ old('features') }}">
        {!! $errors->first('features', '<label class="help-block text-danger">:message</label>') !!}
        <button class="input-group-text btn btn-success" onclick="addFeatures(this)" type="button">Add More</button>
    </div>
</div>
<div class="row feature"></div> --}}
    <label for="features" class="form-label d-block">Features (optional)</label>

    @if($ads?->hasManyFeatures)
        @foreach($ads?->hasManyFeatures as $feature)

            <div class="col-md-12 mb-4 features_list">
                <div class="input-group">
                    <input type="text" name="features[]" id="features"
                           class="form-control @error('features') is-invalid @enderror" placeholder="Features"
                           value="{{$feature->name}}">
                    {!! $errors->first('features', '<label class="help-block text-danger">:message</label>') !!}
                    @if(!$loop->first)
                        <button id="remove_item" class="input-group-text btn btn-danger" type="button">x</button>
                    @endif
                </div>
            </div>
        @endforeach
    @else
        <div class="col-md-12 mb-2 features_list">
            <div class="input-group">
                <input type="text" name="features[]" id="features"
                       class="form-control @error('features') is-invalid @enderror" placeholder="Features"
                       value="">
                {!! $errors->first('features', '<label class="help-block text-danger">:message</label>') !!}
            </div>
        </div>
    @endif

    <div class="w-100 feature"></div>
    <div class="d-flex justify-content-start my-2 mb-3">
        <button class="btn btn-success btn-sm " onclick="addFeatures(this)" type="button">
            <i class="fa fa-plus"></i>
        </button>
    </div>
</div>