{% extends "base_user.html" %} {% load i18n %} {% block content %}

<div class="profile_menu2">
  <ul class="profile_menu2_list">
    <li class="profile_menu2_item"><a href="{% url 'home' %}">Головна</a></li>
    <li class="profile_menu2_item"><a href="#">В процесі проходження</a></li>
    <li class="profile_menu2_item"><a href="#">Завершені</a></li>
  </ul>
</div>
{{ip}}
{{user.first_name}}

<div class="courc_tutorial_title">Як пройти курс:</div>
  <div class="progresss">
    
    <div class="circle ">
      <span class="label">1</span>
      <span class="title">Переглянути відео урок</span>
    </div>
    <span class="bar "></span>
    <div class="circle ">
      <span class="label">2</span>
      <span class="title">Пройти тест</span>
    </div>
    <span class="bar "></span>
    <div class="circle ">
      <span class="label">3</span>
      <span class="title">Замовити сертифікат</span>
    </div>
    <span class="bar"></span>
    <div class="circle">
      <span class="label">4</span>
      <span class="title">Готово</span>
    </div>
  </div>

  <div class="accordion">
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingOne">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          <div class="buy_cource_title">Придбані Вами курси :</div>
        </button>
      </h2>
      <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
        <div class="accordion-body">
          <div class="buy_cource_item">
            <div class="buy_cource_foto">
              <!-- <img src="/static/img/logo/2.svg" alt="" /> -->
            </div>
            <div class="buy_cource_desc">Застосування інвертора частоти струму</div>
            <div class="buy_cource_btn">
              <button type="button" class="btn btn-primary">Пройти навчання</button>
            </div>
          </div>
            <div class="buy_cource_item">
            <div class="buy_cource_foto">
              <!-- <img src="/static/img/logo/2.svg" alt="" /> -->
            </div>
            <div class="buy_cource_desc">Застосування інвертора частоти струму</div>
            <div class="buy_cource_btn">
              <button type="button" class="btn ">Пройти навчання</button>
              
            </div>
          </div>
          <div class="course_title">
           
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="buy_cource_title">Вас може зацікавити</div>
  <!-- <div class="row_carusel">

    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a class="swiper_link" href="#">
              <div class="swiper_foto">
                <img src="/static/img/logo/2.svg" alt="">
              </div>
              <div class="swiper_text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Harum sint mollitia soluta porro, adipisci dolorem enim excepturi distinctio odio aliquid ipsum, incidunt veritatis tempora consequatur? Id nemo fugiat pariatur molestiae.</div>
            </a>
        </div>

        <div class="swiper-slide">
          <a class="swiper_link" href="#">
            <div class="swiper_foto">
              <img src="/static/img/logo/2.svg" alt="">
            </div>
            <div class="swiper_text">Cours 2</div>
          </a>
      </div>

      <div class="swiper-slide">
        <a class="swiper_link" href="#">
          <div class="swiper_foto">
            <img src="/static/img/logo/2.svg" alt="">
          </div>
          <div class="swiper_text">Cours 3</div>
        </a>
    </div>

    <div class="swiper-slide">
      <a class="swiper_link" href="#">
        <div class="swiper_foto">
          <img src="/static/img/logo/2.svg" alt="">
        </div>
        <div class="swiper_text">Cours 4</div>
      </a>
  </div>

  <div class="swiper-slide">
    <a class="swiper_link" href="#">
      <div class="swiper_foto">
        <img src="/static/img/logo/2.svg" alt="">
      </div>
      <div class="swiper_text">Cours 5</div>
    </a>
</div>

<div class="swiper-slide">
  <a class="swiper_link" href="#">
    <div class="swiper_foto">
      <img src="/static/img/logo/2.svg" alt="">
    </div>
    <div class="swiper_text">Cours 2</div>
  </a>
</div>

<div class="swiper-slide">
  <a class="swiper_link" href="#">
    <div class="swiper_foto">
      <img src="/static/img/logo/2.svg" alt="">
    </div>
    <div class="swiper_text">Cours 2</div>
  </a>
</div>

<div class="swiper-slide">
  <a class="swiper_link" href="#">
    <div class="swiper_foto">
      <img src="/static/img/logo/2.svg" alt="">
    </div>
    <div class="swiper_text">Cours 2</div>
  </a>
</div>


      </div>



  </div>


  <h2>{{ip}}</h2>

  {% endblock %}




</div> -->