{% extends "site/base_profile.html" %}
{% load static %}



{% block title %}
SNR Shop BD | Profile
{% endblock title %}



{% block css %}
<link rel="stylesheet" href="{% static 'css/profile.css' %}" />
<link rel="stylesheet" href="{% static 'css/custom.css' %}" />
<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="/static/css/wallet.css">
{% endblock css %}



{% block content %}



<!--=====================================
                    BANNER PART START
        =======================================-->
<section class="inner-section single-banner"
  style="background: url('/static/images/single-banner.jpg') no-repeat center">
  <div class="container px-5">
    <div class="row">
      <div class="col-md-6 d-flex justify-content-start">
        <h3>my profile</h3>
      </div>
      <div class="col-md-6 d-flex justify-content-end ">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">profile</li>
        </ol>
      </div>
    </div>


  </div>
</section>
<!--=====================================
                            BANNER PART END
                =======================================-->


<!--=====================================
                    PROFILE PART START
        =======================================-->
<section class="inner-section profile-part">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-3">

        {% include 'site/profile/includes/profile_sidebar.html' %}


      </div>
      <div class="col-lg-9 mt-1">


        <div class="row">
          <div class="col-lg-6">
            <div class="account-card">
              <h3 class="account-title">My Point</h3>
              <div class="my-wallet">
                <p>current balance</p>
                <h3>{{ user.points|default:"0"}}</h3>
                <p class="mt-3 text-warning">Need minimum 100 points to open a lottary</p>
              </div>

            </div>
          </div>

        </div>
        <div class="row">
          <div class="col-lg-12">
            <div class="account-card">
              <h3 class="account-title">Open A Coupon Lottary</h3>

              <div class="row row-cols-1 row-cols-md-3 g-4">
                {% for coupon in coupons %}
                <div class="col">
                  <a href="{% url 'coupon_open' coupon.id %}" class="card-link card" onclick="clearCache()">

                    <div class="card-body">
                      <h5 class="card-title">Open This Box</h5>
                      <p class="">{{ coupon.coupon_code }}</p>


                    </div>

                  </a>
                </div>
                {% endfor %}
              </div>
            </div>
          </div>
        </div>

      </div>

    </div>
</section>
<!--=====================================
                            PROFILE PART END
                =======================================-->


{% endblock content %}

{% block js %}
<script>
  function clearCache() {
      // Clear the cache by manipulating the browser's location
      window.location.reload(true); // Pass true to force a reload from the server, ignoring the cache
  }

</script>

{% endblock js %}