@extends('admin.layouts.admin')

@section('title', $fermento->name)

@section('content')

<div class="mb-3">
    <a href="{{ route('admin.fermentos.index') }}" class="btn-back">
        ← Fermentos
    </a>
</div>

<div class="d-flex justify-content-between align-items-start mb-4">
    <div>
        <div class="admin-page-title">{{ $fermento->name }}</div>
        <p class="admin-page-sub mb-0">
            <span class="fermenty-badge badge-{{ $fermento->plan_required }}" style="font-size:0.7rem;">
                {{ $fermento->plan_required === 'free' ? 'Gratis' : 'Premium' }}
            </span>
            @if($fermento->hasBaseRecipe())
                <span class="fermenty-badge badge-active" style="font-size:0.7rem;">
                    Receta base: {{ rtrim(rtrim(number_format((float) $fermento->base_yield_value, 3, ',', '.'), '0'), ',') }} {{ $fermento->base_yield_unit }}
                    · {{ $fermento->ingredients->count() }} ingredientes
                </span>
            @else
                <span class="fermenty-badge badge-warn" style="font-size:0.7rem;">Sin receta base</span>
            @endif
        </p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.fermentos.pasos.index', $fermento) }}" class="btn btn-fermenty-primary btn-sm">Gestionar pasos</a>
        <a href="{{ route('admin.fermentos.recetas.index', $fermento) }}" class="btn btn-fermenty-outline btn-sm">Recetas</a>
        <a href="{{ route('admin.fermentos.ficha.edit', $fermento) }}" class="btn btn-fermenty-outline btn-sm">Ficha del motor</a>
        <a href="{{ route('admin.fermentos.edit', $fermento) }}" class="btn btn-fermenty-outline btn-sm">Editar</a>
    </div>
</div>

@if($fermento->steps->isEmpty())
    <div class="admin-card">
        <div class="fermenty-empty">
            <div class="empty-title">Sin pasos todavía</div>
            <div class="empty-text">Gestiona los pasos para añadirlos</div>
        </div>
    </div>
@else
    @foreach($fermento->steps as $step)
        <div class="admin-card mb-3">
            <div class="d-flex gap-3">
                <div class="step-number" style="flex-shrink:0;">{{ $step->step_number }}</div>
                <div class="flex-1">
                    <div class="d-flex align-items-center gap-2 mb-1">
                        <div class="admin-user-name">{{ $step->title }}</div>
                        @if($step->is_optional)
                            <span class="fermenty-badge badge-paused" style="font-size:0.7rem;">opcional</span>
                        @endif
                    </div>
                    <p class="step-desc mb-2">{{ $step->description }}</p>
                    <div class="admin-user-email mb-2">
                        Días: {{ $step->min_day }}
                        @if($step->max_day) — {{ $step->max_day }} @endif
                    </div>

                    @if($step->actions->count() > 0)
                        <div class="d-flex flex-wrap gap-1">
                            @foreach($step->actions as $action)
                                <div class="step-action">
                                    <span class="step-action-type step-action-{{ $action->action_type }}">
                                        {{ $action->action_type }}
                                    </span>
                                    <span>{{ $action->description }}</span>
                                </div>
                            @endforeach
                        </div>
                    @endif

                    @if($step->hints->count() > 0)
                        <div class="mt-2"
                             style="background:#FFF6E8;border:1px solid #F5D9AE;border-radius:10px;padding:10px 12px;">
                            <div class="d-flex align-items-center gap-2 mb-1">
                                <span style="font-size:0.75rem;font-weight:700;color:#9A5D1A;text-transform:uppercase;">💡 Pistas</span>
                                <span class="fermenty-badge badge-premium" style="font-size:0.68rem;">{{ $step->hints->count() }}</span>
                            </div>
                            @foreach($step->hints as $hint)
                                <div class="step-desc mb-1" style="font-size:0.83rem;">
                                    @if($hint->title)<strong>{{ $hint->title }}:</strong>@endif
                                    {{ $hint->content }}
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>
    @endforeach
@endif

@endsection