{% 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-basket"></i> Solicitação de Compra #{{ solicitacao.id }}</h1>
    <a href="{{ url_for('listar_solicitacoes_compra') }}" 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 Item -->
        <div class="card mb-4">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0"><i class="bi bi-box"></i> Dados da Compra</h5>
            </div>
            
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="30%">Item:</th>
                        <td>{{ solicitacao.item_descricao }}</td>
                    </tr>
                    
                    <tr>
                        <th>Quantidade:</th>
                        <td>{{ solicitacao.quantidade }}</td>
                    </tr>
                    
                    <tr>
                        <th>Fornecedor Sugerido:</th>
                        <td>{{ solicitacao.fornecedor or 'Não informado' }}</td>
                    </tr>
                    
                    <tr>
                        <th>Urgência:</th>
                        <td>
                            <span class="badge bg-{% if solicitacao.urgencia == 'urgente' %}danger{% elif solicitacao.urgencia == 'alta' %}warning{% else %}info{% endif %}">
                                {{ solicitacao.urgencia.title() }}
                            </span>
                        </td>
                    </tr>
                    
                    <tr>
                        <th>Valor Orçado:</th>
                        <td>R$ {{ solicitacao.valor_orcamento or 'Não informado' }}</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 -->
        <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>
                    <span class="badge bg-primary 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>
                
                <p class="text-muted">Apenas admin/gerente pode atualizar status</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}