@extends('layouts.simple.master')

@section('title', 'Gestión de Prospectos')

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

<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4>Gestión de Prospectos</h4>
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addProspectModal">Añadir Prospecto</button>
    </div>

    <div class="mb-4">
        <form method="GET" action="{{ route('operations.comercial.prospects.index') }}">
            <div class="row g-3 align-items-end">
                <!-- Filtro por Fecha Desde -->
                <div class="col-md-3">
                    <label for="fecha_desde" class="form-label">Fecha Desde</label>
                    <input type="date" class="form-control" id="fecha_desde" name="fecha_desde" value="{{ $fechaDesde }}">
                </div>

                <!-- Filtro por Fecha Hasta -->
                <div class="col-md-3">
                    <label for="fecha_hasta" class="form-label">Fecha Hasta</label>
                    <input type="date" class="form-control" id="fecha_hasta" name="fecha_hasta" value="{{ $fechaHasta }}">
                </div>

                <!-- Filtro por Temperatura -->
                <div class="col-md-3">
                    <label for="temperatura" class="form-label">Temperatura</label>
                    <select class="form-select" id="temperatura" name="temperatura">
                        <option value="">Todas</option>
                        <option value="Caliente" {{ $temperatura === 'Caliente' ? 'selected' : '' }}>Caliente</option>
                        <option value="Templado" {{ $temperatura === 'Templado' ? 'selected' : '' }}>Templado</option>
                        <option value="Frio" {{ $temperatura === 'Frio' ? 'selected' : '' }}>Frio</option>
                    </select>
                </div>

                <!-- Botón de Filtrar -->
                <div class="col-md-3">
                    <button type="submit" class="btn btn-primary w-100">Filtrar</button>
                </div>
            </div>
        </form>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="table-responsive">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Código Proyecto</th>
                    <th>Cliente</th>
                    <th>Proyecto</th>
                    <th>Sector</th>
                    <th>Tipo Licitación</th>
                    <th>Fecha Presentación</th>
                    <th>Fecha Fin Contrato</th>
                    <th>Importe Licitación</th>
                    <th>Importe Estimado</th>
                    <th>Duración (Meses)</th>
                    <th>Temperatura</th> <!-- Nueva columna -->
                    <th>Acciones</th> <!-- Columna para botones de acción -->
                </tr>
            </thead>
            <tbody>
                @forelse($prospects as $prospect)
                    <tr>
                        <td>{{ $prospect->id }}</td>
                        <td>{{ $prospect->codigo_proyecto }}</td>
                        <td>{{ $prospect->cliente }}</td>
                        <td>{{ $prospect->proyecto }}</td>
                        <td>{{ $prospect->sector }}</td>
                        <td>{{ $prospect->tipo_licitacion }}</td>
                        <td>{{ $prospect->fecha_presentacion }}</td>
                        <td>{{ $prospect->fecha_fin_contrato }}</td>
                        <td>{{ number_format($prospect->importe_licitacion, 2) }}</td>
                        <td>{{ number_format($prospect->importe_estimado, 2) }}</td>
                        <td>{{ $prospect->duracion_meses }}</td>
                        <td>{{ $prospect->temperatura }}</td> <!-- Mostrar temperatura -->
                        <td>
                            <!-- Botón para editar -->
                            <button class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editProspectModal-{{ $prospect->unique_id }}">Editar</button>
                            <!-- Botón para eliminar -->
                            <form method="POST" action="{{ route('operations.comercial.prospects.destroy', $prospect->id) }}" style="display:inline-block;" onsubmit="return confirm('¿Estás seguro de que deseas eliminar este prospecto?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="13" class="text-center">No hay prospectos registrados.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<!-- Modal para añadir prospecto -->
