{% extends 'base.html' %}

{% load recommendations_tags utils_tags statistics_tags %}

{% block extra_head_js %}
    <script>
        $(document).ready(function() {

            NEWSBLUR.reader = new NEWSBLUR.Reader();
            NEWSBLUR.reader.init();

        });
    </script>

    {% if user.is_staff %}
        <script>
            $(document).ready(function() {
              $('#add-feature-button').click(function(e) {
                e.preventDefault();
                $('#add-feature-form').fadeIn(500);
              });
            });
        </script>
    {% endif %}
{% endblock %}

{% block bodyclass %}NB-body-main{% endblock %}
{% block content %}


<h1 class="NB-splash-heading">NewsBlur</h1>
<h2 class="NB-splash-heading">- The best stories from your friends and favorite blogs, all in one place.</h2>

<div id="NB-splash" style="left: {% firstof user_profile.feed_pane_size 242 %}px">
    <div class="NB-splash-modules">
    <div class="NB-modules-center">
    
        {% if not user_profile.hide_getting_started %}
            {% render_getting_started %}
        {% endif %}
      
        {% render_features_module %}

        {% if recommended_feeds %}
            {% render_recommended_feed recommended_feeds %}
        {% endif %}

        {% if user.is_staff and unmoderated_feeds %}
            {% render_recommended_feed unmoderated_feeds 1 %}
        {% endif %}
        
        <div class="NB-module-search NB-module">
            <h5 class="NB-module-header">
                Search Sites and People
            </h5>
            
            <div class="NB-module-search-container">
                <div class="NB-module-search-input NB-module-search-sites">
                    <div class="NB-search-close"></div>
                    <label for="search_site"><img src="{{ MEDIA_URL }}img/reader/search_icon2.png"></label>
                    <input id="search_site" name="search_site" placeholder="Site name or address...">
                </div>
                <div class="NB-module-search-input NB-module-search-people">
                    <div class="NB-search-close"></div>
                    <label for="search_people"><img src="{{ MEDIA_URL }}img/reader/search_icon2.png"></label>
                    <input id="search_people" name="search_people" placeholder="Username or email...">
                </div>
                <div class="NB-module-search-results"></div>
            </div>
        </div>

  </div>

  <div class="NB-account">
    
    {% render_account_module %}
    
    {% render_statistics_graphs statistics %}

  </div>
  </div>
</div>

{% render_feeds_skeleton %}

{% endblock %}