{% extends "base.html" %}

{% load i18n static %}
{% load removeSpace_filter %}

{% block title %}REIndicator{% endblock %}

{% block head_block %}
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" href="/media/icons/favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/static/css/styles.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/webmap.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/header.css?v=3.6.1" />
    <link rel="stylesheet" type="text/css" href="/static/css/w3_custom.css" />
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
{% endblock head_block %}

{% block topbar %}
    <a href="https://reindicator.com" title="Home - REIndicator"><img src="/media/images/logo1.png" align="left" height="50" alt="REIndicator homepage"></a>
    {% if user.is_authenticated %}
    <div class="topbar-dropdown">
        <a href="javascript:void(0);" class="icon dropbtn" onclick="menu_dropdown()">
            <i class="fa fa-bars"></i>
        </a>
        <div id="dropdownContent" class="topbar-dropdown-content">
            <a href="/"><i class="fa fa-globe" aria-hidden="true"></i> View Map</a>
            <a href="/admin"><i class="fa fa-cog" aria-hidden="true"></i> Settings</a>
            {% if not user|has_group:"Hiatus" %}
            <a href='https://info.reindicator.com/new-member-welcome-notes/' target='_blank'><i class="fa fa-exclamation-circle" aria-hidden="true"></i> New Members Start Here</a>
            <a href="https://info.reindicator.com/webinar-replays/" target='_blank'><i class="fa fa-play-circle-o" aria-hidden="true"></i> Webinar Replays</a>
            <a href = "https://info.reindicator.com/" target='_blank'><i class="fa fa-life-ring" aria-hidden="true"></i> Support</a>
            {% if not user|has_group:"MDM1" %}
            <a href='#videoPopup' class="versionVideoLink" target='_blank'>Learn About Version 3.6</a>
            <a href='https://us06web.zoom.us/j/86440202851' class="webinarLink-dropdown" target='_blank'>Next Webinar: <span style='color:#ba3b46;'>Friday, December 1, 2PM ET</span>.<br>Preparing Investor Presentations Ep. 2</a>
            {% endif %}
            <a href = "https://calendly.com/reindicator/member-strategy-session" style="position:relative;" target='_blank'> Click here to schedule<br>a Quick Strategy Call with Scott</a>
            {% endif %}
            <a href="/logout"><i class="fa fa-sign-out" aria-hidden="true"></i> Log Out</a>
        </div>
    </div>
    {% if not user|has_group:"Hiatus" and not user|has_group:"MDM1" %}
    <div class="webinarLinkDiv" style="width: 224px;"><a href='https://us06web.zoom.us/j/86440202851' class="webinarLink" target='_blank'>Next Webinar: <span style='color:#e9ff19;'>Friday, December 1, 2PM ET</span>.<br>Preparing Investor Presentations Ep. 2</a></div>
    <div class="versionVideoLinkDiv w100ForSmall"><a href='#videoPopup' class="versionVideoLink" target='_blank'>Learn About Version 3.6</a></div>
    <div id="videoPopup" class="mfp-hide embed-responsive embed-responsive-21by9">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/Kt7NBcIBUps" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
    </div>
    {% endif %}
    <div class = "control-buttons" style="float: right;">
        <a href="/" title="View Map" ><img src="/media/icons/SVG_USA_World.svg" class="menu-button" /></a>
        <a href="/admin" title="Settings" ><img src="/media/icons/setting1.svg" class="settingBtn menu-button" /></a>
        <a href="{% url 'logout' %}?next=/" title="Log Out" style="margin: 0px 15px 0 0;"><img src="/media/icons/logout1.svg" class="logoutBtn menu-button" /></a>
    </div>
    <div class = "welcome-user">
        <div class = 'welcom_msg'>
            <span>
                Welcome,
                <strong>{% firstof user.get_short_name user.get_username %}</strong>.
            </span>
        </div>
    </div>
    {% if not user|has_group:"Hiatus" %}
    <div class = "help-link" style="float: right;">
        <div class="helpLinkDiv w100ForSmall"><a href='https://info.reindicator.com/new-member-welcome-notes/' class="helpLink" target='_blank'>New Members Start Here</a></div>
        <div class="helpLinkDiv"><a href='https://info.reindicator.com/webinar-replays/' class="helpLink" target='_blank'>Replays</a></div>
        <div class="helpLinkDiv"><a href='https://info.reindicator.com/' class="helpLink" target='_blank'>Support</a></div>
        <div class="helpLinkDiv" style="position: relative;">
            <a href='https://calendly.com/reindicator/member-strategy-session' class="helpLink" target='_blank'>Click here to schedule<br>a Quick Strategy Call with Scott</a>
        </div>
    </div>
    {% endif %}

    {% else %}
    <a href="/login" title="Log In" style="margin: 15px 15px 0 0;"><img src="/media/icons/login1.svg" class="loginBtn menu-button" /></a>
    {% endif %}
{% endblock %}

