@extends('layouts.simple.master')

@section('main_content')
@include('operations.comercial.ofertas.navigation')

<div class="container mt-4">
    <form id="filterForm" method="GET" class="row g-3 mb-4">
        <div class="col-md-4">
            <select name="estado" id="estado" class="form-select" onchange="this.form.submit()">
                <option value="Pendiente" {{ $estado == 'Pendiente' ? 'selected' : '' }}>Pendiente</option>
                <option value="Ganado" {{ $estado == 'Ganado' ? 'selected' : '' }}>Ganado</option>
            </select>
        </div>
        <div class="col-md-6">
            <select name="oferta_id" id="oferta_id" class="form-select" onchange="this.form.submit()">
                <option value="">Seleccione una oferta</option>
                @foreach ($ofertas as $id => $cliente)
                    <option value="{{ $id }}" {{ $ofertaId == $id ? 'selected' : '' }}>{{ $cliente }}</option>
                @endforeach
            </select>
        </div>
    </form>



        <!-- Tabla -->
        <h5 class="text-center mb-3">Elegir al ganador de la licitación</h5>
        <div class="border rounded p-3 bg-white">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Actual</th>
                            <th>Seleccionar</th>
                            <th>Ranking</th>
                            <th>Competidor</th>
                            <th class="text-end">Puntuación</th>
                            <th class="text-end">Precio</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($licitadores as $licitador)
                            <tr data-id="{{ $licitador->competitor_id }}">
                                <!-- Columna Actual -->
                                <td class="text-center">
                                    @if ($ganador && $ganador->ganador_id == $licitador->competitor_id)
                                        <span class="badge bg-success">Ganador</span>
                                    @endif
                                </td>

                                <!-- Columna Seleccionar -->
                                <td class="text-center">
                                    <input type="radio" name="ganador_id" value="{{ $licitador->competitor_id }}"
                                        onchange="handleSelection('{{ $licitador->competitor_nombre }}', '{{ $licitador->precio }}', '{{ $licitador->competitor_id }}')"
                                        {{ $ganador && $ganador->ganador_id == $licitador->competitor_id ? 'checked' : '' }}>
                                </td>

                                <td>{{ $licitador->rank_licitacion }}</td>
                                <td>{{ $licitador->competitor_nombre }}</td>
                                <td class="text-end">{{ number_format($licitador->total_puntuacion, 2) }}</td>
                                <td class="text-end">{{ number_format($licitador->precio, 2) }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted">No hay registros de licitadores.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    </div>

    <div class="modal fade" id="confirmationModal" tabindex="-1" aria-labelledby="confirmationModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmationModalLabel">Confirmación de selección</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                </div>
                <div class="modal-body text-center">
                    <p id="modalContent" class="fw-bold fs-4">
                        <!-- Contenido dinámico aquí -->
                    </p>
                    <!-- Inputs ocultos para guardar datos del seleccionado -->
                    <input type="hidden" id="selectedGanadorId">
                    <input type="hidden" id="selectedPrecio">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="saveGanador()">Aceptar</button>
                </div>
            </div>
        </div>
    </div>

<script>
function showConfirmationModal(competitorDetails) {
    document.getElementById('confirmationText').innerText = competitorDetails;

    const modal = new bootstrap.Modal(document.getElementById('confirmationModal'));
    modal.show();
}

function handleSelection(nombre, precio, id) {
    // Actualizar contenido del modal
    document.getElementById('modalContent').innerHTML = `
        <span>El ganador seleccionado es:</span><br>
        <span class="fw-bold">${nombre}</span><br>
        <span>Importe: ${precio} €</span>
    `;
    // Guardar datos en inputs ocultos
    document.getElementById('selectedGanadorId').value = id;
    document.getElementById('selectedPrecio').value = precio;

    // Mostrar el modal
    const modal = new bootstrap.Modal(document.getElementById('confirmationModal'));
    modal.show();
}

function saveGanador() {
    const ganadorId = document.getElementById('selectedGanadorId').value;
    const precioAdjudicacion = document.getElementById('selectedPrecio').value;
    const ofertaId = {{ $ofertaId }};

    const url = "{{ route('operations.comercial.ofertas.licitadores.saveganador') }}";

    fetch(url, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': '{{ csrf_token() }}',
        },
        body: JSON.stringify({
            oferta_id: ofertaId,
            ganador_id: ganadorId,
            precio_adjudicacion: precioAdjudicacion
        }),
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert(data.message);
            location.reload();
        } else {
            console.error('Error:', data.message);
            alert('Error al guardar el ganador: ' + data.message);
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Hubo un problema al registrar el ganador.');
    });
}
</script>
@endsection