<div class="modal fade" id="modalCliente" tabindex="-1" role="dialog" aria-labelledby="modalClienteTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title c-title" id="modalClienteTitle">{{ __('messages.modal-area_do_cliente') }}</h1>
            </div>
            <div class="modal-body"  style="padding-bottom:20px">
                <div class="box-info">
                    <div class="box-info__message">
                        <p>Atenção, a partir de <strong>29/09/2025</strong>, a única forma de acesso à nossa plataforma Apoio Cotações será via Login MV ONE PASS.
                        Para criar o seu novo login e senha, por favor, clique no botão abaixo:
                        </p>
                    </div>
                    <a href="javascript:void(0);" onclick="acessarMVOnePass()" class="c-form__btn"
                        style="width: 100%; position: absolute; top: 95px; left: 50%; transform: translateX(-50%); background-color: transparent; color: #005A5B; border: 1px solid #C5D105; border-radius: 24px; font-size: 14px; text-align: center; padding: 10px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;"
                        onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';">
                        <img src="{{asset('assets/img/content/logo-mvonepass.png')}}" alt="Logo MVOnePass" style="height: 20px; vertical-align: middle; margin-right: 8px;">
                            Entrar via MVOnePass
                    </a>
                    <a href="#" id="js-exibir-form" class="box-info__link-pular">Pular esta etapa por enquanto e realizar o acesso no modo tradicional.</a>
                </div>

                <form action="https://app.apoiocotacoes.com.br/app/Login.do" method="post" class="newPortal d-none" data-parsley-error-message="Campo inválido" id="formAreaCliente">
                    <div class="c-form">
                        <div class="c-form__group is-full">
                            <label for="" class="c-form__label">{{ __('messages.modal-usuario') }}</label>
                            <input class="c-form__field" name="login" id="login" type="text" required>
                        </div>
                        <div class="c-form__group is-full">
                            <label for="" class="c-form__label">{{ __('messages.modal-senha') }}</label>
                            <input class="c-form__field" name="senha" id="senha" type="password" required>
                        </div>
                        <div class="c-form__group is-full is-actions">
                            <a href="https://app.apoiocotacoes.com.br/app/EsqueceuSenha.do" target="_blank" class="">{{ __('messages.modal-esqueceu_a_senha') }}</a>
                            <input type="submit" class="c-button" value="{{ __('messages.modal-entrar') }}" />
                        </div>
                        <div class="c-form__group is-full d-none" style="text-align: center;">
                            <a href="#" class="c-form__btn" style="background-color: transparent; color: rgb(0, 90, 91); border: 1px solid rgb(197, 209, 5); text-align: center; padding: 10px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 24px;  margin: 30px auto 0;" onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';">
                                <img src="{{asset('assets/img/layout/logo-mvonepass.png')}}" alt="Logo MVOnePass" style="height: 20px; vertical-align: middle; margin-right: 8px;">
                                Entrar via MVOnePass
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
