@extends('operations.comercial.ofertas.apertura.wizard')

@section('wizard_content')
<div class="text-center mb-4">
    <h4>Paso 4: Puntuaciones de los Licitadores</h4>
</div>


<!-- Pregunta inicial -->
<form method="POST" action="{{ route('operations.comercial.ofertas.apertura.save.step', ['ofertaId' => $oferta->id, 'step' => 4]) }}">
    @csrf
    <div class="row justify-content-center mb-4">
        <div class="col-md-6 text-center">
            <label for="has_puntuaciones" class="form-label">¿Se ofrecen puntuaciones para los licitadores?</label>
            <select name="has_puntuaciones" id="has_puntuaciones" class="form-control" onchange="togglePuntuacionesSection(this.value)">
                <option value="">Seleccione una opción</option>
                <option value="Sí" {{ $transparency->informan_cuantitativas === 'Sí' ? 'selected' : '' }}>Sí</option>
                <option value="No" {{ $transparency->informan_cuantitativas === 'No' ? 'selected' : '' }}>No</option>
            </select>
        </div>
    </div>

    <!-- Matriz de puntuaciones -->
    <div id="puntuaciones-section" class="{{ $transparency->informan_cuantitativas === 'Sí' ? '' : 'd-none' }}">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr class="text-center">
                        <th>Competidor</th>
                        <th>Eco</th>
                        <th>Tec</th>
                        <th>Obj-R</th>
                        <th>Obj-F</th>
                        <th>Precio (€)</th>
                        <th>Concepto</th>
                        <th>Razón Exclusión</th>
                        <th>Ganador</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($competitors as $competitor)
                    <tr id="competitor-row-{{ $competitor->id }}">
                        <td>{{ $competitor->competitor_nombre }}</td>
                        <td>
                            <input type="number" step="0.01" name="cuantitativas[{{ $competitor->id }}][economico]"
                                class="form-control text-end"
                                value="{{ optional($competitor->cuantitativas)->economico }}">
                        </td>
                        <td>
                            <input type="number" step="0.01" name="cuantitativas[{{ $competitor->id }}][tecnico]"
                                class="form-control text-end"
                                value="{{ optional($competitor->cuantitativas)->tecnico }}">
                        </td>
                        <td>
                            <input type="number" step="0.01" name="cuantitativas[{{ $competitor->id }}][objetivo_real]"
                                class="form-control text-end"
                                value="{{ optional($competitor->cuantitativas)->objetivo_real }}">
                        </td>
                        <td>
                            <input type="number" step="0.01" name="cuantitativas[{{ $competitor->id }}][objetivo_fake]"
                                class="form-control text-end"
                                value="{{ optional($competitor->cuantitativas)->objetivo_fake }}">
                        </td>
                        <td>
                            <input type="number" step="0.01" name="cuantitativas[{{ $competitor->id }}][precio]"
                                class="form-control text-end"
                                value="{{ optional($competitor->cuantitativas)->precio }}">
                        </td>
                        <td>
                            <select name="cuantitativas[{{ $competitor->id }}][concepto]"
                                    class="form-control"
                                    onchange="handleExclusionChange(this, {{ $competitor->id }})">
                                <option value="Admitido" {{ optional($competitor->cuantitativas)->concepto === 'Admitido' ? 'selected' : '' }}>Admitido</option>
                                <option value="Excluido" {{ optional($competitor->cuantitativas)->concepto === 'Excluido' ? 'selected' : '' }}>Excluido</option>
                            </select>
                        </td>
                        <td>
                            <select name="cuantitativas[{{ $competitor->id }}][razon_exclusion]"
                                    class="form-control razon-exclusion-{{ $competitor->id }}"
                                    {{ optional($competitor->cuantitativas)->concepto === 'Excluido' ? '' : 'disabled' }}>
                                <option value="">Seleccione una razón</option>
                                <option value="Administrativa" {{ $competitor->razon_exclusion === 'Administrativa' ? 'selected' : '' }}>Administrativa</option>
                                <option value="Tecnica" {{ $competitor->razon_exclusion === 'Tecnica' ? 'selected' : '' }}>Técnica</option>
                                <option value="Economica" {{ $competitor->razon_exclusion === 'Economica' ? 'selected' : '' }}>Económica</option>
                                <option value="Desconocida" {{ $competitor->razon_exclusion === 'Desconocida' ? 'selected' : '' }}>Desconocida</option>
                            </select>
                        </td>
                        <td class="text-center">
                            <input type="checkbox" name="cuantitativas[{{ $competitor->id }}][ganador]"
                                class="form-check-input"
                                {{ optional($competitor->cuantitativas)->ganador ? 'checked' : '' }}>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <!-- Botones de navegación -->
    <div class="d-flex justify-content-between mt-4">
        <a href="{{ route('operations.comercial.ofertas.apertura.step', ['ofertaId' => $oferta->id, 'step' => 3]) }}" class="btn btn-secondary">Anterior</a>
        <button type="submit" class="btn btn-primary">Siguiente</button>
    </div>
</form>

<script>
    function togglePuntuacionesSection(value) {
        const section = document.getElementById('puntuaciones-section');
        if (value === 'Sí') {
            section.classList.remove('d-none');
        } else {
            section.classList.add('d-none');
        }
    }

    function handleExclusionChange(select, competitorId) {
        const razonField = document.querySelector(`.razon-exclusion-${competitorId}`);
        if (select.value === 'Excluido') {
            razonField.disabled = false;
        } else {
            razonField.disabled = true;
            razonField.value = ''; // Limpiar la razón de exclusión
        }
    }
</script>
@endsection