<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<th:block th:fragment="layout_footer">
    <ul>
        <!-- 홈 -->
        <li th:class="${currentPage == 'home'} ? 'home on' : 'home'">
            <a th:href="@{/home}">
                <div><!--img--></div>
                <p>홈</p>
            </a>
        </li>
        <!-- 시술 정보 -->
        <li th:class="${currentPage == 'medical'} ? 'medicalInfo on' : 'medicalInfo'">
            <a th:href="@{/medical}">
                <div><!--img--></div>
                <p>시술 정보</p>
            </a>
        </li>
        <!-- 진료 예약 -->
        <li th:class="${currentPage == 'reservation'} ? 'reservation on' : 'reservation'">
            <a th:href="@{/reservation}">
                <div><!--img--></div>
                <p>진료 예약</p>
            </a>
        </li>
        <!-- 내 정보 -->
        <li th:class="${currentPage == 'mypage'} ? 'mypage on' : 'mypage'">
            <a th:href="@{/mypage}">
                <div><!--img--></div>
                <p>내 정보</p>
            </a>
        </li>
    </ul>
</th:block>
</html>