@extends('admin.layouts.layout')
@section('content')
    <section>
        <div class="row match-height">
            <div class="col-md-12 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="text-primary">Cadastrando Entidade</h4>
                        <small>Cadastrando Entidade no Sistema</small>
                        <a class="btn btn-outline-primary btn-block d-grid gap-2" type="button"
                            href="{{ route('entidades.index') }}" role="button">Ver todos</a>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <form action="{{ route('entidades.store') }}" method="POST" class="form-horizontal">
                                {{ csrf_field() }}

                                <div class="box box-info">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <label class="form-label">Brasão</label>
                                            <input type="file" class="form-control @error('brasao') is-invalid @enderror"
                                                name="brasao" value="{{ old('brasao') }}">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">Entidade no TCE</label>
                                            <input type="text" name="id_tce" value="{{ old('id_tce') }}" maxlength="6"
                                                class="form-control @error('id_tce') is-invalid @enderror">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Entidade</label>
                                            <input type="text" name="entidade" value="{{ old('entidade') }}"
                                                class="form-control @error('entidade') is-invalid @enderror">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">Data de Cadastro</label>
                                            <input type="date" name="data_cadastro" value="{{ old('data_cadastro') }}"
                                                class="form-control @error('data_cadastro') is-invalid @enderror">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2">
                                            <label class="form-label">Endereço</label>
                                            <input type="text" name="endereco" value="{{ old('endereco') }}"
                                                class="form-control @error('endereco') is-invalid @enderror">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">Bairro</label>
                                            <input type="text" name="bairro" value="{{ old('bairro') }}"
                                                class="form-control @error('bairro') is-invalid @enderror">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">Cidade</label>
                                            <input type="text" name="cidade" value="{{ old('cidade') }}"
                                                class="form-control @error('cidade') is-invalid @enderror">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">U.F.</label>
                                            <select id="inputState" name="uf"
                                                class="form-control @error('uf') is-invalid @enderror">
                                                <option value="">Selecione</option>
                                                <option value="AC">Acre</option>
                                                <option value="AL">Alagoas</option>
                                                <option value="AP">Amapá</option>
                                                <option value="AM">Amazonas</option>
                                                <option value="BA">Bahia</option>
                                                <option value="CE">Ceará</option>
                                                <option value="DF">Distrito Federal</option>
                                                <option value="ES">Espírito Santo</option>
                                                <option value="GO">Goiás</option>
                                                <option value="MA">Maranhão</option>
                                                <option value="MT">Mato Grosso</option>
                                                <option value="MS">Mato Grosso do Sul</option>
                                                <option value="MG">Minas Gerais</option>
                                                <option value="PA">Pará</option>
                                                <option value="PB">Paraíba</option>
                                                <option value="PR">Paraná</option>
                                                <option value="PE">Pernambuco</option>
                                                <option value="PI">Piauí</option>
                                                <option value="RJ">Rio de Janeiro</option>
                                                <option value="RN">Rio Grande do Norte</option>
                                                <option value="RS">Rio Grande do Sul</option>
                                                <option value="RO">Rondônia</option>
                                                <option value="RR">Roraima</option>
                                                <option value="SC">Santa Catarina</option>
                                                <option value="SP">São Paulo</option>
                                                <option value="SE">Sergipe</option>
                                                <option value="TO">Tocantins</option>
                                                <option value="EX">Estrangeiro</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">C.N.P.J.</label>
                                            <input type="text" name="cnpj" value="{{ old('cnpj') }}"
                                                class="form-control @error('cnpj') is-invalid @enderror" id="campoCNPJ"
                                                onkeyup="this.value = formatarDocumento(this.value)">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label">Fone</label>
                                            <input type="text" name="fone" value="{{ old('fone') }}"
                                                class="form-control @error('fone') is-invalid @enderror"
                                                id="campoTelefone">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <h3>Configurações</h3>
                                        <div id="container">
                                            <!-- Campos serão adicionados aqui -->
                                        </div>
                                        <div>
                                            <div class="row">
                                            <div class="col-md-2">
                                                    <label class="form-label">Perfil</label>
                                                    <select name="role_id"
                                                        class="form-control @error('role_id') is-invalid @enderror">
                                                        <option value="1">Administrador</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label">Domínio (Entidade no TCE)</label>
                                                    <input type="text" name="domain" value="{{ old('domain') }}"
                                                        maxlength="6"
                                                        class="form-control @error('domain') is-invalid @enderror">
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Nome de usuário</label>
                                                    <input type="text" name="name" value="{{ old('name') }}"
                                                        class="form-control @error('name') is-invalid @enderror">
                                                </div>

                                                <div class="col-md-4">
                                                    <label class="form-label">E-mail</label>
                                                    <input type="email" name="email" value="{{ old('email') }}"
                                                        class="form-control @error('email') is-invalid @enderror">
                                                </div>

                                                <div class="col-md-4">
                                                    <label class="form-label">Senha</label>
                                                    <input type="password" name="password" value="{{ old('password') }}"
                                                        class="form-control @error('password') is-invalid @enderror">
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Confirme sua Senha</label>
                                                    <input type="password" name="remember_password"
                                                        value="{{ old('remember_password') }}"
                                                        class="form-control @error('remember_password') is-invalid @enderror">
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label">Setor</label>
                                                    <select name="setor_id"
                                                        class="form-control @error('setor_id') is-invalid @enderror">
                                                        <option value="1">Informática</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label">Ativo</label>
                                                    <select name="ativo"
                                                        class="form-control @error('ativo') is-invalid @enderror">
                                                        <option value="S">Sim</option>
                                                        <option value="N">Não</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <br>
                                            <div class="form-group">
                                                <input type="submit" value="Gravar"
                                                    class="btn btn-block btn-outline-success">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        document.getElementById('campoCNPJ').addEventListener('input', function(e) {
            var cnpj = e.target.value;
            cnpj = cnpj.replace(/\D/g, ''); // Remove caracteres não numéricos

            if (cnpj.length > 14) {
                cnpj = cnpj.slice(0, 14); // Limita o campo a 14 caracteres
            }

            // Aplica a máscara de CNPJ
            cnpj = cnpj.replace(/(\d{2})(\d)/, '$1.$2');
            cnpj = cnpj.replace(/(\d{3})(\d)/, '$1.$2');
            cnpj = cnpj.replace(/(\d{3})(\d)/, '$1/$2');
            cnpj = cnpj.replace(/(\d{4})(\d)/, '$1-$2');

            e.target.value = cnpj;
        });

        document.getElementById('campoTelefone').addEventListener('input', function(e) {
            var telefone = e.target.value;
            telefone = telefone.replace(/\D/g, ''); // Remove caracteres não numéricos

            if (telefone.length > 11) {
                telefone = telefone.slice(0, 11); // Limita o campo a 11 caracteres
            }

            // Aplica a máscara de telefone
            telefone = telefone.replace(/(\d{2})(\d)/, '($1) $2');
            telefone = telefone.replace(/(\d{5})(\d)/, '$1-$2');

            e.target.value = telefone;
        });

        document.getElementById('campoCEP').addEventListener('input', function(e) {
            var cep = e.target.value;
            cep = cep.replace(/\D/g, ''); // Remove caracteres não numéricos

            if (cep.length > 8) {
                cep = cep.slice(0, 8); // Limita o campo a 8 caracteres
            }

            // Aplica a máscara de CEP
            cep = cep.replace(/(\d{5})(\d)/, '$1-$2');

            e.target.value = cep;
        });
    </script>
@endsection