{% extends "base.html" %}

{% block title %}Cargos / Departamentos{% endblock %}

{% block content %}
<div class="rh-page-shell">
<div class="rh-page-hero">
    <div class="rh-page-hero-title">
        <span class="rh-page-hero-eyebrow">RH • Estrutura organizacional</span>
        <h1 class="h2"><i class="bi bi-diagram-3"></i> Cargos / Departamentos</h1>
        <p class="rh-page-hero-subtitle">Padronize cargos e departamentos para reaproveitar no cadastro de funcionários e deixar futuras permissões mais organizadas.</p>
    </div>
    <div class="rh-page-hero-actions">
        {% if origem_pessoas %}
        <a href="{{ url_for('pessoas', tipo='funcionario') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Voltar a Pessoas
        </a>
        {% else %}
        <a href="{{ url_for('rh_funcionarios') }}" class="btn btn-outline-secondary">
            <i class="bi bi-people"></i> Funcionários
        </a>
        <a href="{{ url_for('rh_escalas_trabalho', empresa_id=empresa.id) }}" class="btn btn-outline-primary">
            <i class="bi bi-calendar-week"></i> Escalas
        </a>
        {% endif %}
    </div>
</div>

<div class="alert alert-light border rh-context-alert">
    <strong>Empresa ativa:</strong> {{ empresa.nome_fantasia or empresa.razao_social or empresa.nome }}<br>
    <span class="text-muted small">Padronize cargos e departamentos aqui para reutilizar no cadastro de funcionários e facilitar futuros vínculos com perfis e permissões.</span>
</div>

