{% extends "layout.html" %}

{% load i18n static subscription_tags %}

{% block title %}
    {{ page_title }} - {% trans 'Account' %} - {{ block.super }}
{% endblock %}
{% block header %}{% endblock %}
{% block body_class %}user-account{% endblock %}
{% block content %}
    <div class="account-container mb-5">
        <aside class="left-sidebar">
            <div class="d-block d-md-none text-right">
                <a href="#" id="open-account-sidebar">
                    <i class="fa fa-chevron-right"></i>
                </a>
            </div>
            {% include 'customer/partials/account_navigation.html' %}
        </aside>
        <div class="right-content">
            {% block tabcontent %}{% endblock tabcontent %}
        </div>
    </div>
{% endblock content %}
{% block footer %}
    {{ block.super }}
{% endblock %}
{% block scripts %}
    {{ block.super }}
    <script type="text/javascript">
        var officeClosedDays = {% closed_days %};
    </script>
    <script type="text/javascript" src="{% static 'vendor/clipboard/dist/clipboard.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'vendor/slidereveal/dist/jquery.slidereveal.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/account.js' %}"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            if (isMobile || isTablet) {
                $('.left-sidebar').slideReveal({
                    trigger: $('#open-account-sidebar'),
                    width: 200,
                    push: false,
                    shown: function () {
                        $('#open-account-sidebar').html('<i class="fa fa-chevron-left"></i>')
                    },
                    hidden: function () {
                        $('#open-account-sidebar').html('<i class="fa fa-chevron-right"></i>')
                    }
                });
            }
        });
    </script>

    <script>
        $(".submit_preferences").click(function() {
            var prodcutId = $(this).attr("data-productid");
            var like = $(this).attr("data-prefereces");
            $.ajax({
                url: "{% url 'customer:add-preferences' %}",
                data: {'prodcut_id': prodcutId, 'like': like},
                dataType: 'json',
                success: function (response) {
                    if (response == 'success') {

                        if (like == 1) {
                            $("#dislike"+prodcutId).removeClass("fas");
                            $("#dislike"+prodcutId).addClass("far");

                            $("#like"+prodcutId).addClass("fas");
                        } else {
                            $("#like"+prodcutId).removeClass("fas");
                            $("#like"+prodcutId).addClass("far");

                            $("#dislike"+prodcutId).addClass("fas");
                        }
                    }
                }
            });
        });
    </script>
{% endblock %}