{% extends "base.html" %}

{% block title %}Fornecedores{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1><i class="bi bi-truck"></i> Fornecedores</h1>
    <a href="{{ url_for('novo_fornecedor') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle"></i> Novo Fornecedor
    </a>
</div>

{% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        {% for category, message in messages %}
            <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        {% endfor %}
    {% endif %}
{% endwith %}

<!-- Filtros -->
<div class="card mb-4">
    <div class="card-body">
        <form method="GET" class="row g-3">
            <div class="col-md-3">
                <label class="form-label">Tipo</label>
                <select name="tipo" class="form-select">
                    <option value="" {% if not tipo_filtro %}selected{% endif %}>Todos</option>
                    <option value="software" {% if tipo_filtro == 'software' %}selected{% endif %}>Software</option>
                    <option value="equipamento" {% if tipo_filtro == 'equipamento' %}selected{% endif %}>Equipamento</option>
                    <option value="servico" {% if tipo_filtro == 'servico' %}selected{% endif %}>Serviço</option>
                    <option value="taxa" {% if tipo_filtro == 'taxa' %}selected{% endif %}>Taxa/Banco</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Status</label>
                <select name="status" class="form-select">
                    <option value="" {% if not status_filtro %}selected{% endif %}>Todos</option>
                    <option value="ativo" {% if status_filtro == 'ativo' %}selected{% endif %}>Ativo</option>
                    <option value="inativo" {% if status_filtro == 'inativo' %}selected{% endif %}>Inativo</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Buscar</label>
                <input type="text" name="busca" class="form-control" placeholder="Nome ou CNPJ/CPF" value="{{ busca_filtro or '' }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">&nbsp;</label>
                <button type="submit" class="btn btn-secondary w-100">
                    <i class="bi bi-search"></i> Filtrar
                </button>
            </div>
            <div class="col-md-3">
                <label class="form-label">Classificação</label>
                <select name="classificar" class="form-select" onchange="this.form.submit()">
                    <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Código</option>
                    <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Nome</option>
                    <option value="descricao" {% if classificar == 'descricao' %}selected{% endif %}>Descrição</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Ordem</label>
                <select name="ordem" class="form-select" onchange="this.form.submit()">
                    <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Crescente</option>
                    <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                </select>
            </div>
        </form>
    </div>
</div>

<!-- Lista de Fornecedores -->
<div class="card">
    <div class="card-body">
        {% if fornecedores %}
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>CNPJ/CPF</th>
                            <th>Tipo</th>
                            <th>Contato</th>
                            <th>Status</th>
                            <th class="text-end">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for fornecedor in fornecedores %}
                            <tr>
                                <td>
                                    <strong>{{ fornecedor.nome }}</strong>
                                    {% if fornecedor.razao_social %}
                                        <br><small class="text-muted">{{ fornecedor.razao_social }}</small>
                                    {% endif %}
                                </td>
                                <td>{{ fornecedor.cnpj_cpf or '-' }}</td>
                                <td>
                                    {% if fornecedor.tipo == 'software' %}
                                        <span class="badge bg-info"><i class="bi bi-laptop"></i> Software</span>
                                    {% elif fornecedor.tipo == 'equipamento' %}
                                        <span class="badge bg-secondary"><i class="bi bi-tools"></i> Equipamento</span>
                                    {% elif fornecedor.tipo == 'servico' %}
                                        <span class="badge bg-primary"><i class="bi bi-gear"></i> Serviço</span>
                                    {% elif fornecedor.tipo == 'taxa' %}
                                        <span class="badge bg-warning text-dark"><i class="bi bi-bank"></i> Taxa/Banco</span>
                                    {% else %}
                                        <span class="badge bg-light text-dark">-</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if fornecedor.email %}
                                        <i class="bi bi-envelope"></i> {{ fornecedor.email }}<br>
                                    {% endif %}
                                    {% if fornecedor.telefone %}
                                        <i class="bi bi-phone"></i> {{ fornecedor.telefone }}
                                    {% endif %}
                                    {% if not fornecedor.email and not fornecedor.telefone %}
                                        <span class="text-muted">-</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="badge bg-{% if fornecedor.ativo %}success{% else %}secondary{% endif %}">
                                        {% if fornecedor.ativo %}Ativo{% else %}Inativo{% endif %}
                                    </span>
                                </td>
                                <td class="text-end">
                                    <div class="dropdown action-menu">
                                        <button class="action-menu-btn" type="button" data-bs-toggle="dropdown">
                                            <i class="bi bi-three-dots-vertical"></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end">
                                            <li><a class="dropdown-item" href="{{ url_for('editar_fornecedor', id=fornecedor.id) }}"><i class="bi bi-pencil-fill text-warning"></i> Editar</a></li>
                                            <li><a class="dropdown-item" href="{{ url_for('contas_pagar', fornecedor_id=fornecedor.id) }}"><i class="bi bi-receipt-fill text-info"></i> Ver Contas</a></li>
                                            <li><hr class="dropdown-divider"></li>
                                            <li>
                                                <form method="POST" action="{{ url_for('excluir_fornecedor', id=fornecedor.id) }}" onsubmit="return confirm('Tem certeza que deseja excluir este fornecedor?')">
                                                    <button type="submit" class="dropdown-item text-danger">
                                                        <i class="bi bi-trash-fill"></i> Excluir
                                                    </button>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <div class="alert alert-info">
                <i class="bi bi-info-circle"></i> Nenhum fornecedor cadastrado.
                <a href="{{ url_for('novo_fornecedor') }}" class="alert-link">Cadastre o primeiro fornecedor</a>.
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}