@extends('layouts.simple.master')

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

<style>
    .estado-pendiente {
        background-color: #fff3cd !important;
    }
    .estado-ganado {
        background-color: #d4edda !important;
    }
    .estado-perdido, .estado-sin-respuesta {
        background-color: #f8d7da !important;
    }
    .estado-desestimado, .estado-renuncia {
        background-color: #e9ecef !important;
    }
</style>

<div class="container-fluid">
        <h3>Adjuntar informes de valoración para las ofertas</h3>


    <!-- Accordion Filtros -->
    <div class="accordion mb-4" id="accordionFiltros">
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingFiltros">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFiltros">
                    Filtros de búsqueda
                </button>
            </h2>
            <div id="collapseFiltros" class="accordion-collapse collapse" data-bs-parent="#accordionFiltros">
                <div class="accordion-body">
                    <form action="{{ route('operations.comercial.ofertas.ficheros.index') }}" method="GET">
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label for="estado" class="form-label">Estado:</label>
                                <select name="estado" id="estado" class="form-select">
                                    <option value="">Todos</option>
                                    <option value="Pendiente" {{ $estado === 'Pendiente' ? 'selected' : '' }}>Pendiente</option>
                                    <option value="Ganado" {{ $estado === 'Ganado' ? 'selected' : '' }}>Ganado</option>
                                    <option value="Perdido" {{ $estado === 'Perdido' ? 'selected' : '' }}>Perdido</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="cualitativas" class="form-label">Cualitativas:</label>
                                <select name="cualitativas" id="cualitativas" class="form-select">
                                    <option value="">Todas</option>
                                    <option value="Completa" {{ $cualitativas === 'Completa' ? 'selected' : '' }}>Completa</option>
                                    <option value="Incompleta" {{ $cualitativas === 'Incompleta' ? 'selected' : '' }}>Incompleta</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="search" class="form-label">Buscar:</label>
                                <input type="text" name="search" id="search" class="form-control" 
                                       placeholder="Buscar en cliente, objeto o proyecto" 
                                       value="{{ $search ?? '' }}">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">&nbsp;</label>
                                <button type="submit" class="btn btn-primary d-block">Filtrar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

        <!-- Tabla de Ofertas -->
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>Código</th>
                    <th>Cliente</th>
                    <th>Objeto</th>
                    <th>Fichero</th>
                    <th>Doc</th> <!-- New column -->
                    <th>GPT</th>
                    <th>Acción</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($ofertas as $oferta)
                    <tr class="{{ 
                        $oferta->estado === 'Pendiente' ? 'estado-pendiente' : 
                        ($oferta->estado === 'Ganado' ? 'estado-ganado' : 
                        (in_array($oferta->estado, ['Perdido', 'Pendiente de adjudicacion']) ? 'estado-perdido' : 
                        (in_array($oferta->estado, ['Desestimado Cliente', 'Renuncia']) ? 'estado-desestimado' : ''))) 
                    }}">
                        <td>{{ $oferta->codigo_proyecto }}</td>
                        <td>{{ $oferta->cliente }}</td>
                        <td>
                            <button class="btn p-0 border-0 bg-transparent" data-bs-toggle="modal" data-bs-target="#modalObjeto-{{ $oferta->id }}">
                                <i class="bi bi-eye" style="font-size: 1.2rem; color: #0d6efd;"></i>
                            </button>
                        </td>
                        <td>
                            <form action="{{ route('operations.comercial.ofertas.ficheros.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="oferta_id" value="{{ $oferta->id }}">
                                <input type="hidden" name="tipo_fichero" value="Informe Valoracion">
                                
                                <div class="input-group input-group-sm">
                                    <input type="file" 
                                        name="fichero" 
                                        class="form-control form-control-sm" 
                                        {{ $oferta->ficheros->where('gpt', 'Procesado')->count() > 0 ? 'disabled' : '' }}
                                        required>
                                    <button type="submit" 
                                            class="btn btn-primary btn-sm"
                                            {{ $oferta->ficheros->where('gpt', 'Procesado')->count() > 0 ? 'disabled' : '' }}>
                                        <i class="bi bi-upload"></i>
                                    </button>
                                </div>
                            </form>
                        </td>
                        <td class="text-center">
                            @if($oferta->ficheros->count() > 0)
                                <a href="{{ route('operations.comercial.ofertas.ficheros.download', $oferta->ficheros->first()->id) }}" 
                                class="text-decoration-none">
                                    <i class="bi bi-file-earmark-text text-success" 
                                    title="Descargar {{ $oferta->ficheros->first()->nombre_fichero }}"></i>
                                </a>
                            @else
                                <i class="bi bi-dash-circle text-muted"></i>
                            @endif
                        </td>
                        <td class="text-center">
                            @if($oferta->ficheros->first()?->gpt === 'Procesar')
                                <i class="bi bi-clock text-warning" title="Pendiente de procesar"></i>
                            @elseif($oferta->ficheros->first()?->gpt === 'Procesado')
                                <i class="bi bi-check-circle text-success" title="Procesado"></i>
                            @else
                                <i class="bi bi-slash-circle text-muted" title="Sin procesar"></i>
                            @endif
                        </td>
                        <td>
                            <form action="{{ route('operations.comercial.ofertas.ficheros.procesar', $oferta->id) }}" method="POST">
                                @csrf
                                <button type="submit" 
                                        class="btn btn-sm btn-primary"
                                        {{ $oferta->ficheros->where('gpt', 'Procesado')->count() > 0 ? 'disabled' : '' }}>
                                    Enviar a procesar
                                </button>
                            </form>
                        </td>
                    </tr>

                        <!-- Modales para el contenido de "objeto" -->
                        @foreach($ofertas as $oferta)
                            <div class="modal fade" id="modalObjeto-{{ $oferta->id }}" tabindex="-1" aria-labelledby="modalObjetoLabel-{{ $oferta->id }}" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="modalObjetoLabel-{{ $oferta->id }}">Contenido del Objeto</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <!-- Información Protegida -->
                                            <div class="row mb-3">
                                                <!-- Código de Proyecto -->
                                                <div class="col-md-6">
                                                    <label class="form-label fw-bold">Código de Proyecto:</label>
                                                    <input type="text" class="form-control-plaintext" value="{{ $oferta->codigo_proyecto }}" readonly>
                                                </div>

                                                <!-- Cliente -->
                                                <div class="col-md-6">
                                                    <label class="form-label fw-bold">Cliente:</label>
                                                    <input type="text" class="form-control-plaintext" value="{{ $oferta->cliente }}" readonly>
                                                </div>
                                            </div>

                                            <!-- Formulario de Edición -->
                                            <form method="POST" action="{{ route('operations.comercial.ofertas.cial_ofertas.update.field', ['id' => $oferta->id, 'field' => 'objeto']) }}">
                                                @csrf
                                                <div class="mb-3">
                                                    <label for="objeto-{{ $oferta->id }}" class="form-label">Descripción del Objeto</label>
                                                    <textarea class="form-control" id="objeto-{{ $oferta->id }}" name="value" rows="5">{{ $oferta->objeto }}</textarea>
                                                </div>
                                                <div class="mb-3">
                                                    <label for="proyecto-{{ $oferta->id }}" class="form-label">Proyecto</label>
                                                    <textarea class="form-control" id="proyecto-{{ $oferta->id }}" name="proyecto" rows="5">{{ $oferta->proyecto }}</textarea>
                                                </div>
                                                <div class="d-grid gap-2">
                                                    <button type="submit" class="btn btn-primary">Guardar Cambios</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        <!-- Fin del Modal -->

                        <!-- Modal de confirmación -->
                        <div class="modal fade" id="modal-process-{{ $oferta->id }}" tabindex="-1" aria-labelledby="modalLabelProcess-{{ $oferta->id }}" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="modalLabelProcess-{{ $oferta->id }}">Confirmar Proceso</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        ¿Estás seguro de que deseas iniciar el proceso de valoración cualitativa para esta oferta? Esto marcará la oferta como "En proceso" y no podrá ser procesada nuevamente hasta que se complete.
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                                        <form action="{{ route('operations.comercial.ofertas.ficheros.procesarmanual', $oferta->id) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-primary">Sí, Procesar</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </tbody>
            </table>
        </div>




        <!-- Navegación de Paginación -->
        <div class="row">
            <div class="col-12 mt-3 d-flex justify-content-center">
                {{ $ofertas->appends(request()->query())->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
@endsection