{% extends "base.html" %}

{% block title %}Retificações de Ponto{% endblock %}

{% block extra_css %}
<style>
.rh-retif-page .card {
    border-radius: 0.9rem;
}
.rh-retif-page .card-body {
    padding: 0.9rem 1rem;
}
.rh-retif-page .form-label {
    margin-bottom: 0.2rem;
    font-size: 0.84rem;
    font-weight: 600;
}
.rh-retif-page .form-control,
.rh-retif-page .form-select {
    min-height: calc(1.5em + 0.7rem + 2px);
    padding: 0.35rem 0.6rem;
    font-size: 0.88rem;
}
.rh-retif-page .table {
    font-size: 0.88rem;
}
.rh-retif-resposta {
    min-width: 0;
}
.rh-retif-table td,
.rh-retif-table th {
    vertical-align: top;
}
.rh-retif-data-cell {
    white-space: nowrap;
}
.rh-retif-competencia-badge {
    white-space: nowrap;
}
.rh-retif-acao-cell {
    min-width: 320px;
}
.rh-retif-acao-form {
    display: grid;
    gap: 0.4rem;
    min-width: 300px;
}
.rh-retif-acao-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
}
.rh-retif-botoes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
}
.rh-retif-botoes .btn {
    white-space: nowrap;
}
.rh-retif-ajuda {
    font-size: 0.74rem;
    line-height: 1.35;
    color: #6c757d;
}
@media (max-width: 1200px) {
    .rh-retif-acao-cell {
        min-width: 290px;
    }
    .rh-retif-acao-form {
        min-width: 270px;
    }
}
</style>
{% endblock %}

{% block content %}
<div class="rh-retif-page">
<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-clipboard-check"></i></span>
            <span>Retificações de Ponto</span>
        </h1>
        <p class="rh-page-subtitle">Ajuste solicitações de correção de batidas com contexto, horário sugerido e resposta do gestor no mesmo fluxo.</p>
    </div>
    <div class="rh-page-actions">
        <a href="{{ url_for('rh_ponto_espelho_mensal') }}" 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">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="todos" {% if status == 'todos' %}selected{% endif %}>Todos</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Funcionário</label>
                <input type="text" name="funcionario" class="form-control" value="{{ funcionario_filtro or '' }}" placeholder="Nome, matrícula, ID, código batida">
            </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="RET-..., 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_retificacoes') }}" 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">Retificações aguardando decisão</h2>
            <p class="rh-section-subtitle">Aprove ou reprograme a nova data/hora mantendo o histórico operacional da batida original.</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 rh-retif-table">
                <thead>
                    <tr>
                        <th>Data Solicitação</th>
                        <th>Competência</th>
                        <th>Funcionário</th>
                        <th>Registro</th>
                        <th>Horário sugerido</th>
                        <th>Motivo</th>
                        <th>Status</th>
                        <th>Ação Gestor</th>
                    </tr>
                </thead>
                <tbody>
                    {% for r in retificacoes %}
                    <tr>
                        <td class="rh-retif-data-cell">{{ r.data_solicitacao.strftime('%d/%m/%Y %H:%M') if r.data_solicitacao else '-' }}</td>
                        <td>
                            <span class="badge rh-retif-competencia-badge {% if r._competencia_fechada %}bg-danger{% else %}bg-secondary{% endif %}">
                                {{ r._competencia_label }}
                            </span>
                        </td>
                        <td>{{ r.funcionario.nome if r.funcionario else '-' }}</td>
                        <td class="rh-retif-data-cell">
                            {% if r.ponto_registro and r.ponto_registro.data_hora %}
                                {{ r.ponto_registro.data_hora.strftime('%d/%m/%Y %H:%M:%S') }}
                            {% else %}
                                -
                            {% endif %}
                        </td>
                        <td>
                            {% if r.data_hora_sugerida %}
                                <span class="badge bg-info text-dark">{{ r.data_hora_sugerida.strftime('%d/%m/%Y %H:%M') }}</span>
                            {% else %}
                                <span class="text-muted">-</span>
                            {% endif %}
                        </td>
                        <td>{{ r.motivo }}</td>
                        <td>
                            {% if r.status == 'pendente' %}
                                <span class="badge bg-warning text-dark">pendente</span>
                            {% elif r.status == 'aprovado' %}
                                <span class="badge bg-success">aprovado</span>
                            {% else %}
                                <span class="badge bg-danger">rejeitado</span>
                            {% endif %}
                        </td>
                        <td class="rh-retif-acao-cell">
                            {% if r.status == 'pendente' %}
                                {% if r._competencia_fechada %}
                                    <small class="text-danger">
                                        <i class="bi bi-lock-fill"></i>
                                        Competência fechada — análise bloqueada.
                                    </small>
                                {% else %}
                                <form method="POST" action="{{ url_for('rh_ponto_retificacao_status', id=r.id) }}" class="rh-retif-acao-form">
                                    <input type="hidden" name="filtro_status" value="{{ status }}">
                                    <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 '' }}">
                                    <div class="rh-retif-acao-grid">
                                        <input
                                            type="datetime-local"
                                            class="form-control form-control-sm"
                                            name="nova_data_hora"
                                            value="{{ r.data_hora_sugerida.strftime('%Y-%m-%dT%H:%M') if r.data_hora_sugerida else (r.ponto_registro.data_hora.strftime('%Y-%m-%dT%H:%M') if r.ponto_registro and r.ponto_registro.data_hora else '') }}"
                                            title="Nova data/hora da batida (obrigatória para aprovar)">
                                        <input type="text" class="form-control form-control-sm rh-retif-resposta" name="resposta_gestor" maxlength="255" placeholder="Resposta do gestor (opcional)">
                                        <div class="rh-retif-botoes">
                                            <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">Reprovar</button>
                                        </div>
                                    </div>
                                    <small class="rh-retif-ajuda">
                                        Ao aprovar, o registro original será invalidado e será criada uma nova batida de ajuste.
                                    </small>
                                </form>
                                {% endif %}
                            {% else %}
                                <small class="text-muted">{{ r.resposta_gestor or '-' }}</small>
                            {% endif %}
                        </td>
                    </tr>
                    {% else %}
                    <tr><td colspan="8" class="text-center text-muted py-4">Nenhuma retificação encontrada.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="rh-list-footer">
    <small class="text-muted">Mostrando {{ retificacoes|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_retificacoes', status=status, 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_retificacoes', status=status, 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>
</div>
{% endblock %}