@extends('layouts.app')

@section('title', 'Evaluación final — ' . $batch->name)

@section('content')

<div class="mb-3">
    <a href="{{ route('batches.show', $batch) }}" class="btn-back">← {{ $batch->name }}</a>
</div>

<div class="row justify-content-center">
    <div class="col-12 col-lg-8">

        <div class="page-title">{{ __('batches.review.title') }}</div>
        <p class="page-subtitle">{{ __('batches.review.subtitle', ['ferment' => $batch->guide->name]) }}</p>

        <form method="POST" action="{{ route('batches.review.store', $batch) }}" class="fermenty-form" enctype="multipart/form-data">
            @csrf

            {{-- Valoración general (opcional) — las estrellas; sin smileys --}}
            <div class="fermenty-card mb-4">
                <div class="card-title">{{ __('batches.review.rating_label') }} <span class="text-muted" style="font-weight:400;font-size:.85rem;">(opcional)</span></div>
                <div class="star-rating d-flex gap-2 justify-content-center">
                    @for($i = 5; $i >= 1; $i--)
                        <label class="star-label" for="star{{ $i }}">
                            <input type="radio" name="rating" id="star{{ $i }}"
                                   value="{{ $i }}"
                                   {{ old('rating') == $i ? 'checked' : '' }}>
                            <span class="star">★</span>
                        </label>
                    @endfor
                </div>
                @error('rating')
                    <div class="text-danger text-center mt-2" style="font-size:0.8rem;">{{ $message }}</div>
                @enderror
            </div>

            {{-- Perfil de sabor --}}
            <div class="fermenty-card mb-4">
                <div class="card-title">{{ __('batches.review.flavor_title') }}</div>
                <div class="row g-3">
                    @foreach([
                        'sourness'   => __('batches.review.sourness_label'),
                        'sweetness'  => __('batches.review.sweetness_label'),
                        'aroma'      => __('batches.review.aroma_label'),
                        'texture'    => __('batches.review.texture_label'),
                        'bitterness' => __('batches.review.bitterness_label'),
                        'fizziness'  => __('batches.review.fizziness_label'),
                    ] as $field => $label)
                        <div class="col-6 col-md-4">
                            <label class="form-label">{{ $label }}</label>
                            <div class="range-rating">
                                @for($i = 1; $i <= 5; $i++)
                                    <label class="range-btn" for="{{ $field }}_{{ $i }}">
                                        <input type="radio" name="{{ $field }}"
                                               id="{{ $field }}_{{ $i }}"
                                               value="{{ $i }}"
                                               {{ old($field) == $i ? 'checked' : '' }}>
                                        <span>{{ $i }}</span>
                                    </label>
                                @endfor
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- Comentario --}}
            <div class="fermenty-card mb-4">
                <div class="card-title">{{ __('batches.review.comment_label') }}</div>
                <textarea name="overall_comment"
                          class="form-control"
                          rows="4"
                          placeholder="{{ __('batches.review.comment_placeholder') }}">{{ old('overall_comment') }}</textarea>
                <div class="d-flex align-items-center gap-2 mt-3">
                    <input type="checkbox" name="is_public" id="is_public"
                           class="form-check-input mt-0" value="1"
                           {{ old('is_public') ? 'checked' : '' }}>
                    <label for="is_public" class="form-check-label">
                        {{ __('batches.review.public_label') }}
                    </label>
                </div>
            </div>

            {{-- Foto del lote (opcional) — Premium --}}
            @if(auth()->user()->isPremium())
                <div class="fermenty-card mb-4">
                    <div class="card-title">Foto del resultado <span class="text-muted" style="font-weight:400;font-size:.85rem;">(opcional)</span></div>
                    <input type="file" name="photo" accept="image/jpeg,image/png,image/webp" class="form-control @error('photo') is-invalid @enderror">
                    @error('photo')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    <div class="form-text text-muted" style="font-size:0.8rem;">Sube una foto de cómo quedó tu fermento.</div>
                </div>
            @endif

            {{-- Submit --}}
            <div class="d-flex gap-3">
                <button type="submit" class="btn btn-fermenty-orange">
                    {{ __('batches.review.save_btn') }}
                </button>
                <a href="{{ route('batches.show', $batch) }}" class="btn btn-fermenty-outline">
                    {{ __('general.btn.cancel') }}
                </a>
            </div>

        </form>
    </div>
</div>

@endsection