{% extends "base.html" %}

{% block title %}Nova Solicitação de Compra - 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-plus-circle"></i> Nova Solicitação de Compra</h1>
</div>

<div class="card shadow-sm">
    <div class="card-header bg-success text-white">
        <h5 class="mb-0">Dados da Solicitação</h5>
    </div>
    
    <div class="card-body p-4">
        <form method="POST" action="{{ url_for('nova_solicitacao_compra') }}" enctype="multipart/form-data">
            
            <div class="row mb-3">
                <div class="col-md-8">
                    <label class="form-label">Descrição do Item *</label>
                    <textarea class="form-control" name="item_descricao" rows="2" required 
                              placeholder="Descreva o item que precisa ser comprado"></textarea>
                </div>
                
                <div class="col-md-4">
                    <label class="form-label">Quantidade *</label>
                    <input type="number" class="form-control" name="quantidade" required 
                           min="1" value="1">
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Fornecedor Sugerido</label>
                    <input type="text" class="form-control" name="fornecedor" 
                           placeholder="Nome do fornecedor (se houver)">
                </div>
                
                <div class="col-md-3">
                    <label class="form-label">Urgência *</label>
                    <select class="form-select" name="urgencia" required>
                        <option value="baixa">Baixa</option>
                        <option value="normal" selected>Normal</option>
                        <option value="alta">Alta</option>
                        <option value="urgente">Urgente</option>
                    </select>
                </div>
                
                <div class="col-md-3">
                    <label class="form-label">Valor Orçado (R$)</label>
                    <input type="number" class="form-control" name="valor_orcamento" 
                           step="0.01" min="0" placeholder="0,00">
                </div>
            </div>
            
            <div class="mb-3">
                <label class="form-label">Observações</label>
                <textarea class="form-control" name="observacoes" rows="3" 
                          placeholder="Informações adicionais sobre a compra"></textarea>
            </div>
            
            <div class="mb-3">
                <label class="form-label">Anexar Arquivos (Orçamentos, fotos, etc)</label>
                <input type="file" class="form-control" name="arquivos" multiple 
                       accept=".pdf,.doc,.docx,.png,.jpg,.jpeg,.xls,.xlsx">
            </div>
            
            <div class="alert alert-info">
                <i class="bi bi-info-circle"></i> 
                <strong>Após envio:</strong> A solicitação será analisada pela equipe de compras.
            </div>
            
            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <a href="{{ url_for('dashboard') }}" class="btn btn-outline-secondary">Cancelar</a>
                <button type="submit" class="btn btn-success">
                    <i class="bi bi-send"></i> Enviar Solicitação
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}