<?php
/**
 * Edit account form
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/myaccount/form-edit-account.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see https://docs.woocommerce.com/document/template-structure/
 * @package WooCommerce/Templates
 * @version 3.5.0
 */

defined( 'ABSPATH' ) || exit;

do_action( 'woocommerce_before_edit_account_form' ); ?>

<form class="woocommerce-EditAccountForm edit-account" action="" method="post" <?php do_action( 'woocommerce_edit_account_form_tag' ); ?> >

    <div class="border-bottom mb-6 mb-lg-8 pb-6 pb-lg-9">

        <?php do_action( 'woocommerce_edit_account_form_start' ); ?>

        <div class="font-weight-medium font-size-22 mb-4 pb-xl-1"><?php esc_html_e( 'Edit Account', 'bookworm' ); ?></div>

        <div class="row">

            <p class="woocommerce-form-row woocommerce-form-row--first form-row-first col-md-6 mb-4">
                <label for="account_first_name"><?php esc_html_e( 'First name', 'bookworm' ); ?>&nbsp;<span class="required">*</span></label>
                <input type="text" class="form-control rounded-0 woocommerce-Input woocommerce-Input--text input-text" name="account_first_name" id="account_first_name" autocomplete="given-name" value="<?php echo esc_attr( $user->first_name ); ?>" />
            </p>
            <p class="woocommerce-form-row woocommerce-form-row--last form-row-last col-md-6 mb-4">
                <label for="account_last_name"><?php esc_html_e( 'Last name', 'bookworm' ); ?>&nbsp;<span class="required">*</span></label>
                <input type="text" class="form-control rounded-0 woocommerce-Input woocommerce-Input--text input-text" name="account_last_name" id="account_last_name" autocomplete="family-name" value="<?php echo esc_attr( $user->last_name ); ?>" />
            </p>

            <p class="woocommerce-form-row woocommerce-form-row--wide form-row-wide col-12 mb-4">
                <label for="account_display_name"><?php esc_html_e( 'Display name', 'bookworm' ); ?>&nbsp;<span class="required">*</span></label>
                <input type="text" class="form-control rounded-0 woocommerce-Input woocommerce-Input--text input-text" name="account_display_name" id="account_display_name" value="<?php echo esc_attr( $user->display_name ); ?>" />
                <span class="text-muted small"><?php esc_html_e( 'This will be how your name will be displayed in the account section and in reviews', 'bookworm' ); ?></span>
            </p>

            <p class="woocommerce-form-row woocommerce-form-row--wide form-row-wide col-12 mb-4 mb-md-0">
                <label for="account_email"><?php esc_html_e( 'Email address', 'bookworm' ); ?>&nbsp;<span class="required">*</span></label>
                <input type="email" class="form-control rounded-0 woocommerce-Input woocommerce-Input--email input-text" name="account_email" id="account_email" autocomplete="email" value="<?php echo esc_attr( $user->user_email ); ?>" />
            </p>
        </div>
    </div>

    <fieldset>
        <legend class="font-weight-medium font-size-22 mb-4 pb-xl-1"><?php esc_html_e( 'Password change', 'bookworm' ); ?></legend>

        <div class="row">
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row-wide col-12 mb-4">
                <label for="password_current"><?php esc_html_e( 'Current password (leave blank to leave unchanged)', 'bookworm' ); ?></label>
                <input type="password" class="form-control rounded-0 woocommerce-Input woocommerce-Input--password input-text" name="password_current" id="password_current" autocomplete="off" />
            </p>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row-wide col-12 mb-4">
                <label for="password_1"><?php esc_html_e( 'New password (leave blank to leave unchanged)', 'bookworm' ); ?></label>
                <input type="password" class="form-control rounded-0 woocommerce-Input woocommerce-Input--password input-text" name="password_1" id="password_1" autocomplete="off" />
            </p>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row-wide col-12 mb-4">
                <label for="password_2"><?php esc_html_e( 'Confirm new password', 'bookworm' ); ?></label>
                <input type="password" class="form-control rounded-0 woocommerce-Input woocommerce-Input--password input-text" name="password_2" id="password_2" autocomplete="off" />
            </p>
        </div>
    </fieldset>

    <?php do_action( 'woocommerce_edit_account_form' ); ?>

    <p class="mt-5">
        <?php wp_nonce_field( 'save_account_details', 'save-account-details-nonce' ); ?>
        <button type="submit" class="woocommerce-Button button btn btn-wide btn-dark text-white rounded-0 transition-3d-hover height-60 width-390" name="save_account_details" value="<?php esc_attr_e( 'Save changes', 'bookworm' ); ?>"><?php esc_html_e( 'Save changes', 'bookworm' ); ?></button>
        <input type="hidden" name="action" value="save_account_details" />
    </p>

    <?php do_action( 'woocommerce_edit_account_form_end' ); ?>
</form>

<?php do_action( 'woocommerce_after_edit_account_form' ); ?>
