{% extends "landingpages/_base.html" %}

{% load static %}
{% load placeholder %}

{% block title %}
{{ consumer.name }} | 
{% endblock title %}


{% block layout_stylesheet %}
<link rel="stylesheet" href="{% static "css/layout_consumer.css" %}?v2" media="screen"/>
{% endblock layout_stylesheet %}

    

{% block content %}
<div class="tappedto layout layout-consumer theme theme-metro">
    <div class="container">
        <div class="row flex-center header">
            <div class="col-12 no-padding layout-consumer-bars">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        
        <div class="row flex-center header">
            <div class="col-12 flex align-center">
        
                <div class="avatar">
                    <div class="avatar-image">
                        <img src="
                {% if consumer.avatar_url %}
                    {{ consumer.avatar_url }}
                {% else %}
                    https://thumbs.dreamstime.com/b/default-avatar-profile-vector-user-profile-default-avatar-profile-vector-user-profile-profile-179376714.jpg
                {% endif %}" />
                        <div class="tapped-count">
                            <span>{{ page.views }}</span>
                        </div>
                    </div>
                </div>
                <div>
                    {% if consumer.name %}
                    <h1 class="name">{{ consumer.name }}</h1>
                    {% endif %}
                    {% if consumer.atname %}
                    <small class="handle">@{{ consumer.atname }}</small>
                    {% endif %}
                    {% if consumer.slogan %}
                    <p class="slogan">„{{ consumer.slogan }}“</p>
                    {% endif %}
                </div>
                
            </div>
        </div>
    </div>
    
    
    <div class="container modules">
    
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>
        
        <div class="row flex-center">
            <div class="col-12">
                <div class="module whatsapp">
                    <a class="link" href="#"></a>
                </div>
            </div>
        </div>

    </div>
    
    
    
    
</div>












<div class="content" style="display:none;">
    <div class="info">
        <div class="profile">
            <img src="
            {% if consumer.avatar_url %}
                {{ consumer.avatar_url }}
            {% else %}
                https://thumbs.dreamstime.com/b/default-avatar-profile-vector-user-profile-default-avatar-profile-vector-user-profile-profile-179376714.jpg
            {% endif %}">
            <div class="visits">{{ page.views }}</div>
        </div>
        <div class="information">
            {% if consumer.name %}
            <div class="name">{{ consumer.name }}</div>
            {% endif %}
            {% if consumer.atname %}
            <div class="at">@{{ consumer.atname }}</div>
            {% endif %}
            {% if consumer.slogan %}
            <div class="slogan">„{{ consumer.slogan }}“</div>
            {% endif %}
        </div>
    </div>
    {% if consumer.whatsapp_chat_url %}
    <div class="cell whatsapp">
        <a href="{{ consumer.whatsapp_chat_url }}" target="_blank">Call</a>
    </div>
    {% endif %}
    {% if consumer.facebook_name %}
    <div class="cell facebook">
        <a href="https://facebook.com/{{ consumer.facebook_name }}" target="_blank">Like</a>
    </div>
    {% endif %}
    {% if consumer.xing_name %}
    <div class="cell xing">
        <a href="https://xing.com/{{ consumer.xing_name }}" target="_blank">Contact</a>
    </div>
    {% endif %}
    {% if consumer.instagram_name %}
    <div class="cell instagram">
        <a href="https://instagram.com/{{ consumer.instagram_name }}" target="_blank">Follow</a>
    </div>
    {% endif %}
    {% if consumer.airbnb_name %}
    <div class="cell airbnb">
        <a href="https://airbnb.com/{{ consumer.airbnb_name }}" target="_blank">Book</a>
    </div>
    {% endif %}
    {% if consumer.paypal_name %}
    <div class="cell paypal">
        <a href="https://paypal.me/{{ consumer.paypal_name }}" target="_blank">Send</a>
    </div>
    {% endif %}
</div>
{% endblock %}