{% extends "providerregistry/base.html" %}
{% load i18n %}
{% block Content %}
{% load static %}
<div class="container">



 <!-- Page Heading/Breadcrumbs -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Search Results</h1>
                <ol class="breadcrumb">
                    <li><a href="/">Home</a>
                    </li>
                    <li><a href="/registry/provider-search">Search</a>
                    </li>
                    <li class="active">Results</li>
                    <li><a href="{{table_url}}&skip={{skip}}">Table View</a>
                    </li>
                </ol>
            </div>
        </div>
        <!-- /.row -->

       <!-- Team Members -->
        <div class="row">
           {%for r in results %}
            <div class="col-md-3 text-center">
                <div class="thumbnail">
                    <img class="img-responsive"
                        {% if r.basic.gender == "M" %} 
                            src="{% static 'providerregistry/img/Male250.jpg' %}" alt="Male Provider">
                        {% endif %}
                        
                        {% if r.basic.gender == "F" %}
                            src="{% static 'providerregistry/img/Female250.jpg' %}" alt="Female Provider">
                         {% endif %} 
                        {% if not r.basic.gender %}
                            src="{% static 'providerregistry/img/Organization250.jpg' %}" alt="Organization Provider"> 
                         {% endif %}    
                    <div class="caption">
                        
                        <h3>
                            <a href = "/registry/provider-view/{{r.number}}">{{r.number}}</a><br>
                            <small>{{r.title|truncatechars:19}}</small>
                        </h3>

                    
                        <ul class="list-inline">
                            
                            {% if r.enumeration_type == "NPI-2" or r.basic.sole_proprietor == "YES" %}
                    
                             <li><i class="fa fa-2x fa-hospital-o" title="Organization"></i>
                              </li>
                           {% endif %}
                           
                           {% if r.enumeration_type == "NPI-1" %}
                             <li><i class="fa fa-2x fa-user-md" title="Individual"></i>
                              </li>
                           {% endif %}
                           
                        </ul>
                    </div>
                </div>
            </div>
            
        {% endfor %}


           
        </div>
        <!-- /.row -->

        <hr>

        <!-- Pagination -->
        <div class="row text-center">
            <div class="col-lg-12">
               <nav>
                    <ul class="pager">
                      <li
                          {% if skip == 0 %}
                          
                          {% endif%}
                          class="previous
                           
                           {% if skip == 0 %}
                             disabled
                          {% endif%}
                          ">
            
                          <a href="{{reg_url}}&skip={{skip|add:"-12"}}">&larr; Back</a>
                      </li>
                      <li class="next"><a href="{{reg_url}}&skip={{skip|add:"12"}}">More &rarr;</a></li>
                    </ul>
                  </nav>
            </div>
            
        <div class="row text-center">
            <div class="col-lg-12">
               <a href={% url 'provider_search' %} ><button type="button" class="btn btn-primary btn-lg">Start a New Search</button></a>
          </div>
            </div>    
            
            
        </div>
        <!-- /.row -->

    
    </div><!-- /.container -->
 
 
  
{% endblock %}