@extends('admin.template.layout')

@push('styles')
@endpush

@section('title','perfil')
@section('conteudo')
    <div class="container-profile">
        <div class="container-profile-body ">
            <h1 class="text-dark fw-bolder mb-4 border-bottom pb-2">Configurações do Perfil</h1>

            <div class="card custom-card-shadow mb-4 overflow-hidden">
                <form id="form-image-input" action="{{ route('profile.uploadAvatar') }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="file" name="image" id="imageInput" accept="image/*" style="display: none">
                </form>
                
                <form action="{{ route('profile.personStorage') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    @include('profile.partials.update-user-person')
                </form>
            </div>

            <div class="card custom-card-shadow p-4 p-lg-5 mb-4">
                <h3 class="h5 fw-bold text-dark mb-2">Informações Básicas da Conta</h3>
                <p class="text-muted mb-4">Atualize o nome completo da sua conta e o endereço de e-mail.</p>

                <form action="{{ route('profile.update') }}" method="post">
                    @csrf
                    @method('patch')
                    @include('profile.partials.update-profile-information-form')
                </form>
            </div>

            <div class="card custom-card-shadow p-4 p-lg-5 mb-4">
                <h3 class="h5 fw-bold text-dark mb-2">Atualizar Senha</h3>
                <p class="text-muted mb-4">Certifique-se de que sua conta esteja usando uma senha longa e segura para maior
                    proteção.</p>
                <span>
                    A senha exige:
                    <ul>
                        <li>Mínimo de 8 caracteres</li>
                        <li>Ao menos uma letra maiúscula</li>
                        <li>Ao menos uma letra minúscula</li>
                        <li>Ao menos um número</li>
                        <li>Ao menos um caractere especial (ex: !@#$%^&*)</li>
                    </ul>
                </span>

                <form action="{{ route('password.update') }}" method="post">
                    @csrf
                    @method('put')
                    @include('profile.partials.update-password-form')
                </form>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            // máscara de CPF
            $('#cpf').mask('000.000.000-00', {
                reverse: true
            });

            // Máscara para o campo de RG
            $('#rg').mask('0000000');

            // Máscara para o campo de WhatsApp
            $('#phone').mask('(00) 00000-0000');

            $('#cep').mask('00000-000');
        });
    </script>
@endsection