{{-- <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"
                        {{ old('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"
                        {{ old('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"
                        {{ old('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" {{ old('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">
            <div class="mb-2 mb-lg-4">
                <label for="brand_id" class="form-label">Brand <span
                        class="text-danger">*</span></label>
                <select name="brand_id" id="brand_id"
                        class="form-control @error('brand_id') border-danger @enderror select2 form-select shadow-none"
                        data-placeholder="Select Brand" required>
            <option value="" class="d-none">-- Select Brand --</option>

                    @foreach($brands as $brand)
                        <option value="{{ $brand->id }}"
                                @if(old('brand_id') == $brand->id) selected @endif>{{ $brand->name }} </option>
                    @endforeach
                </select>
                @error('brand_id')
                <span class="text-danger">{{$message}}</span>
                @enderror
            </div>
        </div>
    @endif
    <div class="col-md-6 mb-4">
        <label for="model" class="form-label">Model</label>
        <input type="text" name="model" id="model" class="form-control @error('model') is-invalid @enderror"
               placeholder="Enter model" value="{{ old('model') }}">
        {!! $errors->first('model', '<label class="help-block text-danger">:message</label>') !!}
    </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="{{ old('edition') }}">
        {!! $errors->first('edition', '<label class="help-block text-danger">:message</label>') !!}
    </div>
    <label for="features" class="form-label d-block">Features (optional)</label>

    @if(old('features'))
        @foreach(old('features') as $feature)

    <div class="col-md-12 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}}">
            {!! $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="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>