<div class="container mt-4">
    
    <form method="post" action="<?= URL ?>/veiculos/salvar">
        <table class="table table-borderless" style="table-layout: fixed; width: 100%;">
            <tr>
                <td><label for="placa">Placa</label>
                    <input type="text" name="placa" id="placa" class="form-control" maxlength="7" minlength="7"
                     oninput="this.value = this.value.toUpperCase();"
                        value="<?= isset($dados['veiculo']->placa) ? htmlspecialchars($dados['veiculo']->placa) : '' ?>">
                </td>
                <td><label for="renavam">Renavam</label>
                
                    <input type="text" name="renavam" id="renavam" class="form-control" maxlength="11" minlength="11"
                   oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                        value="<?= isset($dados['veiculo']->renavam) ? htmlspecialchars($dados['veiculo']->renavam) : '' ?>">
                </td>
                <td><label for="motor">Nº Motor</label>
                    <input type="text" name="motor" id="motor" class="form-control" maxlength="6" minlength="12"
                    oninput="this.value = this.value.toUpperCase();"
                        value="<?= isset($dados['veiculo']->motor) ? htmlspecialchars($dados['veiculo']->motor) : '' ?>">
                </td>
                
            </tr>
            <tr>
                <td><label for="marca">Marca</label>
                    <input type="text" name="marca" id="marca" class="form-control"  maxlength="15"
                     oninput="this.value = this.value.toUpperCase();"
                        value="<?= isset($dados['veiculo']->marca) ? htmlspecialchars($dados['veiculo']->marca) : '' ?>">
                </td>
                <td><label for="modelo">Modelo</label>
                    <input type="text" name="modelo" id="modelo" class="form-control" maxlength="15"
                       oninput="this.value = this.value.toUpperCase();"
                        value="<?= isset($dados['veiculo']->modelo) ? htmlspecialchars($dados['veiculo']->modelo) : '' ?>">
                </td>
                
                <td><label for="chassi">Chassi</label>
                    <input type="text" name="chassi" id="chassi" class="form-control" maxlength="17" minlength="17"
                     oninput="this.value = this.value.toUpperCase();"
                        value="<?= isset($dados['veiculo']->chassi) ? htmlspecialchars($dados['veiculo']->chassi) : '' ?>">
                </td>

            </tr>
            <tr>
                <td><label for="ano_fabricacao">Ano Fabricação</label> 
                    <input type="number" name="ano_fabricacao" id="ano_fabricacao" class="form-control" maxlength="4" minlength="4"
                       oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                        value="<?= isset($dados['veiculo']->ano_fabricacao) ? htmlspecialchars($dados['veiculo']->ano_fabricacao) : '' ?>">
                </td>
                <td><label for="ano_modelo">Ano Modelo</label>
                    <input type="number" name="ano_modelo" id="ano_modelo" class="form-control" maxlength="4" minlength="4"
                       oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                        value="<?= isset($dados['veiculo']->ano_modelo) ? htmlspecialchars($dados['veiculo']->ano_modelo) : '' ?>">
                </td>
                
                <td><label for="cor">Cor</label>
                    <input type="text" name="cor" id="cor" class="form-control"
                     oninput="this.value = this.value.toUpperCase();"
                        value="<?= isset($dados['veiculo']->cor) ? htmlspecialchars($dados['veiculo']->cor) : '' ?>">
                </td>
            </tr>
            <tr>
                <td><label for="potencia">Procedência</label>
                     <input type="text" name="procedencia" id="procedencia" class="form-control" oninput="this.value = this.value.toUpperCase();"
                      oninput="this.value = this.value.toUpperCase();"
            value="<?= isset($dados['veiculo']->procedencia) ? htmlspecialchars($dados['veiculo']->procedencia) : '' ?>">
                </td>
                <td>  <label for="num_patrimonio">Nº Patrimônio</label>
        <input type="text" name="num_patrimonio" id="num_patrimonio" class="form-control"
            oninput="this.value = this.value.replace(/[^0-9]/g, '')"
            value="<?= isset($dados['veiculo']->num_patrimonio) ? htmlspecialchars($dados['veiculo']->num_patrimonio) : '' ?>">
                </td>
                <td><label for="uf_emplacamento">Departamento</label>
                    
        <select name="id_departamento" id="id_departamento" class="form-control">
            <option value="">Selecione</option>
            <?php foreach ($dados['departamentos'] as $dep): ?>
                <option value="<?= $dep->id_departamento ?>"
                    <?= (isset($dados['veiculo']->id_departamento) && $dados['veiculo']->id_departamento == $dep->id_departamento) ? 'selected' : '' ?>>
                    <?= htmlspecialchars($dep->nome_departamento) ?>
                </option>
            <?php endforeach; ?>
        </select>
                </td>
               
                
            </tr>
             
                 <td><label for="km_revisao">KM Revisão</label>
        <input type="number" name="km_revisao" id="km_revisao" class="form-control"  oninput="formatarDecimal(this);"
           oninput="this.value = this.value.replace(/[^0-9]/g, '')"
            value="<?= isset($dados['veiculo']->km_revisao) ? htmlspecialchars($dados['veiculo']->km_revisao) : '' ?>">
                </td>
                <td><label for="km_minimo">KM Inicial</label>
               
        <input type="number" name="km_minimo" id="km_minimo" class="form-control" oninput="formatarDecimal(this);"
           oninput="this.value = this.value.replace(/[^0-9]/g, '')"
            value="<?= isset($dados['veiculo']->km_minimo) ? htmlspecialchars($dados['veiculo']->km_minimo) : '' ?>">
                </td>
                <td> <label for="km_maximo">KM Final</label>
                
        <input type="number" name="km_maximo" id="km_maximo" class="form-control" oninput="formatarDecimal(this);"
           oninput="this.value = this.value.replace(/[^0-9]/g, '')"
            value="<?= isset($dados['veiculo']->km_maximo) ? htmlspecialchars($dados['veiculo']->km_maximo) : '' ?>">
                </td>
            <tr>       
               



            </tr>
            <tr>
                
                
                <td><label for="id_combustivel">Combustível</label>
        <select name="id_combustivel" id="id_combustivel" class="form-control">
            <option value="">Selecione</option>
            <?php foreach ($dados['combustiveis'] as $comb): ?>
                <option value="<?= $comb->id_combustivel ?>"
                    <?= (isset($dados['veiculo']->id_combustivel) && $dados['veiculo']->id_combustivel == $comb->id_combustivel) ? 'selected' : '' ?>>
                    <?= htmlspecialchars($comb->nome) ?>
                </option>
            <?php endforeach; ?>
        </select>
                </td>
                <td><label for="km_litro">KM/Litro</label>
        <input type="text" name="km_litro" id="km_litro" class="form-control" oninput="formatarDecimal(this);"
           oninput="this.value = this.value.replace(/[^0-9]/g, '')"
            value="<?= isset($dados['veiculo']->km_litro) ? htmlspecialchars($dados['veiculo']->km_litro) : '' ?>"
            oninput="this.value = this.value.replace(/[^0-9,\.]/g, '').replace(/(\..*)\./g, '$1');">
                </td>
                <td><label for="capacidade_tanque">Capacidade Tanque (L)</label>
        <input type="text" name="capacidade_tanque" id="capacidade_tanque" class="form-control"  oninput="formatarDecimal(this);"
           oninput="this.value = this.value.replace(/[^0-9]/g, '')"
            value="<?= isset($dados['veiculo']->capacidade_tanque) ? htmlspecialchars($dados['veiculo']->capacidade_tanque) : '' ?>"
            oninput="this.value = this.value.replace(/[^0-9,\.]/g, '').replace(/(\..*)\./g, '$1');">
                </td>
            </tr>
        </table>

        <div class="text-right mt-4">
            <button type="submit" class="btn btn-success">Salvar</button>
            <a href="<?= URL ?>/veiculos" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
</div>
<script>
function formatarDecimal(campo) {
    let valor = campo.value.replace(/\D/g, '');

    if (valor === "") {
        campo.value = "";
        return;
    }

    // Se for menor que 3 dígitos, preenche com zeros à esquerda
    while (valor.length < 3) {
        valor = "0" + valor;
    }

    let parteInteira = valor.slice(0, valor.length - 2);
    let parteDecimal = valor.slice(-2);

    // Formata com ponto de milhar e vírgula decimal
    parteInteira = parseInt(parteInteira).toLocaleString('pt-BR');

    campo.value = parteInteira + "," + parteDecimal;
}
</script>

