@extends('layouts.simple.master')

@section('main_content')
@include('operations.comercial.ofertas.navigation_gestion')
<div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <h3 class="text-center">Gestión de Ofertas Pendientes</h3>
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-dark">
                            <tr>
                            <th style="width: 5%;">Fecha</th>
                            <th style="width: 25%;">Cliente</th>
                            <th style="width: 15%;">Proyecto</th>
                            <th style="width: 15%;">Objeto</th>
                            <th style="width: 10%;">Licitación</th>
                            <th style="width: 10%;">Estimado</th>
                            <th style="width: 10%;">Estado</th>
                            <th style="width: 5%;"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($ofertas as $oferta)
                                <tr data-id="{{ $oferta->id }}">
                                    <td>
                                        <input type="date" class="form-control edit-field" name="fecha_presentacion"
                                            value="{{ $oferta->fecha_presentacion ? $oferta->fecha_presentacion->format('Y-m-d') : '' }}">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control edit-field" name="cliente"
                                            value="{{ $oferta->cliente }}">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control edit-field" name="proyecto"
                                            value="{{ $oferta->proyecto }}">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control edit-field" name="objeto"
                                            value="{{ $oferta->objeto }}">
                                    </td>
                                    <td>
                                        <input type="number" step="0.01" class="form-control edit-field" name="importe_licitacion"
                                            value="{{ $oferta->importe_licitacion }}">
                                    </td>
                                    <td>
                                        <input type="number" step="0.01" class="form-control edit-field" name="importe_estimado"
                                            value="{{ $oferta->importe_estimado }}">
                                    </td>
                                    <td>
                                        <select class="form-control edit-field" name="estado">
                                            @foreach ($estados as $estado)
                                                <option value="{{ $estado }}" {{ $oferta->estado === $estado ? 'selected' : '' }}>{{ $estado }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <i class="bi bi-check-lg text-success save-icon" style="cursor: pointer;" title="Guardar"></i>
                                        <i class="bi bi-x-lg text-danger delete-icon" style="cursor: pointer; margin-left: 10px;" title="Eliminar"></i>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
        document.querySelectorAll('.save-icon').forEach(icon => {
            icon.addEventListener('click', function () {
                const row = this.closest('tr'); // Obtiene la fila del icono clicado
                const id = row.dataset.id; // Obtiene el ID del registro
                const fields = row.querySelectorAll('.edit-field'); // Campos editables
                const data = {};

                // Recoge los valores de cada campo editable
                fields.forEach(field => {
                    data[field.name] = field.value;
                });

                // Envía la solicitud al servidor
                fetch(`/operations/comercial/ofertas/gestion/pendientes/${id}`, {
                    method: 'PUT',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: JSON.stringify(data) // Datos enviados al servidor
                })
                .then(response => response.json())
                .then(result => {
                    if (result.success) {
                        alert('Oferta actualizada correctamente.');
                    } else {
                        alert('Error al actualizar la oferta.');
                    }
                })
                .catch(error => console.error('Error:', error));
            });
        });

    // Evento para eliminar la oferta
    document.querySelectorAll('.delete-btn').forEach(button => {
        button.addEventListener('click', function () {
            const row = this.closest('tr');
            const id = row.dataset.id;

            if (confirm('¿Estás seguro de que deseas eliminar esta oferta?')) {
                fetch(`/operations/comercial/ofertas/gestion/pendientes/${id}`, {
                    method: 'DELETE',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                })
                .then(response => response.json())
                .then(result => {
                    if (result.success) {
                        row.remove();
                        alert('Oferta eliminada correctamente.');
                    } else {
                        alert('Error al eliminar la oferta.');
                    }
                })
                .catch(error => console.error('Error:', error));
            }
        });
    });
</script>
@endsection