@foreach ($services as $service)
    <div class="row my-2 rounded" style="background-color: #333131;" for="service_{{ $service->id }}" onclick="setService({{ $service->id }})">
        <input type="radio" name="service[]" class="service_class" id="service_{{ $service->id }}" value="{{ $service->id }}">
        <div class="col-5 px-0">
            <div style="height: 100px; width: 100%;">
                <img src="{{ asset('/storage/'.$service->image) }}" class="img-fluid w-100 rounded" style="height: 100%; object-fit: cover">
            </div>
        </div>
        <div class="col-7 text-white text-truncate d-flex align-items-center justify-content-center">
            <span class="text-center">
                <h5 class="text-white text-center">{{ $service->name }}</h5>
                @if($service->amount > 0)
                    <span class="ms-2 badge bg-danger text-center">
                        {{ $service->amount .' '. ($currency ? $currency->name : "") }}
                        {{ $service->unit ? ' / '. $service->get_unit->name : ''}}
                    </span>
                @endif
            </span>
        </div>
    </div> 
@endforeach