@extends('layouts.simple.master')

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

<div class="container-fluid mt-5">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0">Selección de Ganador - {{ $oferta->codigo_proyecto }}</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <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>
                                @foreach($competidores as $competidor)
                                    <tr>
                                        <td class="text-center">
                                            @if($oferta->ganador && $oferta->ganador->ganador_id == $competidor->competitor_id)
                                                <i class="bi bi-check-circle-fill text-success"></i>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <input type="radio" name="ganador" 
                                                value="{{ $competidor->competitor_id }}"
                                                {{ $oferta->ganador && $oferta->ganador->competitor_id == $competidor->competitor_id ? 'checked' : '' }}
                                                onchange="selectGanador({{ $competidor->competitor_id }}, {{ $competidor->precio ?? 0 }})">
                                        </td>
                                        <td class="text-center">{{ $competidor->rank_licitacion }}</td>
                                        <td>{{ $competidor->competitor_nombre }}</td>
                                        <td class="text-end">{{ number_format($competidor->total_puntuacion, 2, ',', '.') }}</td>
                                        <td class="text-end">{{ number_format($competidor->precio, 2, ',', '.') }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('operations.comercial.ofertas.cial_ofertas.index') . '?' . request()->getQueryString() }}" 
                       class="btn btn-secondary">
                        <i class="bi bi-arrow-left"></i> Volver
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
function selectGanador(competitorId, precio) {
    console.log('Sending competitor_id:', competitorId); // Debug log

    fetch(`/operations/comercial/ofertas/cial_ofertas/{{ $oferta->id }}/updateganador`, {
        method: 'PUT',
        headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
        },
        body: JSON.stringify({
            competitor_id: competitorId,
            precio_adjudicacion: precio
        })
    })
    .then(response => {
        if (!response.ok) {
            return response.json().then(err => Promise.reject(err));
        }
        return response.json();
    })
    .then(data => {
        if (data.success) {
            alert(data.message);
            window.location.reload();
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Error al actualizar el ganador: ' + (error.message || ''));
    });
}
</script>
@endsection