<!-- Footer -->
<footer class="text-dark py-4 mt-auto position-relative">
  <div class="container-fluid">
    <!-- Footer Top Navigation Links -->
    <div class="row mb-3">
      <div class="col">
        <ul class="list-inline mb-0 d-flex justify-content-between">
          <div class="d-flex">
            <li class="list-inline-item mx-2">
              <a href="{% url 'butler:privacy' %}" class="text-dark">개인정보 처리방침</a>
            </li>
            <li class="list-inline-item mx-2">
              <a href="https://gitea.icurfer.com/icurfer/butler_ddochi" class="text-dark" target="_blank">코드저장소</a>
            </li>
          </div>

          <li class="list-inline-item mx-2 ms-auto">
            version:
            {{ version }}
          </li>
        </ul>
      </div>
    </div>

    <!-- Divider -->
    <hr class="mb-4"/>

    <!-- Contact Information and Logo -->
    <div class="row align-items-center">
      <div class="col-md-4 text-center mb-3 mb-md-0">
        <div class="footer-tel">
          <span class="text-dark">문의: icurfer@gmail.com</span>
          <br>
          <small>상담시간 평일: 09시~18시 / 주말, 공휴일 휴무</small>
        </div>
      </div>
      <div class="col-md-4 text-center ms-auto">
        <span class="copy">Copyright © icurfer 2024</span>

      </div>
    </div>

  </div>
  <!-- Back to Top Button -->
  <div class="position-absolute end-0 bottom-0 me-3 mb-3">
    <button type="button" class="btn btn-outline-dark" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });">
      <i class="fa-solid fa-up-long"></i>
    </button>
  </div>
</div>
</footer>
