{% extends 'paginas/novomodelo.html' %}

{% load static %} 

{% load crispy_forms_tags %}

{% block titulo %}
<title>Sisgerte | Sistema de Gerenciamento Técnico</title>
{% endblock %}


{% block tituloconteudo %}
    <h4 class="m-0">Atualizar Cadastro de Funcionário </h4>
{% endblock %}

{{% block conteudo %}
<div class="container">
    <p></p>
    <form action="" method="POST">

        {% csrf_token %}

        {{ form| crispy }}
        <br>
        <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-sync-alt"></i> Atualizar</button>

    </form>
</div>
{% endblock %}

{% block scripts %}
<script src={% static "js/jquery.js" %}></script>
<script src={% static "js/jquery.mask.js" %}></script>

<script>
    $(document).ready(function () {

        $("#id_datacadastro").mask("00/00/0000");
        $("#id_datanascimento").mask("00/00/0000");
        $("#id_cnpj").mask("00.000.000/0000-00");
        $("#id_cpf").mask("000.000.000-00");
        $("#id_cep").mask("00000-000");
        $("#id_telefone01").mask("(00)0000-0000");
        $("#id_telefone02").mask("(00)0000-0000");

    });
</script>

<style>
    /* Isso força a altura de qualquer textarea dentro do formulário */
    textarea {
        height: 80px !important;
        /* Ajuste o valor em pixels conforme desejar */
        resize: none;
        /* Opcional: impede o usuário de puxar o canto para aumentar */
    }
</style>

{% endblock %}