<div class="modal fade" id="addProspectModal" tabindex="-1" aria-labelledby="addProspectModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addProspectModalLabel">Añadir Prospecto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{ route('operations.comercial.prospects.store') }}">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="codigo_proyecto" class="form-label">Código Proyecto</label>
                        <input type="text" class="form-control" id="codigo_proyecto" name="codigo_proyecto" maxlength="20">
                    </div>
                    <div class="mb-3">
                        <label for="cliente" class="form-label">Cliente</label>
                        <input type="text" class="form-control" id="cliente" name="cliente" required>
                    </div>
                    <div class="mb-3">
                        <label for="proyecto" class="form-label">Proyecto</label>
                        <textarea class="form-control" id="proyecto" name="proyecto" rows="3"></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="sector" class="form-label">Sector</label>
                        <select class="form-select" id="sector" name="sector">
                            <option value="">Seleccione</option>
                            <option value="Público">Público</option>
                            <option value="Privado">Privado</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="tipo_licitacion" class="form-label">Tipo Licitación</label>
                        <select class="form-select" id="tipo_licitacion" name="tipo_licitacion">
                            <option value="">Seleccione</option>
                            <option value="Concurso">Concurso</option>
                            <option value="Menor">Menor</option>
                            <option value="Adjudicación Directa">Adjudicación Directa</option>
                            <option value="Oferta Privado">Oferta Privado</option>
                            <option value="Web">Web</option>
                            <option value="Basado Acuerdo Marco">Basado Acuerdo Marco</option>
                            <option value="Acuerdo Marco">Acuerdo Marco</option>
                            <option value="Adjudicacion Marco">Adjudicacion Marco</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="fecha_presentacion" class="form-label">Fecha Presentación</label>
                        <input type="date" class="form-control" id="fecha_presentacion" name="fecha_presentacion">
                    </div>
                    <div class="mb-3">
                        <label for="fecha_fin_contrato" class="form-label">Fecha Fin Contrato</label>
                        <input type="date" class="form-control" id="fecha_fin_contrato" name="fecha_fin_contrato">
                    </div>
                    <div class="mb-3">
                        <label for="importe_licitacion" class="form-label">Importe Licitación</label>
                        <input type="number" class="form-control" id="importe_licitacion" name="importe_licitacion" step="0.01">
                    </div>
                    <div class="mb-3">
                        <label for="importe_estimado" class="form-label">Importe Estimado</label>
                        <input type="number" class="form-control" id="importe_estimado" name="importe_estimado" step="0.01">
                    </div>
                    <div class="mb-3">
                        <label for="duracion_meses" class="form-label">Duración (Meses)</label>
                        <input type="number" class="form-control" id="duracion_meses" name="duracion_meses">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal para editar prospecto -->
@foreach($prospects as $prospect)
<div class="modal fade" id="editProspectModal-{{ $prospect->id }}" tabindex="-1" aria-labelledby="editProspectModalLabel-{{ $prospect->id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editProspectModalLabel-{{ $prospect->id }}">Editar Prospecto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{ route('operations.comercial.prospects.update', $prospect->id) }}">
                @csrf
                @method('PUT')
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="codigo_proyecto-{{ $prospect->id }}" class="form-label">Código Proyecto</label>
                        <input type="text" class="form-control" id="codigo_proyecto-{{ $prospect->id }}" name="codigo_proyecto" value="{{ $prospect->codigo_proyecto }}" maxlength="20">
                    </div>
                    <div class="mb-3">
                        <label for="cliente-{{ $prospect->id }}" class="form-label">Cliente</label>
                        <input type="text" class="form-control" id="cliente-{{ $prospect->id }}" name="cliente" value="{{ $prospect->cliente }}" required>
                    </div>
                    <div class="mb-3">
                        <label for="proyecto-{{ $prospect->id }}" class="form-label">Proyecto</label>
                        <textarea class="form-control" id="proyecto-{{ $prospect->id }}" name="proyecto" rows="3">{{ $prospect->proyecto }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label for="sector-{{ $prospect->id }}" class="form-label">Sector</label>
                        <select class="form-select" id="sector-{{ $prospect->id }}" name="sector">
                            <option value="">Seleccione</option>
                            <option value="Público" {{ $prospect->sector === 'Público' ? 'selected' : '' }}>Público</option>
                            <option value="Privado" {{ $prospect->sector === 'Privado' ? 'selected' : '' }}>Privado</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="temperatura-{{ $prospect->id }}" class="form-label">Temperatura</label>
                        <select class="form-select" id="temperatura-{{ $prospect->id }}" name="temperatura">
                            <option value="">Seleccione</option>
                            <option value="Caliente" {{ $prospect->temperatura === 'Caliente' ? 'selected' : '' }}>Caliente</option>
                            <option value="Templado" {{ $prospect->temperatura === 'Templado' ? 'selected' : '' }}>Templado</option>
                            <option value="Frio" {{ $prospect->temperatura === 'Frio' ? 'selected' : '' }}>Frio</option>
                        </select>
                    </div>
                    <!-- Agrega los demás campos aquí -->
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Guardar Cambios</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach
@endsection