@extends('layouts.app')
@section('title','Einheitenpreis Rechner')
@section('meta_description','Preis pro Kilogramm, Liter oder Stueck vergleichen und Angebote besser einordnen.')
@section('meta_extra')@endsection
@section('content')
@include('tools._simple_style')
<div class="tool-page"><div class="tool-container">
<span class="tag">Finanzen</span><h1 class="tool-h1">Einheitenpreis.</h1><p class="sub">Vergleiche Packungen fair nach Preis pro Einheit.</p>
<div class="panel grid two"><label>Preis<input id="price" type="number" value="3.49" step="0.01"></label><label>Menge<input id="amount" type="number" value="750"></label><label>Einheit<select id="unit"><option>g</option><option>ml</option><option>Stueck</option></select></label></div><div class="actions"><button onclick="calc()">Berechnen</button></div><div class="result" id="result"></div>
</div>@include('tools._ads_banner')</div>
<script>function calc(){let base=unit.value==='Stueck'?+amount.value:+amount.value/1000,resultValue=(+price.value/(base||1));result.innerHTML=`Preis pro ${unit.value==='g'?'kg':unit.value==='ml'?'l':'Stueck'}: <strong>${resultValue.toLocaleString('de-DE',{style:'currency',currency:'EUR'})}</strong>`}calc()</script>

@include('tools._seo_content', ['toolSlug' => 'einheitenpreis', 'toolName' => 'Einheitenpreis'])

@endsection