@extends('panel._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="col-12 mb-4">
                <h5>Configurações - Perfil</h5>
            </div>
        </div>
        <form>
            <div class="row">
                <div class="col-12 mb-1">
                    <label for="user_name">Nome</label>
                    <input type="text" class="form-control" id="user_name" name="user_name" required>
                </div>
                <div class="col-12 mb-1">
                    <label for="user_access">E-mail (login)</label>
                    <input type="email" class="form-control" id="user_access" name="user_access" required>
                </div>
                <div class="col-12 mb-1">
                    <label for="user_password">Senha</label>
                    <input type="password" class="form-control" id="user_password" name="user_password">
                </div>
                <div class="col-12 mb-1">
                    <label for="user_password_repeat">Repetir Senha</label>
                    <input type="password" class="form-control" id="user_password_repeat" name="user_password_repeat">
                </div>
                <div class="col-12 mb-1">
                    <small class="bg-info text-white p-1"><i class="fal fa-info-circle"></i> Para não alterar a senha,
                        basta deixar em branco.</small>
                </div>
                <div class="col-12 mt-2 text-end">
                    <button class="btn bg-purple">Salvar</button>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('customJS')
    <script>
        $(document).ready(function () {
            $("#configurations_footer_button").addClass("text-primary");
        });
    </script>
@endsection