{% load static %}
<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from InterCapitaStock-html.vercel.app/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jan 2024 19:56:43 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>InterCapitaStock</title>
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'Intercapitastock-01.png' %}">
    <!-- toastr -->
    <link rel="stylesheet" href="{% static 'dashboard/plugins/toastr/toastr.min.css' %}">
    <!-- Custom Stylesheet -->
    <link rel="stylesheet" href="{% static 'dashboard/css/style.css' %}">
      <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  <!-- Include Chart.js -->
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>

<body>
    <div id="preloader">
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>

    <div class="main-wrapper">
        <!--===================== Sidebar Start =====================-->
        <section class="sidebar">
            <nav
                class="navbar navbar-expand-lg navbar-light flex-nowrap flex-column justify-content-between align-items-start p-0">
                <div class="mb-lg-5 w-100">
                    <div class="d-none d-lg-block">
                        <a class="navbar-brand d-flex align-items-start mb-5" href="{% url "core:dashboard" %}">
                            <img src="{% static 'Intercapitastock-01.png' %}" alt="" style="width:150px;" class="mb-2">
                            {% comment %} <span class="fw-bold ms-2">InterCapitaStock</span> {% endcomment %}
                        </a>
                    </div>
                    <div class="collapse navbar-collapse collapse show" id="navbarNavAltMarkup">
                        <ul
                            class="navbar-nav flex-row flex-lg-column justify-content-between align-items-center align-items-lg-start">
                            <li>
                                <a class="nav-link d-flex align-items-center active" href="{% url "core:dashboard" %}"
                                    data-tooltip="home" data-placement="top">
                                    <i class="mdi mdi-view-dashboard"></i>
                                    <div class="nav-text d-none d-md-block">Home</div>
                                </a>
                            </li>

                            <li>
                                <a class="nav-link d-flex align-items-center @@accounts"
                                    href="{% url "core:accounts" %}" data-tooltip="account" data-placement="top">
                                    <i class="mdi mdi-account"></i>
                                    <div class="nav-text d-none d-md-block">account</div>
                                </a>
                            </li>
                            <li>
                                <a class="nav-link d-flex align-items-center @@settings"
                                    href="{% url "core:settings" %}" data-tooltip="{% url "core:settings" %}"
                                    data-placement="top">
                                    <i class="mdi mdi-cog"></i></i>
                                    <div class="nav-text d-none d-md-block">settings</div>
                                </a>
                            </li>
                            <li>
                                <a class="nav-link d-flex align-items-center @@settings" href="{% url "core:history" %}"
                                    data-tooltip="{% url "core:history" %}" data-placement="top">
                                    <i class="mdi mdi-view-dashboard"></i>
                                    <div class="nav-text d-none d-md-block">History</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </nav>
        </section>
        <!--===================== Sidebar End =====================-->
        <section class="ms-lg-240 px-lg-4 px-xl-0 mb-100 mb-lg-0">
            <!--===================== Navigation Start =====================-->
            <div class="navigation-2 d-flex sticky-top px-lg-4 px-xl-0">
                <div class="container">
                    <div class="row">
                        <div class="col-12 d-flex justify-content-between align-items-center">
                            <div class="d-block d-lg-none">
                                <a class="navbar-brand d-flex align-items-start" href="{% url "core:dashboard" %}">
                                    <img src="{% static 'Crestmaverick-01.png' %}" alt="" class="mb-2">
                                    <span class=" fw-bold  ms-2">InterCapitaStock</span>
                                </a>
                            </div>
                            <div class="search-form">
                            </div>
                            <!-- search form end -->
                            <div class="d-flex align-items-center">
                                {% comment %} <button type="button" class="search-btn rounded-circle d-md-none border-0">
                                    <span class="input-text d-flex align-items-center justify-content-center"><i
                                            class="fa fa-search"></i></span>
                                </button> {% endcomment %}
                                <div class="dropdown text-center text-sm-start">
                                    <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton2"
                                        data-bs-toggle="dropdown">
                                        <span class="user-icon rounded-circle text-white"><i
                                                class="mdi mdi-account"></i></span>
                                        <span
                                            class="user-name fw-medium ms-2 d-none d-sm-inline-block">{{ request.user }}</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-light w-100 box-shadow border-0 p-0 mt-2 rounded"
                                        aria-labelledby="dropdownMenuButton2">
                                        <li><a class="dropdown-item" href="{% url "core:accounts" %}"><i
                                                    class="mdi mdi-account"></i>account</a></li>
                                        <li><a class="dropdown-item" href="{% url "core:history" %}"><i
                                                    class="la la-book"></i>history</a></li>
                                        <li><a class="dropdown-item" href="{% url "core:settings" %}"><i
                                                    class="mdi mdi-cog"></i>settings</a></li>

                                        <li>
                                            <form method="post" action="{% url 'logout' %}">
                                                {% csrf_token %}
                                                <button class="dropdown-item logout" type="submit"><i
                                                        class="mdi mdi-logout"></i>logout</button>
                                            </form>
                                        </li>

                                    </ul>
                                </div>
                                <!-- dropdown end -->
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--===================== Navigation End =====================-->
            {% block content %}

            {% endblock content %}

        </section>
    </div>

    {% block script %}

    {% endblock script %}
    <!-- jquery -->
    <script src="{% static 'dashboard/plugins/jquery/jquery.min.js' %}"></script>
    <!-- bootstrap -->
    <script src="{% static 'dashboard/plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
    <!-- toastr -->
    {% comment %} <script src="{% static 'dashboard/plugins/toastr/toastr.min.js' %}"></script> {% endcomment %}
    {% comment %} <script src="{% static 'dashboard/plugins/toastr/toastr-init.js' %}"></script> {% endcomment %}
    <!-- circle-progress -->
    <script src="{% static 'dashboard/plugins/circle-progress/circle-progress.min.js' %}"></script>
    <script src="{% static 'dashboard/plugins/circle-progress/circle-progress-init.js' %}"></script>
    <!--  flot-chart js -->
    <script src="{% static 'dashboard/plugins/apexchart/apexcharts.min.js' %}"></script>
    <script src="{% static 'dashboard/plugins/apexchart/apexchart-init.js' %}"></script>
    <script src="{% static 'dashboard/plugins/apexchart/apexchart2-init.js' %}"></script>
    <!-- scripts -->
    <script src="{% static 'dashboard/js/scripts.js' %}"></script>

</body>

</html>