<div class="row">
    <!-- Linha 1: Ordem e Documento -->
    <div class="col-md-6 mb-3">
        <label for="id_ordem">Ordem de Viagem <span class="text-danger">*</span></label>
        <?php if (!empty($dados['id_ordem'])): ?>
            <input type="hidden" name="id_ordem" value="<?= $dados['id_ordem'] ?>">
            <input type="text" class="form-control" value="Ordem #<?= $dados['id_ordem'] ?>" readonly>
        <?php elseif (isset($dados['prestacao']->id_ordem)): ?>
            <input type="hidden" name="id_ordem" value="<?= $dados['prestacao']->id_ordem ?>">
            <input type="text" class="form-control" value="Ordem #<?= $dados['prestacao']->id_ordem ?>" readonly>
        <?php else: ?>
            <select name="id_ordem" id="id_ordem" class="form-select" required>
                <option value="">Selecione...</option>
                <?php foreach ($dados['ordens'] as $ordem): ?>
                    <option value="<?= $ordem->id_ordem ?>" <?= (isset($dados['prestacao']) && $dados['prestacao']->id_ordem == $ordem->id_ordem) ? 'selected' : '' ?>>
                        <?= 'Ordem #' . $ordem->id_ordem ?>
                    </option>
                <?php endforeach; ?>
            </select>
        <?php endif; ?>
    </div>

    <div class="col-md-6 mb-3">
        <label for="doc">Documento / Protocolo</label>
        <input type="text" name="doc" id="doc" class="form-control" value="<?= $dados['prestacao']->doc ?? '' ?>">
    </div>

    <!-- Linha 2: Valores Financeiros -->
    <div class="col-md-6 mb-3">
        <label for="valor_previsto">Valor Previsto</label>
        <input type="text" id="valor_previsto" name="valor_previsto" class="form-control" 
               value="<?= $dados['valor_previsto'] ?? '0,00' ?>" readonly>
    </div>

    <div class="col-md-6 mb-3">
        <label for="valor_gasto">Valor Gasto</label>
        <input type="text" id="valor_gasto" name="valor_gasto" class="form-control" 
               value="<?= isset($dados['prestacao']) ? number_format($dados['prestacao']->valor_gasto, 2, ',', '.') : '' ?>">
    </div>

    <!-- Linha 3: Descontos e Reembolso -->
    <div class="col-md-6 mb-3">
        <label for="descontos">Descontos</label>
        <input type="text" id="descontos" name="descontos" class="form-control" 
               value="<?= isset($dados['prestacao']) ? number_format($dados['prestacao']->descontos, 2, ',', '.') : '' ?>">
    </div>

    <div class="col-md-6 mb-3">
        <label for="reembolso">Reembolso</label>
        <input type="text" id="reembolso" name="reembolso" class="form-control" readonly 
               value="<?= isset($dados['prestacao']) ? number_format($dados['prestacao']->reembolso, 2, ',', '.') : '0,00' ?>">
    </div>

    <!-- Linha 4: Devolução -->
    <div class="col-md-6 mb-3">
        <label for="devolucao">Devolução</label>
        <input type="text" id="devolucao" name="devolucao" class="form-control" readonly 
               value="<?= isset($dados['prestacao']) ? number_format($dados['prestacao']->devolucao, 2, ',', '.') : '0,00' ?>">
    </div>

    <!-- Linha 5: Observações -->
    <div class="col-md-12 mb-3">
        <label for="obs">Observações</label>
        <textarea name="obs" id="obs" class="form-control" rows="3"><?= $dados['prestacao']->obs ?? '' ?></textarea>
    </div>

    <!-- Linha 6: Comprovantes -->
    <div class="col-md-12 mb-3">
        <label for="comprovante">Anexar Comprovantes</label>
        <input type="file" name="comprovantes[]" id="comprovante" class="form-control" multiple accept=".pdf,.jpg,.jpeg,.png">

        <small class="text-muted">Você pode anexar arquivos PDF, JPG ou PNG.</small>
    </div>

    <!-- Lista de Comprovantes -->
    <?php if (!empty($dados['comprovantes'])): ?>
        <div class="col-12 mt-3">
            <label>Comprovantes já anexados:</label>
            <ul class="list-group">
                <?php foreach ($dados['comprovantes'] as $c): ?>
                    <li class="list-group-item">
                        <a href="<?= URL ?>/public/comprovantes_prestacao/<?= $c->arquivo ?>" target="_blank">
                            <i class="bi bi-paperclip"></i> <?= htmlspecialchars($c->arquivo) ?>
                        </a>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>
    <?php endif; ?>
</div>


<!-- Script para cálculo automático -->
<script>
function parseValor(valor) {
    if (!valor) return 0;
    return parseFloat(valor.replace(/\./g, '').replace(',', '.')) || 0;
}

function formatarReais(valor) {
    return valor.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}

function calcularPrestacao() {
    const previsto = parseValor(document.getElementById('valor_previsto').value);
    const gasto = parseValor(document.getElementById('valor_gasto').value);
    const descontos = parseValor(document.querySelector('input[name="descontos"]').value);

    let reembolso = 0;
    let devolucao = 0;

    if (gasto > previsto) {
        reembolso = gasto - previsto;
    } else if (gasto < previsto) {
        devolucao = previsto - gasto;
    }

    reembolso -= descontos;
    devolucao -= descontos;

    // Evita valores negativos
    if (reembolso < 0) reembolso = 0;
    if (devolucao < 0) devolucao = 0;

    document.getElementById('reembolso').value = formatarReais(reembolso);
    document.getElementById('devolucao').value = formatarReais(devolucao);
}

// Recalcular ao digitar
document.addEventListener('DOMContentLoaded', function () {
    const campos = ['valor_gasto', 'valor_previsto', 'descontos'];
    campos.forEach(id => {
        const el = document.getElementById(id) || document.querySelector(`input[name="${id}"]`);
        if (el) {
            el.addEventListener('input', calcularPrestacao);
        }
    });
});
</script>
