{% extends "base.html" %}

{% block title %}Solicitações do Funcionário{% endblock %}

{% block content %}
<div class="rh-page-shell">
<div class="rh-page-hero">
    <div class="rh-page-hero-main">
        <h1 class="h2 rh-page-title">
            <span class="rh-page-title-icon"><i class="bi bi-inboxes"></i></span>
            <span>Solicitações do Funcionário</span>
        </h1>
        <p class="rh-page-subtitle">Central de análise do RH para pedidos de abono, registro retroativo e demais solicitações operacionais do app.</p>
    </div>
    <div class="rh-page-actions">
        <a href="{{ url_for('rh_ponto_espelho_mensal', empresa_id=empresa_id_selecionada) }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Voltar ao espelho
        </a>
    </div>
</div>

<div class="card mb-0 rh-filter-card">
    <div class="card-body">
        <form method="GET" class="row g-3 align-items-end rh-filter-form">
            <div class="col-md-3">
                <label class="form-label">Empresa</label>
                <select name="empresa_id" class="form-select">
                    {% for emp in empresas_disponiveis or [] %}
                    <option value="{{ emp.id }}" {% if empresa_id_selecionada == emp.id %}selected{% endif %}>{{ emp.nome_fantasia or emp.razao_social or emp.nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Status</label>
                <select name="status" class="form-select">
                    <option value="pendente" {% if status == 'pendente' %}selected{% endif %}>Pendente</option>
                    <option value="aprovado" {% if status == 'aprovado' %}selected{% endif %}>Aprovado</option>
                    <option value="rejeitado" {% if status == 'rejeitado' %}selected{% endif %}>Rejeitado</option>
                    <option value="cancelado" {% if status == 'cancelado' %}selected{% endif %}>Cancelado</option>
                    <option value="todos" {% if status == 'todos' %}selected{% endif %}>Todos</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Tipo</label>
                <select name="tipo" class="form-select">
                    <option value="todos" {% if tipo == 'todos' %}selected{% endif %}>Todos</option>
                    {% for tipo_item in tipos_validos %}
                    <option value="{{ tipo_item }}" {% if tipo == tipo_item %}selected{% endif %}>{{ tipo_item.replace('_', ' ')|title }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Funcionário</label>
                <input type="text" name="funcionario" list="rh-funcionarios-solicitacoes" class="form-control" value="{{ funcionario_filtro or '' }}" placeholder="Nome, matrícula, ID, código batida">
                <datalist id="rh-funcionarios-solicitacoes">
                    {% for f in funcionarios_disponiveis or [] %}
                    <option value="{{ f.nome }}">{{ f.nome }}{% if f.matricula %} • Matrícula {{ f.matricula }}{% endif %}{% if f.codigo_batida %} • Batida {{ f.codigo_batida }}{% endif %}</option>
                    {% if f.matricula %}<option value="{{ f.matricula }}">{{ f.nome }} • Matrícula</option>{% endif %}
                    {% if f.id_funcional %}<option value="{{ f.id_funcional }}">{{ f.nome }} • ID funcional</option>{% endif %}
                    {% if f.codigo_batida %}<option value="{{ f.codigo_batida }}">{{ f.nome }} • Código de batida</option>{% endif %}
                    <option value="{{ f.id }}">{{ f.nome }} • ID interno {{ f.id }}</option>
                    {% endfor %}
                </datalist>
            </div>
            <div class="col-md-2">
                <label class="form-label">Data inicial</label>
                <input type="date" name="data_inicio" class="form-control" value="{{ data_inicio or '' }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">Data final</label>
                <input type="date" name="data_fim" class="form-control" value="{{ data_fim or '' }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">Competência</label>
                <input type="month" name="competencia" class="form-control" value="{{ competencia or '' }}">
            </div>
            <div class="col-md-3">
                <label class="form-label">Protocolo / Sync ID</label>
                <input type="text" name="protocolo" class="form-control" value="{{ protocolo or '' }}" placeholder="SOL-..., sync_id, UUID, ID">
            </div>
            <div class="col-md-3 rh-filter-actions">
                <button type="submit" class="btn btn-primary w-100">
                    <i class="bi bi-search"></i> Buscar
                </button>
                <a href="{{ url_for('rh_ponto_solicitacoes_funcionario', empresa_id=empresa_id_selecionada) }}" class="btn btn-outline-secondary">Limpar</a>
            </div>
        </form>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-md-3"><div class="card border-warning rh-summary-card"><div class="card-body"><span class="rh-summary-label">Pendentes</span><strong class="rh-summary-value">{{ resumo_status.pendente or 0 }}</strong></div></div></div>
    <div class="col-md-3"><div class="card border-success rh-summary-card"><div class="card-body"><span class="rh-summary-label">Aprovadas</span><strong class="rh-summary-value">{{ resumo_status.aprovado or 0 }}</strong></div></div></div>
    <div class="col-md-3"><div class="card border-danger rh-summary-card"><div class="card-body"><span class="rh-summary-label">Rejeitadas</span><strong class="rh-summary-value">{{ resumo_status.rejeitado or 0 }}</strong></div></div></div>
    <div class="col-md-3"><div class="card border-secondary rh-summary-card"><div class="card-body"><span class="rh-summary-label">Total filtrado</span><strong class="rh-summary-value">{{ resumo_status.total or 0 }}</strong></div></div></div>
</div>

<div class="card rh-section-card">
    <div class="card-header rh-section-header">
        <div class="rh-section-header-main">
            <h2 class="rh-section-title">Fila de análise do gestor</h2>
            <p class="rh-section-subtitle">Analise anexos, contexto e resposta do colaborador sem sair da listagem.</p>
        </div>
        <span class="badge bg-light text-dark border">{{ paginacao.total }} registro(s)</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-sm table-hover mb-0 align-middle">
                <thead>
                    <tr>
                        <th>Data Solicitação</th>
                        <th>Competência</th>
                        <th>Funcionário</th>
                        <th>Tipo</th>
                        <th>Motivo / Contexto</th>
                        <th>Status</th>
                        <th style="min-width: 420px;">Ação Gestor</th>
                    </tr>
                </thead>
                <tbody>
                    {% for s in solicitacoes %}
                    <tr>
                        <td>
                            <div>{{ s.data_solicitacao.strftime('%d/%m/%Y %H:%M') if s.data_solicitacao else '-' }}</div>
                            <small class="text-muted">#{{ s.id }}{% if s.sync_id %} • {{ s.sync_id }}{% endif %}</small>
                        </td>
                        <td>
                            <span class="badge {% if s._competencia_fechada %}bg-danger{% else %}bg-secondary{% endif %}">
                                {{ s._competencia_label }}
                            </span>
                        </td>
                        <td>
                            <div>{{ s.funcionario.nome if s.funcionario else '-' }}</div>
                            <small class="text-muted">ID {{ s.funcionario_id }}</small>
                        </td>
                        <td>
                            <span class="badge {% if s.tipo == 'registro_forcado' %}bg-warning text-dark{% else %}bg-info text-dark{% endif %}">
                                {{ s._tipo_label }}
                            </span>
                        </td>
                        <td>
                            <div>{{ s.motivo or '-' }}</div>
                            {% if s.tipo == 'registro_forcado' %}
                                <div class="small text-muted mt-1">
                                    UUID: {{ s._registro_uuid or '-' }}<br>
                                    Tentativas: {{ s._tentativas_envio or 0 }} • Foto: {{ 'sim' if s._tem_foto_original else 'não' }}
                                    {% if s._ultimo_erro %}<br>Último erro: {{ s._ultimo_erro }}{% endif %}
                                </div>
                            {% else %}
                                <div class="small text-muted mt-1">
                                    {% if s.data_inicio %}Início: {{ s.data_inicio.strftime('%d/%m/%Y') }}{% endif %}
                                    {% if s.data_fim %}<br>Fim: {{ s.data_fim.strftime('%d/%m/%Y') }}{% endif %}
                                    {% if s.tipo == 'abono' and s._periodo_abono_label %}<br>Período: {{ s._periodo_abono_label }}{% endif %}
                                    {% if s._anexo_id %}<br>Anexo: #{{ s._anexo_id }}{% if s._anexo_nome_arquivo %} • {{ s._anexo_nome_arquivo }}{% endif %}{% endif %}
                                </div>
                                {% if s._anexo_id %}
                                <div class="rh-inline-actions mt-2">
                                    <a href="{{ url_for('rh_ponto_anexo_visualizar', id=s._anexo_id, empresa_id=empresa_id_selecionada) }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-secondary">
                                        <i class="bi bi-eye"></i> Visualizar anexo
                                    </a>
                                    <a href="{{ url_for('rh_ponto_anexo_download', id=s._anexo_id, empresa_id=empresa_id_selecionada) }}" class="btn btn-sm btn-outline-success">
                                        <i class="bi bi-download"></i> Baixar anexo
                                    </a>
                                </div>
                                {% endif %}
                            {% endif %}
                            {% if s._registro_lancado_manual_id %}
                                <div class="alert alert-success py-1 px-2 mt-2 mb-0 small">
                                    Batida manual já lançada: registro #{{ s._registro_lancado_manual_id }} em {{ s._registro_lancado_manual_data_hora or '-' }}
                                </div>
                            {% endif %}
                            {% if s._automacao_abono_mensagem %}
                                <div class="alert {% if s._automacao_dias_lancados %}alert-success{% else %}alert-warning{% endif %} py-1 px-2 mt-2 mb-0 small">
                                    {{ s._automacao_abono_mensagem }}
                                    {% if s._automacao_dias_lancados or s._automacao_dias_ignorados %}
                                        <br>Lançados: {{ s._automacao_dias_lancados or 0 }} • Ignorados: {{ s._automacao_dias_ignorados or 0 }}
                                    {% endif %}
                                </div>
                            {% endif %}
                            {% if s.status == 'pendente' and s._automacao_previa_mensagem %}
                                <div class="alert {% if s._automacao_previa_dias_lancados %}alert-info{% else %}alert-warning{% endif %} py-1 px-2 mt-2 mb-0 small">
                                    <strong>Prévia da automação:</strong> {{ s._automacao_previa_mensagem }}
                                    {% if s._automacao_previa_dias_lancados or s._automacao_previa_dias_ignorados %}
                                        <br>Elegíveis: {{ s._automacao_previa_dias_lancados or 0 }} • Ignorados: {{ s._automacao_previa_dias_ignorados or 0 }}
                                    {% endif %}
                                    {% if s._automacao_previa_detalhes %}
                                        <ul class="mb-0 mt-1 ps-3">
                                            {% for item_previa in s._automacao_previa_detalhes %}
                                                <li>
                                                    {{ item_previa.data[-2:] }}/{{ item_previa.data[5:7] }}/{{ item_previa.data[:4] }}:
                                                    {% if item_previa.status in ['previsto', 'atualizaria', 'lancado'] %}
                                                        {{ item_previa.minutos or 0 }} min
                                                        {% if item_previa.justificativa_nome %} • {{ item_previa.justificativa_nome }}{% endif %}
                                                        {% if item_previa.status == 'atualizaria' %} • atualizaria lançamento existente{% endif %}
                                                    {% else %}
                                                        {{ item_previa.motivo or 'ignorado' }}
                                                    {% endif %}
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    {% endif %}
                                </div>
                            {% endif %}
                        </td>
                        <td>
                            {% if s.status == 'pendente' %}
                                <span class="badge bg-warning text-dark">pendente</span>
                            {% elif s.status == 'aprovado' %}
                                <span class="badge bg-success">aprovado</span>
                            {% elif s.status == 'cancelado' %}
                                <span class="badge bg-secondary">cancelado</span>
                            {% else %}
                                <span class="badge bg-danger">rejeitado</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if s.status == 'pendente' %}
                                <form method="POST" action="{{ url_for('rh_ponto_solicitacao_status', id=s.id) }}" class="rh-action-form">
                                    <input type="hidden" name="empresa_id" value="{{ empresa_id_selecionada }}">
                                    <input type="hidden" name="filtro_status" value="{{ status }}">
                                    <input type="hidden" name="filtro_tipo" value="{{ tipo }}">
                                    <input type="hidden" name="filtro_funcionario" value="{{ funcionario_filtro or '' }}">
                                    <input type="hidden" name="filtro_data_inicio" value="{{ data_inicio or '' }}">
                                    <input type="hidden" name="filtro_data_fim" value="{{ data_fim or '' }}">
                                    <input type="hidden" name="filtro_competencia" value="{{ competencia or '' }}">
                                    <input type="hidden" name="filtro_protocolo" value="{{ protocolo or '' }}">
                                    {% if s.tipo == 'registro_forcado' %}
                                        {% if s._competencia_fechada %}
                                            <div class="alert alert-warning py-2 mb-1 small">
                                                Competência sugerida fechada. Se aprovar, informe uma data/hora válida em competência aberta.
                                            </div>
                                        {% endif %}
                                        <div class="row g-2">
                                            <div class="col-md-4">
                                                <input type="datetime-local" class="form-control form-control-sm" name="nova_data_hora" value="{{ s._data_hora_sugerida_form }}" title="Data/hora da batida manual">
                                            </div>
                                            <div class="col-md-3">
                                                <select class="form-select form-select-sm" name="tipo_batida_forcada">
                                                    <option value="">Tipo automático</option>
                                                    <option value="entrada" {% if s._tipo_batida_sugerida == 'entrada' %}selected{% endif %}>Entrada</option>
                                                    <option value="pausa_inicio" {% if s._tipo_batida_sugerida == 'pausa_inicio' %}selected{% endif %}>Início pausa</option>
                                                    <option value="pausa_fim" {% if s._tipo_batida_sugerida == 'pausa_fim' %}selected{% endif %}>Fim pausa</option>
                                                    <option value="saida" {% if s._tipo_batida_sugerida == 'saida' %}selected{% endif %}>Saída</option>
                                                </select>
                                            </div>
                                            <div class="col-md-5">
                                                <input type="text" class="form-control form-control-sm" name="resposta_gestor" maxlength="255" placeholder="Resposta do gestor / observação">
                                            </div>
                                        </div>
                                        <small class="text-muted">Ao aprovar, o sistema lançará a batida manualmente usando o motor oficial de ponto.</small>
                                    {% else %}
                                        <input type="text" class="form-control form-control-sm" name="resposta_gestor" maxlength="255" placeholder="Resposta do gestor (opcional)">
                                        {% if s.tipo == 'abono' and s._anexo_id %}
                                            <small class="text-muted">Ao aprovar, o sistema tentará lançar a justificativa automaticamente conforme os parâmetros do atestado.</small>
                                            {% if s._automacao_previa_mensagem %}
                                                <small class="text-muted d-block mt-1">Revise a prévia ao lado antes de aprovar; ela reflete os parâmetros atuais da empresa.</small>
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}
                                    <div class="rh-action-buttons">
                                        <button type="submit" name="status" value="aprovado" class="btn btn-sm btn-outline-success">Aprovar</button>
                                        <button type="submit" name="status" value="rejeitado" class="btn btn-sm btn-outline-danger">Rejeitar</button>
                                    </div>
                                </form>
                            {% else %}
                                <small class="text-muted">{{ s.resposta_gestor or '-' }}</small>
                            {% endif %}
                        </td>
                    </tr>
                    {% else %}
                    <tr><td colspan="7" class="text-center text-muted py-4">Nenhuma solicitação encontrada.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="rh-list-footer">
    <small class="text-muted">Mostrando {{ solicitacoes|length }} de {{ paginacao.total }} registro(s) — página {{ paginacao.page }} de {{ paginacao.pages }}</small>
    <div class="btn-group">
        <a class="btn btn-outline-secondary btn-sm {% if not paginacao.has_prev %}disabled{% endif %}" href="{{ url_for('rh_ponto_solicitacoes_funcionario', empresa_id=empresa_id_selecionada, status=status, tipo=tipo, funcionario=funcionario_filtro, data_inicio=data_inicio, data_fim=data_fim, competencia=competencia, protocolo=protocolo, page=paginacao.prev_num) }}">&laquo; Anterior</a>
        <a class="btn btn-outline-secondary btn-sm {% if not paginacao.has_next %}disabled{% endif %}" href="{{ url_for('rh_ponto_solicitacoes_funcionario', empresa_id=empresa_id_selecionada, status=status, tipo=tipo, funcionario=funcionario_filtro, data_inicio=data_inicio, data_fim=data_fim, competencia=competencia, protocolo=protocolo, page=paginacao.next_num) }}">Próxima &raquo;</a>
    </div>
</div>
</div>
{% endblock %}