One Hat Cyber Team

Edit File: profile_modal.html

<div class="modal profile-modal fade animate__animated" id="modalProfile" tabindex="-1" role="dialog" aria-labelledby="modalProfileTitle" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalProfileTitle">{{_("My Profile")}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

<ul class="nav nav-pills mb-3" id="pills-profile" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="profile-details-tab" data-toggle="pill" href="#profile-details" role="tab" aria-controls="profile-details" aria-selected="true">{{_("Details")}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profile-security-tab" data-toggle="pill" href="#profile-security" role="tab" aria-controls="profile-security" aria-selected="false">{{_("Security")}}</a>
                    </li>
                </ul>

<div class="alert alert-danger profile-error" role="alert" style="display:none"></div>
                <div class="alert alert-success profile-success" role="alert" style="display:none"></div>
                <form id="profile-form" enctype="multipart/form-data">
                    <input type="hidden" id="save_profile_url" value="{{url('ajax-save-profile')}}">
                    {{ csrf_token()|raw }}
                    <div class="tab-content" id="profile-tabContent">
                        <div class="tab-pane fade show active" id="profile-details" role="tabpanel" aria-labelledby="profile-details-tab">
                            <div class="form-group row">
                                <div class="col-sm-5 imgUp mx-auto d-block">
                                    <div class="imagePreview">
                                        <img class="img-responsive" height="100%" src="{{USER.avatar_url}}"  alt="">
                                        <label class="btn btn-primary btn-upload">
                                            <i class="fas fa-camera"></i> <input type="file" class="upload-image" name="avatar" value="Upload Photo">
                                        </label>
                                    </div>
                                    <small>{{_("Optimum size")}} 150px x 150px</small>
                                </div>
                                <div class="col-sm-7 ">
                                    <textarea name="about" id="about" rows="6" class="form-control" placeholder="{{_("What's on your mind?")}}">{{ USER.about }}