@extends('layouts.app')
@section('title', 'Frutas — Rangos Brix/pH')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Frutas — Rangos Brix/pH</h1></div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('calidad.dashboard') }}">Calidad</a></li>
                    <li class="breadcrumb-item active">Frutas</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content"><div class="container-fluid">
    @if(session('success'))<div class="alert alert-success alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button>{{ session('success') }}</div>@endif

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title">Frutas registradas ({{ $frutas->total() }})</h3>
            <a href="{{ route('calidad.frutas.create') }}" class="btn btn-sm btn-success"><i class="fas fa-plus mr-1"></i> Nueva Fruta</a>
        </div>
        <div class="card-body p-0">
            <table class="table table-sm table-hover mb-0">
                <thead class="thead-dark">
                    <tr>
                        <th>Fruta</th>
                        <th class="text-center">Brix Min</th>
                        <th class="text-center">Brix Max</th>
                        <th class="text-center">pH Min</th>
                        <th class="text-center">pH Max</th>
                        <th class="text-center">Rendimiento Esp. %</th>
                        <th class="text-center">Estado</th>
                        <th class="text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($frutas as $fruta)
                    <tr>
                        <td><strong>{{ $fruta->nombre }}</strong></td>
                        <td class="text-center">{{ number_format($fruta->brix_min, 1) }}°</td>
                        <td class="text-center">{{ number_format($fruta->brix_max, 1) }}°</td>
                        <td class="text-center">{{ number_format($fruta->ph_min, 1) }}</td>
                        <td class="text-center">{{ number_format($fruta->ph_max, 1) }}</td>
                        <td class="text-center">{{ number_format($fruta->rendimiento_esperado_pct, 1) }}%</td>
                        <td class="text-center">
                            <span class="badge badge-{{ $fruta->activo ? 'success' : 'secondary' }}">
                                {{ $fruta->activo ? 'Activa' : 'Inactiva' }}
                            </span>
                        </td>
                        <td class="text-center">
                            <a href="{{ route('calidad.frutas.edit', $fruta) }}" class="btn btn-xs btn-warning"><i class="fas fa-edit"></i></a>
                            <form action="{{ route('calidad.frutas.destroy', $fruta) }}" method="POST" class="d-inline"
                                  onsubmit="return confirm('¿Eliminar {{ $fruta->nombre }}?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-xs btn-danger"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="8" class="text-center text-muted py-3">Sin frutas registradas.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($frutas->hasPages())
        <div class="card-footer">{{ $frutas->links() }}</div>
        @endif
    </div>
</div></section>
@endsection