@extends('layouts.login.theme')
@section('title', env('APP_NAME').' :: '.__('Criar Conta'))
@section('content')
    <form autocomplete="on" id="formCriarConta" name="formCriarConta" method="post" action="{{ route('admin.contas.publicas.store') }}">
        <section class="d-flex align-items-center min-vh-100">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12">
                        <div class="card-admin-login p-5">
                            @include('errors.messageFlash')
                            <div class="text-center">
                                <img src="{{ asset("pmar/assets/img/logo-angra-branco.svg") }}" class="card-img-top" title="{{ __("Prefeitura Municipal de Angra dos Reis") }}" alt="{{ __("Prefeitura Municipal de Angra dos Reis") }}" class="img-fluid text-center" style="width: 100%; height: 5rem;" />
                            </div>
                            <style>
                                .form-label{ color: #FFF !important}
                            </style>
                            <div class="card-body">
                                <h5 class="text-white card-title text-center">{{ __('Crie sua conta') }}</h5>
                                <br>
                                @csrf
                                <div class="mb-3">
                                    <input type="hidden" class="form-control" name="recaptcha" id="recaptcha">

                                    <!-- CPF -->
                                    @include('components.inputs._inputType',[
                                        "for" => null,
                                        "label" => "CPF",
                                        "name" => "cpf",
                                        "id" => null,
                                        "required" => true,
                                        "type" => null,
                                        "old" => old('cpf'),
                                        "oninput" => "aplicarMascaraCPF(this)",
                                        "readonly" => false,
                                        "small" => null,
                                        "autocomplete" => "off",
                                    ])
                                    <small class="small-cpf"></small>
                                </div>
                                <div class="mb-3">
                                    <!-- E-mail -->
                                    @include('components.inputs._inputType',[
                                        "for" => null,
                                        "label" => "E‑mail",
                                        "name" => "email",
                                        "id" => null,
                                        "required" => true,
                                        "type" => null,
                                        "old" => old('email'),
                                        "oninput" => null,
                                        "readonly" => false,
                                        "small" => null,
                                        "autocomplete" => "email",
                                    ])
                                    <small class="small-email"></small>
                                </div>

                                <div class="my-3">
                                    <button class="fs-5 rounded-4 btn m-auto btn-primary w-100" type="submit" id="submitCriarConta">{{ __('Solicitar') }}</button>
                                </div>
                                <hr/>
                                <div class="my-3 text-center">
                                    <a href="{{ route("admin.login") }}" class="text-white">Login</a> | <a href="{{ route("admin.esqueceuSenha") }}" class="text-white">Esqueceu senha?</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id='recaptchaCriarConta' data-size="invisible"></div>
        </section>
    </form>
@endsection