{#<form data-request="{{ __SELF__ }}::onSubmit" data-request-validate data-request-flash>
    <div class="mall-form-control">
        <label for="email">{{ 'offline.mall::frontend.form.email' | trans }}</label>
        <input id="email" type="email" placeholder="email@email.com" name="email" value="{{ __SELF__.user.email }}">
        <div data-validate-for="email"></div>
    </div>
    <div class="mall-two-fields">
        <div class="mall-form-control">
            <label for="firstname">{{ 'offline.mall::frontend.form.firstname' | trans }}</label>
            <input id="firstname" type="text" name="firstname" value="{{ __SELF__.user.customer.firstname }}">
            <div data-validate-for="firstname"></div>
        </div>
        <div class="mall-form-control">
            <label for="lastname">{{ 'offline.mall::frontend.form.lastname' | trans }}</label>
            <input id="lastname" type="text" name="lastname" value="{{ __SELF__.user.customer.lastname }}">
            <div data-validate-for="lastname"></div>
        </div>
    </div>
    {% if user.customer.is_guest %}
        <div class="mall-callout">
            {{ 'offline.mall::frontend.guest_upgrade.callout' | trans }}
        </div>
    {% endif %}
    <div class="mall-two-fields">
        <div class="mall-form-control">
            <label for="password">{{ 'offline.mall::frontend.form.new_password' | trans }}</label>
            <input id="password" type="password" name="password">
            <div data-validate-for="password"></div>
        </div>
        <div class="mall-form-control">
            <label for="password_repeat">{{ 'offline.mall::frontend.form.password_repeat' | trans }}</label>
            <input id="password_repeat" type="password" name="password_repeat">
            <div data-validate-for="password_repeat"></div>
        </div>
    </div>
    <div class="mall-form-actions">
        <button class="mall-btn mall-btn--primary" type="submit" data-attach-loading>
            {{ 'offline.mall::frontend.save' | trans }}
        </button>
    </div>
</form>#}
<div class="ctable">
    <div class="label">Full Name</div>
    <div class="answer">{{ __SELF__.user.customer.firstname }} {{ __SELF__.user.customer.lastname }}</div>

    <div class="label">Email Address</div>
    <div class="answer">{{ __SELF__.user.email }}</div>
    <div class="label">Phone Number</div>
    <div class="answer">{{ __SELF__.user.phone }}</div>

<!--    <div class="label">Contact Phone</div>-->
<!--    <div class="answer">+91 9876543210</div>-->
</div>

<!-- Form Modal -->
<div class="modalWrap formmodal">
    <div class="modalHolder">
        <div class="modalOverlay"></div>
        <div class="modalBody">
            <div class="modalCloser"><img src="{{'assets/images/close.svg' | theme}}" alt="close"></div>
            <div class="modalcontent">
                <div class="modalcontact">
                    <div class="contactfragments">
                        <div class="contactfragment">
                            <div>
                                <h2 class="heading40">Personal details</h2>
                            </div>
                        </div>
                        <div class="successmessage" id="submitSuccessTwo" style="display: none;">
                            <img src="{{'assets/images/approved.svg' | theme}}" />
                            <p>Personal details saved successfully</p>
                        </div>
<!--                        <div class="successmessage" id="submitSuccessTwo" style="display: none;">-->
<!--                            <img src="{{'assets/images/approved.svg' | theme}}" />-->
<!--                            <p>Thank you! Updated Successfully</p>-->
<!--                        </div>-->
                        <form data-request="{{ __SELF__ }}::onSubmit" data-request-validate
                              data-request-flash
                              data-request-success="$('#submitSuccessTwo').show() && setTimeout(()=>{ $('#submitSuccessTwo').hide();},5000)">
                            <div class="contactfragment">
                                <div class="mformgrid gr1">
                                    <div class="input">
                                        <input id="firstname" type="text" name="firstname" value="{{ __SELF__.user.customer.firstname }}" placeholder="First Name">
                                        <span class="errormessage" data-validate-for="firstname"></span>
                                    </div>
                                    <div class="input">
                                        <input id="lastname" type="text" name="lastname" value="{{ __SELF__.user.customer.lastname }}" placeholder="Last Name">
                                        <span class="errormessage" data-validate-for="lastname" ></span>
                                    </div>
                                    <div class="input">
    <!--                                    <label for="email">{{ 'offline.mall::frontend.form.email' | trans }}</label>-->
                                        <input id="email" type="email" name="email" value="{{ __SELF__.user.email }}" placeholder="Email Address">
    <!--                                    <div data-validate-for="email"></div>-->
                                        <span class="errormessage" data-validate-for="email"></span>
                                    </div>
                                    <div class="input">
                                        <!--                                    <label for="email">{{ 'offline.mall::frontend.form.email' | trans }}</label>-->
                                        <input id="phone" type="text" name="phone" value="{{ __SELF__.user.phone }}" placeholder="Phone">
                                        <!--                                    <div data-validate-for="email"></div>-->
                                        <span class="errormessage" data-validate-for="phone"></span>
                                    </div>
<!--                                    <div class="input">-->
<!--                                        &lt;!&ndash;                                    <label for="email">{{ 'offline.mall::frontend.form.email' | trans }}</label>&ndash;&gt;-->
<!--                                        <input id="phone" type="phone" placeholder="Phone Number" name="phone" value="{{ __SELF__.user.phone }}">-->
<!--                                        &lt;!&ndash;                                    <div data-validate-for="email"></div>&ndash;&gt;-->
<!--                                        <span class="errormessage" data-validate-for="phone"></span>-->
<!--                                    </div>-->
                                    <div class="input">
                                        <input id="password" type="password" name="password" placeholder="Password">
                                        <span class="errormessage" data-validate-for="password"></span>
                                    </div>
                                    <div class="input">
                                        <input id="password_repeat" type="password" name="password_repeat" placeholder="Confirm Password">
                                        <span class="errormessage" data-validate-for="password_repeat" ></span>
                                    </div>
                                </div>
                                <button class="mall-btn mall-btn--primary button buttonprimary" type="submit" data-attach-loading>
                                    {{ 'offline.mall::frontend.save' | trans }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Form Modal -->