@extends('layouts.app')
@section('title', 'Emitir Certificado de Calidad')
@section('page-title', 'Emitir Certificado de Calidad')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('calidad.dashboard') }}">Calidad</a></li>
    <li class="breadcrumb-item"><a href="{{ route('calidad.certificados.index') }}">Certificados</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
@endsection
@section('content')

<form action="{{ route('calidad.certificados.store') }}" method="POST">
@csrf

{{-- ── DATOS GENERALES ── --}}
<div class="card">
    <div class="card-header"><h3 class="card-title"><i class="fas fa-certificate mr-2"></i>Datos del Certificado</h3></div>
    <div class="card-body">
        @if($errors->any())<div class="alert alert-danger">{{ $errors->first() }}</div>@endif

        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label>Lote <span class="text-danger">*</span></label>
                    <select name="lote_id" class="form-control" required>
                        <option value="">-- Seleccionar --</option>
                        @foreach($lotes as $l)
                        <option value="{{ $l->id }}" {{ old('lote_id')==$l->id?'selected':'' }}>
                            {{ $l->numero }} — {{ $l->nombre }}
                            @if($l->tipo === 'mp') [MP] @endif
                        </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Fruta <span class="text-danger">*</span></label>
                    <select name="fruta_id" id="fruta_sel" class="form-control" required>
                        <option value="">-- Seleccionar --</option>
                        @foreach($frutas as $f)
                        <option value="{{ $f->id }}"
                            data-brix-min="{{ $f->brix_min }}" data-brix-max="{{ $f->brix_max }}"
                            data-ph-min="{{ $f->ph_min }}"   data-ph-max="{{ $f->ph_max }}"
                            {{ old('fruta_id')==$f->id?'selected':'' }}>
                            {{ $f->nombre }}
                        </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Tipo de Pulpa <span class="text-danger">*</span></label>
                    <select name="tipo_pulpa" class="form-control" required>
                        <option value="">-- Seleccionar --</option>
                        @foreach(\App\Models\CertificadoCalidad::$TIPOS_PULPA as $k => $v)
                        <option value="{{ $k }}" {{ old('tipo_pulpa')==$k?'selected':'' }}>{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Destino <span class="text-danger">*</span></label>
                    <select name="destino" class="form-control" required>
                        <option value="venta_nacional" {{ old('destino','venta_nacional')=='venta_nacional'?'selected':'' }}>Venta Nacional</option>
                        <option value="exportacion"    {{ old('destino')=='exportacion'?'selected':'' }}>Exportación</option>
                        <option value="ambos"          {{ old('destino')=='ambos'?'selected':'' }}>Ambos</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <div class="form-group">
                    <label>Fecha Emisión <span class="text-danger">*</span></label>
                    <input type="date" name="fecha_emision" class="form-control" value="{{ old('fecha_emision', today()->toDateString()) }}" required>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Fecha Vencimiento <span class="text-danger">*</span></label>
                    <input type="date" name="fecha_vencimiento" class="form-control" value="{{ old('fecha_vencimiento') }}" required>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Kg Aprobados <span class="text-danger">*</span></label>
                    <input type="number" name="kg_aprobados" step="0.001" min="0" class="form-control" value="{{ old('kg_aprobados') }}" required>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Brix Final <span class="text-danger">*</span></label>
                    <input type="number" name="brix_resultado" id="brix_final" step="0.01" min="0" class="form-control" value="{{ old('brix_resultado') }}" required>
                    <small id="brix_rango" class="text-muted"></small>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>pH Final <span class="text-danger">*</span></label>
                    <input type="number" name="ph_resultado" id="ph_final" step="0.01" min="0" max="14" class="form-control" value="{{ old('ph_resultado') }}" required>
                    <small id="ph_rango" class="text-muted"></small>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Resultado <span class="text-danger">*</span></label>
                    <select name="resultado" class="form-control" required>
                        <option value="aprobado"     {{ old('resultado','aprobado')=='aprobado'?'selected':'' }}>Aprobado</option>
                        <option value="condicionado" {{ old('resultado')=='condicionado'?'selected':'' }}>Condicionado</option>
                        <option value="rechazado"    {{ old('resultado')=='rechazado'?'selected':'' }}>Rechazado</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-3"><div class="form-group"><label>Color</label><input type="text" name="color" class="form-control" value="{{ old('color') }}" maxlength="100"></div></div>
            <div class="col-md-3"><div class="form-group"><label>Olor</label><input type="text" name="olor" class="form-control" value="{{ old('olor') }}" maxlength="100"></div></div>
            <div class="col-md-3"><div class="form-group"><label>Sabor</label><input type="text" name="sabor" class="form-control" value="{{ old('sabor') }}" maxlength="100"></div></div>
            <div class="col-md-3"><div class="form-group"><label>Textura</label><input type="text" name="textura" class="form-control" value="{{ old('textura') }}" maxlength="100"></div></div>
        </div>
        <div class="form-group">
            <label>Observaciones</label>
            <textarea name="observaciones" class="form-control" rows="2">{{ old('observaciones') }}</textarea>
        </div>
    </div>
</div>

{{-- ── CONTROL EN LÍNEA ── --}}
<div class="card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-flask mr-2"></i>Control de Proceso en Línea</h3>
    </div>
    <div class="card-body">
        <div class="row align-items-end">
            <div class="col-md-8">
                <div class="form-group mb-0">
                    <label>Vincular Control en Línea <small class="text-muted">(opcional)</small></label>
                    <select name="control_linea_id" class="form-control">
                        <option value="">— Sin control asociado —</option>
                        @foreach($controles as $cl)
                        <option value="{{ $cl->id }}" {{ old('control_linea_id') == $cl->id ? 'selected' : '' }}>
                            {{ $cl->codigo }} — {{ $cl->fruta->nombre }}
                            ({{ $cl->fecha->format('d/m/Y') }}, {{ $cl->turno_label }})
                            — {{ $cl->muestras_count ?? $cl->muestras->count() }} muestras
                        </option>
                        @endforeach
                    </select>
                    <small class="text-muted">
                        Solo aparecen controles <strong>completados</strong>. Las muestras de ese control
                        se incluirán automáticamente en el certificado y en el PDF.
                    </small>
                </div>
            </div>
            <div class="col-md-4">
                <a href="{{ route('calidad.controles-linea.index') }}" target="_blank"
                   class="btn btn-outline-success btn-block">
                    <i class="fas fa-external-link-alt mr-1"></i>
                    Ir a registrar muestras
                </a>
            </div>
        </div>
    </div>
</div>

<div class="mb-3">
    <button type="submit" class="btn btn-success"><i class="fas fa-certificate mr-1"></i> Emitir Certificado</button>
    <a href="{{ route('calidad.certificados.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
</div>

</form>

@push('scripts')
<script>
(function () {
    var sel = document.getElementById('fruta_sel');
    var brixRango = document.getElementById('brix_rango');
    var phRango   = document.getElementById('ph_rango');

    function actualizarRangos() {
        var opt = sel.options[sel.selectedIndex];
        if (!opt || !opt.value) { brixRango.textContent = ''; phRango.textContent = ''; return; }
        brixRango.textContent = 'Rango: ' + opt.dataset.brixMin + '° – ' + opt.dataset.brixMax + '°';
        phRango.textContent   = 'Rango: ' + opt.dataset.phMin + ' – ' + opt.dataset.phMax;
    }

    sel.addEventListener('change', actualizarRangos);
    actualizarRangos();
})();
</script>
@endpush
@endsection