<?php
require_once __DIR__ . '/../config/bootstrap.php';
Auth::requireLogin();

$page_title = '비밀번호 변경';
$active_tab = 'mypage';

include __DIR__ . '/../head.php';
?>

<style>
    @media screen and (max-width: 768px) {
        .site-footer {display: none;}
    }
</style>

<section class="mypage-page password-edit-page">
    <div class="inner">
        <form class="password-edit-form" id="passwordEditForm" action="/my/password_edit_update.php" method="post">
            <?= csrf_field() ?>
            <div class="password-edit-wrap">

                <div class="password-edit-info-box">
                    <strong>안전한 비밀번호로 변경해주세요</strong>
                    <p>영문, 숫자, 특수문자를 포함하여 8자 이상 입력하는 것을 권장합니다.</p>
                </div>

                <div class="password-edit-section">
                    <label for="current_password" class="password-edit-label required">현재 비밀번호</label>
                    <div class="password-edit-input-box">
                        <input type="password" id="current_password" name="current_password" placeholder="현재 비밀번호를 입력해주세요" required>
                    </div>
                </div>

                <div class="password-edit-section">
                    <label for="new_password" class="password-edit-label required">새 비밀번호</label>
                    <div class="password-edit-input-box">
                        <input type="password" id="new_password" name="new_password" placeholder="새 비밀번호를 입력해주세요" required>
                    </div>
                    <p class="password-edit-desc">8자 이상, 영문/숫자/특수문자 조합을 권장합니다.</p>
                </div>

                <div class="password-edit-section">
                    <label for="new_password_confirm" class="password-edit-label required">새 비밀번호 확인</label>
                    <div class="password-edit-input-box">
                        <input type="password" id="new_password_confirm" name="new_password_confirm" placeholder="새 비밀번호를 다시 입력해주세요" required>
                    </div>
                    <p class="password-edit-error" id="passwordMatchText">비밀번호가 일치하지 않습니다.</p>
                </div>

                <div class="password-edit-bottom">
                    <button type="submit" class="square-btn big primary-btn password-edit-submit" disabled>
                        변경하기
                    </button>
                </div>

            </div>
        </form>
    </div>
</section>

<?php include __DIR__ . '/../tail.php'; ?>