{% extends "base.html" %}

{% block title %}Detalhes da Solicitação #{{ solicitacao.id }} - GWG Intranet{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
    <h1><i class="bi bi-briefcase"></i> Solicitação Comercial #{{ solicitacao.id }}</h1>
    <a href="{{ url_for('listar_solicitacoes_comercial') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Voltar
    </a>
</div>

<div class="row">
    <div class="col-md-8">
        <!-- Dados do Cliente -->
        <div class="card mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-building"></i> Dados do Cliente</h5>
            </div>
            
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="30%">Razão Social:</th>
                        <td>{{ solicitacao.cliente_nome }}</td>
                    </tr>
                    
                    <tr>
                        <th>CNPJ:</th>
                        <td>{{ solicitacao.cliente_cnpj }}</td>
                    </tr>
                    
                    <tr>
                        <th>Endereço:</th>
                        <td>{{ solicitacao.cliente_endereco }}</td>
                    </tr>
                    
                    <tr>
                        <th>Cidade:</th>
                        <td>{{ solicitacao.cliente_cidade }}</td>
                    </tr>
                    
                    <tr>
                        <th>Contato:</th>
                        <td>
                            {% if solicitacao.cliente_contato_nome %}
                                {{ solicitacao.cliente_contato_nome }}
                                {% if solicitacao.cliente_contato_tel %}| Tel: {{ solicitacao.cliente_contato_tel }}{% endif %}
                                {% if solicitacao.cliente_contato_email %}| Email: {{ solicitacao.cliente_contato_email }}{% endif %}
                            {% else %}
                                <span class="text-muted">Não informado</span>
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        
        <!-- Dados do Produto -->
        <div class="card mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-router"></i> Produto Solicitado</h5>
            </div>
            
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="30%">Tipo:</th>
                        <td>{{ solicitacao.tipo_produto.replace('_', ' ').title() }}</td>
                    </tr>
                    
                    <tr>
                        <th>Banda:</th>
                        <td>{{ solicitacao.banda_mbps }} Mbps</td>
                    </tr>
                    
                    {% if solicitacao.observacoes %}
                    <tr>
                        <th>Observações:</th>
                        <td>{{ solicitacao.observacoes }}</td>
                    </tr>
                    {% endif %}
                </table>
            </div>
        </div>
        
        <!-- Arquivos -->
        {% if arquivos %}
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-paperclip"></i> Arquivos Anexados</h5>
            </div>
            
            <div class="card-body">
                <ul class="list-group list-group-flush">
                    {% for a in arquivos %}
                    <li class="list-group-item">
                        <i class="bi bi-file-earmark"></i> {{ a.original_name }}
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        {% endif %}
    </div>
    
    <div class="col-md-4">
        <!-- Status e Ações -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-info-circle"></i> Status</h5>
            </div>
            
            <div class="card-body">
                <div class="mb-3">
                    <strong>Status Atual:</strong><br>
                    {% set status_class = {
                        'pendente': 'warning',
                        'em_analise': 'info',
                        'proposta_gerada': 'primary',
                        'aprovada': 'success',
                        'enviada': 'success',
                        'recusada': 'danger'
                    } %}
                    <span class="badge bg-{{ status_class.get(solicitacao.status, 'secondary') }} fs-6">
                        {{ solicitacao.status.replace('_', ' ').title() }}
                    </span>
                </div>
                
                <div class="mb-3">
                    <strong>Solicitante:</strong><br>
                    {{ solicitacao.usuario.nome }}
                </div>
                
                <div class="mb-3">
                    <strong>Data:</strong><br>
                    {{ solicitacao.created_at.strftime('%d/%m/%Y %H:%M') }}
                </div>
                
                
                {% if user.nivel in ['admin', 'gerente'] %}
                <hr>
                
                <h6>Atualizar Status:</h6>
                
                <form method="POST" action="{{ url_for('atualizar_status_comercial', id=solicitacao.id) }}">
                    <select class="form-select mb-2" name="status">
                        <option value="pendente" {% if solicitacao.status == 'pendente' %}selected{% endif %}>Pendente</option>
                        <option value="em_analise" {% if solicitacao.status == 'em_analise' %}selected{% endif %}>Em Análise</option>
                        <option value="proposta_gerada" {% if solicitacao.status == 'proposta_gerada' %}selected{% endif %}>Proposta Gerada</option>
                        <option value="aprovada" {% if solicitacao.status == 'aprovada' %}selected{% endif %}>Aprovada</option>
                        <option value="enviada" {% if solicitacao.status == 'enviada' %}selected{% endif %}>Enviada</option>
                        <option value="recusada" {% if solicitacao.status == 'recusada' %}selected{% endif %}>Recusada</option>
                    </select>
                    
                    <button type="submit" class="btn btn-gwg w-100">
                        <i class="bi bi-check-circle"></i> Atualizar
                    </button>
                </form>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}