@extends('layouts.app')

@section('title', 'Rating calculator')
@section('page-title', 'Rating calculator')

@section('content')
<div class="calculator-layout">
    <section class="card calculator-card">
        <p class="eyebrow">Growth planning</p><h2>Calculate genuine reviews needed</h2><p class="muted">Estimate how many new five star reviews are needed to reach a target average. Google may display rounded scores differently.</p>
        <form method="GET">
            <div class="field"><label for="current_rating">Current rating</label><input class="form-control big-input" id="current_rating" type="number" name="current_rating" min="1" max="5" step="0.1" value="{{ request('current_rating') }}" placeholder="4.1" required></div>
            <div class="field"><label for="review_count">Current number of reviews</label><input class="form-control big-input" id="review_count" type="number" name="review_count" min="1" value="{{ request('review_count') }}" placeholder="120" required></div>
            <div class="field"><label for="target_rating">Target rating</label><input class="form-control big-input" id="target_rating" type="number" name="target_rating" min="1" max="4.9" step="0.1" value="{{ request('target_rating') }}" placeholder="4.5" required></div>
            <button class="button primary full" type="submit">Calculate target</button>
        </form>
    </section>
    <aside class="calculator-result">
        @if($result !== null)
            <div class="result-orb"><span>Target</span><strong>{{ request('target_rating') }}</strong><small>stars</small></div>
            <h2>{{ number_format($result) }} new five star {{ Str::plural('review', $result) }}</h2>
            <p>Based on {{ number_format((int) request('review_count')) }} current reviews with an average of {{ request('current_rating') }}.</p>
        @else
            <div class="result-orb muted-orb"><span>Rating</span><strong>★</strong><small>plan</small></div>
            <h2>Set a realistic growth target</h2><p>Use genuine customer feedback only. Do not pay for reviews, offer incentives, or ask only satisfied customers.</p>
        @endif
    </aside>
</div>
@endsection