{{-- Features node --}}
<div class="features row d-none">
    @foreach($languages as $language)
        <div class="form-group col-md-4">
            <label>{{ __('articles.feature') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <input type="text" class="form-control" name="features_{{ $language->local }}[]" placeholder="{{ __('articles.feature') }}"/>
        </div>
    @endforeach
    {{--Start image container--}}
    <div class="form-group col-3">
        <label>{{ meta('image', getCurrentLocale()) ?? __('articles.image') }} </label>
        <input id="feature_image_thumbnail_RAND" class="feature_image_thumbnail_RAND" type="hidden" name="features_images[]" value=""/>

        <div class="photos feature_photo_RAND hide">
            <div class="items">
                <div class="img" style="height: fit-content;">
                    <a href="#" id="lfm" data-input=".feature_image_thumbnail_RAND" data-preview=".feature_image_holder_RAND" class="lfm" data-hide=".feature_pick_button_RAND">
                        <img src="{{asset(($featuresImages[$i] ?? ""))}} " id="feature_image_holder_RAND" class="feature_image_holder_RAND" style="height: 50px; width: 50px"/>
                    </a>
                </div>
                <a href="#" class="showHide resetImage close" data-empty=".feature_image_thumbnail_RAND" data-hide=".feature_photo_RAND" data-show=".feature_pick_button_RAND"><i class="fas fa-times"></i></a>
            </div>
        </div>

        <div class="clearfix"></div>
        <span class="input-group-btn feature_pick_button_RAND  ">
            <a id="lfm" data-input=".feature_image_thumbnail_RAND" data-preview=".feature_image_holder_RAND" data-show=".feature_photo_RAND" data-hide=".feature_pick_button_RAND" class="lfm btn btn-primary text-light">
                <i class="fas fa-camera-retro"></i> Choose
            </a>
        </span>
    </div>
    {{--End image container--}}
    <div class="text-left mt-4 col-1">
        <button class="btn btn-danger delete_row" type="button"><span class="fa fa-times"></span></button>
    </div>
</div>
{{-- Facilities node --}}
<div class="facilities row d-none">
    <div class="d-flex col-md-12 align-items-center flex-row">
        @foreach($languages as $language)
            <div class="form-group col-md-5">
                <label>{{ __('articles.facilities') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                <input type="text" class="form-control" name="facilities_{{ $language->local }}[]" placeholder="{{ __('articles.facilities') .' ('.$language->name.')' }}"/>
            </div>
        @endforeach
        <div class="text-left col-md-2">
            <button class="btn btn-danger delete_row" type="button"><span class="fa fa-times"></span></button>
        </div>
    </div>
</div>
{{-- Restaurants node --}}
<div class="restaurants row d-none">
    <div class="d-flex col-md-12 align-items-center flex-row">
        @foreach($languages as $language)
            <div class="form-group col-md-4">
                <label>{{ __('articles.restaurants') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                <input type="text" class="form-control" name="restaurants_{{ $language->local }}[]" placeholder="{{ __('articles.restaurants') .' ('.$language->name.')' }}"/>
            </div>
        @endforeach
        <div class="form-group col-md-3">
            <label>{{ __('articles.distance') }} </label>
            <input type="number" min="1" class="form-control" name="restaurant_distance[]" placeholder="{{ __('articles.distance') }}" value=''/>
        </div>
        <div class="text-left col-md-1">
            <button class="btn btn-danger delete_row" type="button"><span class="fa fa-times"></span></button>
        </div>
    </div>
</div>
{{-- Coffees node --}}
<div class="coffees row d-none">
    <div class="d-flex col-md-12 align-items-center flex-row">
        @foreach($languages as $language)
            <div class="form-group col-md-4">
                <label>{{ __('articles.coffees') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                <input type="text" class="form-control" name="coffees_{{ $language->local }}[]" placeholder="{{ __('articles.coffees') .' ('.$language->name.')' }}"/>
            </div>
        @endforeach
        <div class="form-group col-md-3">
            <label>{{ __('articles.distance') }} </label>
            <input type="number" min="1" class="form-control" name="coffee_distance[]" placeholder="{{ __('articles.distance') }}" value=''/>
        </div>
        <div class="text-left col-md-1">
            <button class="btn btn-danger delete_row" type="button"><span class="fa fa-times"></span></button>
        </div>
    </div>
</div>
{{-- Airports node --}}
<div class="airports row d-none">
    <div class="d-flex col-md-12 align-items-center flex-row">
        @foreach($languages as $language)
            <div class="form-group col-md-4">
                <label>{{ __('articles.airports') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                <input type="text" class="form-control" name="airports_{{ $language->local }}[]" placeholder="{{ __('articles.airports') .' ('.$language->name.')' }}"/>
            </div>
        @endforeach
        <div class="form-group col-md-3">
            <label>{{ __('articles.distance') }} </label>
            <input type="number" min="1" class="form-control" name="airport_distance[]" placeholder="{{ __('articles.distance') }}" value=''/>
        </div>
        <div class="text-left col-md-1">
            <button class="btn btn-danger delete_row" type="button"><span class="fa fa-times"></span></button>
        </div>
    </div>
</div>