File manager

File manager - Edit - /home/webapp69.cm.in.th/u69319090028/Shop/views/account/profile.php

Back
<div class="cargoo-card"> <div class="cargoo-card-header d-flex justify-content-between align-items-center"> <div> <h5 class="mb-1 fw-bold"><?= __('profile_title') ?></h5> <p class="text-muted small mb-0"><?= __('profile_subtitle') ?></p> </div> <span class="badge <?= $user['status'] === 'active' ? 'bg-success' : 'bg-danger' ?> text-uppercase px-3 py-2"> <i class="bi bi-circle-fill me-1" style="font-size: 0.5rem;"></i> <?= ucfirst($user['status']) ?> </span> </div> <div class="cargoo-card-body"> <!-- Avatar Section --> <div class="d-flex flex-column flex-sm-row align-items-center gap-4 pb-4 mb-4 border-bottom"> <div class="text-center"> <?php if (!empty($user['profile_image'])): ?> <img src="<?= asset('/uploads/profiles/' . e($user['profile_image'])) ?>" alt="Avatar" id="avatarPreview" class="avatar-preview-box"> <?php else: ?> <img src="<?= asset('/assets/images/default-avatar.svg') ?>" alt="Default Avatar" id="avatarPreview" class="avatar-preview-box"> <?php endif; ?> </div> <div> <h6 class="fw-bold mb-1"><?= __('profile_image') ?></h6> <p class="text-muted small mb-3"><?= __('avatar_hint') ?></p> <form id="avatarForm" action="<?= url('/account/profile/avatar') ?>" method="POST" enctype="multipart/form-data" class="d-flex flex-wrap gap-2 align-items-center"> <?= Security::csrfField() ?> <input type="file" name="avatar" id="avatarInput" class="form-control form-control-sm" accept="image/jpeg,image/png,image/webp" style="max-width: 250px;" required> <button type="button" id="btnTriggerUpload" class="btn btn-sm btn-cargoo-outline d-none"> <i class="bi bi-upload me-1"></i> <?= __('upload_avatar') ?> </button> </form> </div> </div> <!-- Profile Information Form --> <form action="<?= url('/account/profile') ?>" method="POST"> <?= Security::csrfField() ?> <div class="row g-3 mb-3"> <div class="col-md-6"> <label for="first_name" class="form-label"><?= __('first_name') ?> <span class="text-danger"></span></label> <input type="text" class="form-control" id="first_name" name="first_name" value="<?= e($user['first_name']) ?>" required> </div> <div class="col-md-6"> <label for="last_name" class="form-label"><?= __('last_name') ?> <span class="text-muted small fw-normal">(<?= __('optional') ?>)</span></label> <input type="text" class="form-control" id="last_name" name="last_name" value="<?= e($user['last_name'] ?? '') ?>" placeholder="ไม่บังคับ"> </div> </div> <div class="mb-3"> <label for="username" class="form-label"><?= __('username') ?> <span class="text-danger"></span></label> <div class="input-group"> <span class="input-group-text bg-light border-end-0 text-muted">@</span> <input type="text" class="form-control border-start-0 <?= !$canChangeUsername ? 'bg-light' : '' ?>" id="username" name="username" value="<?= e($user['username']) ?>" <?= !$canChangeUsername ? 'readonly' : 'required' ?> pattern="^[a-zA-Z0-9_]{3,30}$"> </div> <?php if (!$canChangeUsername): ?> <div class="form-text text-warning small d-flex align-items-center gap-1 mt-1"> <i class="bi bi-clock"></i> <?= __('username_cooldown_left', ['date' => $usernameAvailableDate]) ?> </div> <?php else: ?> <div class="form-text text-muted small"><?= __('username_change_rule') ?></div> <?php endif; ?> </div> <div class="row g-3 mb-3"> <div class="col-md-6"> <label for="email" class="form-label"><?= __('email') ?> <span class="text-danger"></span></label> <div class="input-group"> <span class="input-group-text bg-light border-end-0 text-muted"><i class="bi bi-envelope"></i></span> <input type="email" class="form-control border-start-0" id="email" name="email" value="<?= e($user['email']) ?>" required> </div> </div> <div class="col-md-6"> <label for="phone" class="form-label"><?= __('phone') ?> <span class="text-danger"></span></label> <div class="input-group"> <span class="input-group-text bg-light border-end-0 text-muted"><i class="bi bi-telephone"></i></span> <input type="tel" class="form-control border-start-0" id="phone" name="phone" value="<?= e($user['phone']) ?>" required maxlength="10" pattern="^0[0-9]{9}$"> </div> </div> </div> <div class="p-3 bg-light rounded-3 mb-4 border"> <label for="current_password" class="form-label fw-bold text-dark mb-1"> <i class="bi bi-key me-1 text-primary"></i> <?= __('current_password') ?> </label> <p class="text-muted small mb-2"><?= __('current_password_confirm_note') ?></p> <div class="input-group input-group-password" style="max-width: 380px;"> <input type="password" class="form-control" id="current_password" name="current_password" placeholder="กรอกรหัสผ่านหากเปลี่ยนอีเมลหรือเบอร์โทร"> <button class="btn btn-outline-secondary btn-toggle-password" type="button" data-target="current_password"> <i class="bi bi-eye"></i> </button> </div> </div> <div class="d-flex justify-content-end"> <button type="submit" class="btn btn-cargoo-primary px-4 py-2"> <i class="bi bi-check2-circle me-1"></i> <?= __('save_changes') ?> </button> </div> </form> </div> </div> <!-- Cropper Modal --> <div class="modal fade" id="cropperModal" tabindex="-1" aria-labelledby="cropperModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="cropperModalLabel">ครอบตัดรูปโปรไฟล์</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> <div class="img-container" style="max-height: 400px; max-width: 100%;"> <img id="imageToCrop" src="" alt="Picture" style="max-width: 100%; display: block;"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">ยกเลิก</button> <button type="button" class="btn btn-cargoo-primary" id="btnCropAndSave"> <span class="spinner-border spinner-border-sm d-none" id="cropSpinner" role="status" aria-hidden="true"></span> <i class="bi bi-crop me-1"></i> บันทึกรูปภาพ </button> </div> </div> </div> </div>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.23 | proxy | phpinfo | Settings