@csrf

{{-- nome_completo --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="nome_completo">{{ __('Nome') }}</label>
        <input value="{{ isset($formadores->nome_completo) ? $formadores->nome_completo : '' }}" id="nome_completo" type="text"
            class="form-control @error('nome_completo') is-invalid @enderror" name="nome_completo" placeholder="Nome completo do Formador" required
            autocomplete="nome_completo" autofocus>

        @error('nome_completo')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- nome_adesao --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="nome_completo">{{ __('Nome de adesão') }}</label>
        <input value="{{ isset($formadores->nome_usuario) ? $formadores->nome_usuario : '' }}" id="nome_adesao" type="text"
            class="form-control @error('nome_adesao') is-invalid @enderror" name="nome_adesao" placeholder="Nome de adesão (Para início de sessão)" required
            autocomplete="nome_adesao" autofocus>

        @error('nome_completo')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- bi --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="Bilhete">{{ __('Número do Bilhete') }}</label>
        <input value="{{ isset($formadores->Bilhete) ? $formadores->Bilhete : '' }}" id="Bilhete" type="text"
        class="form-control @error('Bilhete') is-invalid @enderror" name="Bilhete" placeholder="Número do Bilhete" required
        autocomplete="Bilhete" autofocus maxlength="14" minlength="14">
        @error('Bilhete')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- telefone --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="it_telefone">{{ __('Telefone') }}</label>
        <input value="{{ isset($formadores->it_telefone) ? $formadores->it_telefone : '' }}" minlength="11" maxlength="11"  id="it_telefone" type="text"
        class="form-control @error('it_telefone') is-invalid @enderror" name="it_telefone" placeholder="9xx xxx xxx" required
        autocomplete="it_telefone" autofocus>
        @error('it_telefone')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
        <script>
            let input = document.getElementById("it_telefone");
            input.addEventListener("input", function(event) {
                var valorAtual = input.value.replace(/\D/g, "");
                var novoValor = "";
                for (var i = 0; i < valorAtual.length; i++) {
                    novoValor += valorAtual[i];
                    if ((i + 1) % 3 === 0 && i !== valorAtual.length - 1) {
                        novoValor += " ";
                    }
                }
                input.value = novoValor;
            });
        </script>
    </div>
</div>

{{-- naturalidade --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="naturalidade">{{ __('Naturalidade') }}</label>
        <input value="{{ isset($formadores->naturalidade) ? $formadores->naturalidade : '' }}" id="naturalidade" type="text"
        class="form-control @error('naturalidade') is-invalid @enderror" name="naturalidade" placeholder="Naturalidade" required
        autocomplete="naturalidade" autofocus>
        @error('naturalidade')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- Formação Académica --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="formacao">{{ __('Formação Académica') }}</label>
        <input value="{{ isset($formadores->formacao) ? $formadores->formacao : '' }}" id="formacao" type="text"
        class="form-control @error('formacao') is-invalid @enderror" name="formacao" placeholder="Formação Académica" required
        autocomplete="formacao" autofocus>
        @error('formacao')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- Data de nascimento --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="data_nasc">{{ __('Data de nascimento') }}</label>
        <input value="{{ isset($formadores->data_nasc) ? $formadores->data_nasc : '' }}" id="data_nasc" type="date"
        class="form-control @error('data_nasc') is-invalid @enderror" name="data_nasc" placeholder="Data de nascimento" required
        autocomplete="data_nasc" autofocus>
        @error('data_nasc')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- Email --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="email">{{ __('Email') }}</label>
        <input value="{{ isset($formadores->email) ? $formadores->email : '' }}" id="email" type="text"
        class="form-control @error('email') is-invalid @enderror" name="email" placeholder="Email" required
        autocomplete="email" autofocus>
        @error('email')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- Província --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="provincia">{{ __('Província') }}</label>
        <input value="{{ isset($formadores->provincia) ? $formadores->provincia : '' }}" id="provincia" type="text"
        class="form-control @error('provincia') is-invalid @enderror" name="provincia" placeholder="Província" required
        autocomplete="provincia" autofocus>
        @error('provincia')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- Morada --}}
<div class="col-md-4">
    <div class="form-group">
        <label for="morada">{{ __('Morada') }}</label>
        <input value="{{ isset($formadores->morada) ? $formadores->morada : '' }}" id="morada" type="text"
        class="form-control @error('morada') is-invalid @enderror" name="morada" placeholder="Morada" required
        autocomplete="morada" autofocus>
        @error('morada')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

{{-- password --}}
<div class="col-md-4 form-group">
    <label class="required">Senha</label>
    <input name="password"
        class="form-control @error('password') is-invalid @enderror" placeholder="palavra pass" type="password"
        required value="formador@cfitel@2024">
    @error('password')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
    @enderror
</div>

{{-- to confirm password --}}
<div class="col-md-4 form-group">
    <label class="required">Confirmar Senha</label>
    <input name="password_confirmation"
        class="form-control @error('password_confirmation') is-invalid @enderror"
        placeholder="confirmar palavra pass" type="password" required value="formador@cfitel@2024">
    @error('password_confirmation')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
    @enderror

</div>

{{-- submiy --}}
<div class="col-md-12">
    <div class="form-group text-center mx-auto col-md-3">
        <label class="text-white"></label>
        <button type="submit" class="btn col-md-12 btn-danger">
            Salvar
        </button>

    </div>

</div>
</form>