{% block content %}
<div id='userChange'>  <!--Div for form--> 
    <h2 style='display: block;
        font-size: 1.5em;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        font-family: Helvetica;'>Change My Settings</h2>
    <form action="/editinfo/" method="POST">
    {% csrf_token %}
    {% for field in form %}
        <div class="fieldWrapper" >
            {{ field.errors }}
            {% if field.name == 'colorBlind' %}
            <br><br>
            {% endif %}
            {{ field.label_tag }} {{ field }}
        </div>
    {% endfor %}
        <br>
        <div class="fieldWrapper setting-submit-flex">
            <input type="submit" value="Submit">
            {% if user.has_usable_password %}
            <a href="{% url 'change_password' %}">{% trans 'Change password' %}</a>
            {% endif %}
            <a href="#" onclick="document.getElementById('legalDisclaimerModal').style.display='flex';">Legal Disclaimer</a>
        </div>
    </form>
</div><!--End div for form-->
<div id="legalDisclaimerModal" class="w3-modal w3-animate-opacity" style="padding-top:0px!important;">
    <div class="w3-modal-content w3-card-4" style="margin: auto; max-width: 1000px; width: 100%;">
        <header class="w3-container w3-deep-orange">
            <span onclick="document.getElementById('legalDisclaimerModal').style.display='none'" 
            class="w3-button w3-large w3-display-topright">&times;</span>
            <h2>Legal Disclaimer</h2>
        </header>
        <div class="w3-container" style="overflow: auto;max-height: calc( 100vh - 220px );">

            <p>By using this website, you acknowledge and accept the following:</p>
            
            <p>The data, content, and projections in this program are informational in nature and do not take into account suitability of any particular investment for any individual. This information is not a substitute for the advice of a financial advisor, real estate professional, appraiser, lawyer, accountant, or any other professional.</p>
            
            <p>REIndicator.com does not recommend or promote any particular purchase or investment. The user assumes full responsibility to independently conduct due diligence and make independent investment decisions.</p>
            
            <p>We use a proprietary process to gather, analyze and classify each market. Among the many factors considered are population, job, wage growth, unemployment, and multi-family occupancy and rent changes. We rely on third-party data, including government data, to provide this service. We endeavor to update the data once per year but make no warranty or representation that the data on which we rely is accurate or that our data is current at any given time.</p>
            
            <p>All investments have risk and the level of risk depends on multiple factors that REIndicator.com cannot control. The user assumes all risks of his or her investments.</p>
            
            <p>The user releases REIndicator.com and its agents from liability for any claims arising out of the purchasing and investment decisions made by user even if user bases those decisions on the data provided in this program.</p>
        </div>
        <footer class="w3-container w3-deep-orange">
            <p>
                <a class="w3-button w3-black" onclick="document.getElementById('legalDisclaimerModal').style.display='none'">Close</a>
            </p>
        </footer>
    </div>
</div>
{% endblock content %}