Lar-dos-Velhinhos_OldCare/OldCare.Web/Areas/Account/Views/Profile/Create.cshtml
@model OldCare.Contexts.AccountContext.UseCases.Create.Request
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewData["Title"] = "";
    ViewData["Description"] = "";
    ViewData["Keywords"] = "";
    ViewData["URL"] = "";
    ViewData["Image"] = "";
}

<section class="p-0 d-flex align-items-center position-relative overflow-hidden">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-lg-6 d-md-flex align-items-center justify-content-center bg-primary bg-opacity-10 vh-lg-100">
                @{ await Html.RenderPartialAsync("Partials/_SidePanelPartial"); }
            </div>

            <div class="col-12 col-lg-6 m-auto">
                <div class="row my-5">
                    <div class="col-sm-10 col-xl-8 m-auto">
                        <h2>Crie sua conta!</h2>
                        <p class="lead mb-4">Bom te ver por aqui! Vamos começar?</p>

                        <form asp-action="Create">
                            <div class="mb-2">
                                <div class="input-group input-group-lg">
                                    <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3">
                                        <i class="bi bi-person-fill"></i>
                                    </span>
                                    <input type="text" class="form-control border-0 bg-light rounded-end ps-1" placeholder="Nome" asp-for="FirstName">
                                </div>
                            </div>

                            <div class="mb-2">
                                <div class="input-group input-group-lg">
                                    <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3">
                                        <i class="bi bi-person-fill"></i>
                                    </span>
                                    <input type="text" class="form-control border-0 bg-light rounded-end ps-1" placeholder="Sobrenome" asp-for="LastName">
                                </div>
                            </div>

                            <div class="mb-2">
                                <div class="input-group input-group-lg">
                                    <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3">
                                        <i class="bi bi-envelope-fill"></i>
                                    </span>
                                    <input type="email" class="form-control border-0 bg-light rounded-end ps-1" placeholder="E-mail" asp-for="Email">
                                </div>
                            </div>

                            <div class="mb-2">
                                <div class="input-group input-group-lg">
                                    <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3">
                                        <i class="bi bi-lock-fill"></i>
                                    </span>
                                    <input type="password" class="form-control border-0 bg-light rounded-end ps-1" placeholder="Senha" asp-for="Password">
                                </div>
                            </div>

                            <div class="mb-4">
                                <div class="input-group input-group-lg">
                                    <span class="input-group-text bg-light rounded-start border-0 text-secondary px-3">
                                        <i class="bi bi-lock-fill"></i>
                                    </span>
                                    <input type="password" class="form-control border-0 bg-light rounded-end ps-1" placeholder="Confirme sua senha" asp-for="ConfirmPassword">
                                </div>
                            </div>

                            <div class="mb-2">
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" asp-for="AcceptTerms">
                                    <label class="form-check-label" asp-for="AcceptTerms">Ao prosseguir, você concorda com os<a href="#"> termos de serviço</a>.</label>
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" asp-for="SubscribeToNewsletter">
                                    <label class="form-check-label" asp-for="SubscribeToNewsletter">Desejo ser notificado(a) sobre conteúdos e promoções.</label>
                                </div>
                            </div>

                            <input asp-for="ReturnUrl" type="hidden" class="form-control"/>
                            <input asp-for="UtmCampaign" type="hidden" class="form-control"/>
                            <input asp-for="UtmContent" type="hidden" class="form-control"/>
                            <input asp-for="UtmMedium" type="hidden" class="form-control"/>
                            <input asp-for="UtmSource" type="hidden" class="form-control"/>

                            @* <div class="g-recaptcha" data-sitekey="@Configuration.Google.ReCaptcha.SiteKey"></div> *@

                            <div asp-validation-summary="All" class="mt-2 text-danger"></div>

                            <div class="align-items-center mt-0">
                                <div class="d-grid">
                                    <button class="btn btn-primary mb-0" type="submit">
                                        Começar
                                    </button>
                                </div>
                            </div>
                        </form>

                        <div class="mt-4 text-center">
                            <span>Já tem uma conta?<a href="~/entrar"> Clique aqui para entrar</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@section Scripts {
    <script src="https://www.google.com/recaptcha/api.js"></script>
}