<div class="row g-3">
    <div class="col-12 col-xl-6">
        <div class="card h-100 rh-list-card">
            <div class="card-header d-flex justify-content-between align-items-center rh-list-header">
                <strong><i class="bi bi-briefcase"></i> Cargos</strong>
                <span class="badge bg-primary">{{ (cargos_rh or [])|length }}</span>
            </div>
            <div class="card-body">
                <form method="POST" class="row g-2 mb-3">
                    <input type="hidden" name="tipo_cadastro" value="cargo">
                    <input type="hidden" name="acao" value="salvar">
                    <input type="hidden" name="item_id" value="{{ cargo_edicao.id if cargo_edicao else '' }}">
                    <div class="col-md-8">
                        <label class="form-label">Nome do cargo</label>
                        <input type="text" class="form-control" name="nome" maxlength="120" required value="{{ cargo_edicao.nome if cargo_edicao else '' }}" placeholder="Ex.: Gerente Financeiro">
                    </div>
                    <div class="col-md-4 d-flex align-items-end">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="ativo" id="cargo_ativo" {% if not cargo_edicao or cargo_edicao.ativo %}checked{% endif %}>
                            <label class="form-check-label" for="cargo_ativo">Ativo</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Descrição</label>
                        <textarea class="form-control" name="descricao" rows="2" placeholder="Observações opcionais para o cargo.">{{ cargo_edicao.descricao if cargo_edicao else '' }}</textarea>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Perfil setorial padrão do usuário</label>
                        <select class="form-select" name="perfil_usuario_padrao">
                            {% set cargo_perfil_edicao = cargo_edicao.perfil_usuario_padrao if cargo_edicao else '' %}
                            {% for perfil in perfis_usuario_padrao or [] %}
                            <option value="{{ perfil.valor }}" {% if cargo_perfil_edicao == perfil.valor %}selected{% endif %}>{{ perfil.label }}</option>
                            {% endfor %}
                        </select>
                        <div class="form-text">Base para futuros vínculos automáticos entre cargo e o perfil configurado no acesso setorial.</div>
                    </div>
                    <div class="col-12 d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-save"></i> {{ 'Atualizar cargo' if cargo_edicao else 'Salvar cargo' }}
                        </button>
                        {% if cargo_edicao %}
                        <a href="{{ url_for(endpoint_cadastros) }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-circle"></i> Cancelar edição
                        </a>
                        {% endif %}
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-sm align-middle">
                        <thead>
                            <tr>
                                <th>Nome</th>
                                <th>Status</th>
                                <th class="text-end">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in cargos_rh or [] %}
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ item.nome }}</div>
                                    {% if item.perfil_usuario_padrao %}
                                    {% set perfil_sugerido_item = (perfis_usuario_padrao | selectattr('valor', 'equalto', item.perfil_usuario_padrao) | list | first) %}
                                    <div class="small text-primary">Perfil sugerido: {{ perfil_sugerido_item.label if perfil_sugerido_item else item.perfil_usuario_padrao|replace('_', ' ')|title }}</div>
                                    {% endif %}
                                    {% if item.descricao %}<div class="small text-muted">{{ item.descricao }}</div>{% endif %}
                                </td>
                                <td>
                                    {% if item.ativo %}
                                    <span class="badge bg-success">Ativo</span>
                                    {% else %}
                                    <span class="badge bg-secondary">Inativo</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for(endpoint_cadastros, editar_tipo='cargo', editar_id=item.id) }}" class="btn btn-outline-primary">
                                            <i class="bi bi-pencil"></i>
                                        </a>
                                        <form method="POST" class="d-inline">
                                            <input type="hidden" name="tipo_cadastro" value="cargo">
                                            <input type="hidden" name="acao" value="toggle_ativo">
                                            <input type="hidden" name="item_id" value="{{ item.id }}">
                                            <button type="submit" class="btn btn-outline-secondary" title="{{ 'Inativar' if item.ativo else 'Ativar' }}">
                                                <i class="bi {{ 'bi-pause-circle' if item.ativo else 'bi-play-circle' }}"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted py-3">Nenhum cargo cadastrado ainda.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-6">
        <div class="card h-100 rh-list-card">
            <div class="card-header d-flex justify-content-between align-items-center rh-list-header">
                <strong><i class="bi bi-diagram-2"></i> Departamentos</strong>
                <span class="badge bg-info text-dark">{{ (departamentos_rh or [])|length }}</span>
            </div>
            <div class="card-body">
                <form method="POST" class="row g-2 mb-3">
                    <input type="hidden" name="tipo_cadastro" value="departamento">
                    <input type="hidden" name="acao" value="salvar">
                    <input type="hidden" name="item_id" value="{{ departamento_edicao.id if departamento_edicao else '' }}">
                    <div class="col-md-8">
                        <label class="form-label">Nome do departamento</label>
                        <input type="text" class="form-control" name="nome" maxlength="120" required value="{{ departamento_edicao.nome if departamento_edicao else '' }}" placeholder="Ex.: Administrativo">
                    </div>
                    <div class="col-md-4 d-flex align-items-end">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="ativo" id="departamento_ativo" {% if not departamento_edicao or departamento_edicao.ativo %}checked{% endif %}>
                            <label class="form-check-label" for="departamento_ativo">Ativo</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Descrição</label>
                        <textarea class="form-control" name="descricao" rows="2" placeholder="Observações opcionais para o departamento.">{{ departamento_edicao.descricao if departamento_edicao else '' }}</textarea>
                    </div>
                    <div class="col-12 d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-save"></i> {{ 'Atualizar departamento' if departamento_edicao else 'Salvar departamento' }}
                        </button>
                        {% if departamento_edicao %}
                        <a href="{{ url_for(endpoint_cadastros) }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-circle"></i> Cancelar edição
                        </a>
                        {% endif %}
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-sm align-middle">
                        <thead>
                            <tr>
                                <th>Nome</th>
                                <th>Status</th>
                                <th class="text-end">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in departamentos_rh or [] %}
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ item.nome }}</div>
                                    {% if item.descricao %}<div class="small text-muted">{{ item.descricao }}</div>{% endif %}
                                </td>
                                <td>
                                    {% if item.ativo %}
                                    <span class="badge bg-success">Ativo</span>
                                    {% else %}
                                    <span class="badge bg-secondary">Inativo</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for(endpoint_cadastros, editar_tipo='departamento', editar_id=item.id) }}" class="btn btn-outline-primary">
                                            <i class="bi bi-pencil"></i>
                                        </a>
                                        <form method="POST" class="d-inline">
                                            <input type="hidden" name="tipo_cadastro" value="departamento">
                                            <input type="hidden" name="acao" value="toggle_ativo">
                                            <input type="hidden" name="item_id" value="{{ item.id }}">
                                            <button type="submit" class="btn btn-outline-secondary" title="{{ 'Inativar' if item.ativo else 'Ativar' }}">
                                                <i class="bi {{ 'bi-pause-circle' if item.ativo else 'bi-play-circle' }}"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted py-3">Nenhum departamento cadastrado ainda.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endblock %}