{% extends "meeting-base.html" %}
{% load staticfiles thumbnail coreextras %}

{% block headtitle %}{{ exhibitor }} | Exhibitors {% endblock %}

{% block content %}
    <div class="body">
        <div class="main-header buttons-header search-reactive">
            <div class="return">
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-3 pad-30 text-left">
                            <a href="{% url 'meeting_exhibitors' meeting_information.slug %}">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-6 pad-30 text-center">
                            <div class="title">{{ exhibitor }}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="select">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-6 text-center">
                            <a class="option {% if user_note %}active{% endif %}" href="{% url 'meeting_exhibitor_note' meeting_information.slug exhibitor.id %}">
                                <div class="add-note-share note"></div>
                                <div class="label">NOTE</div>
                            </a>
                        </div>
                        <div class="col-xs-6 text-center">
                            <a class="option first addthis_button">
                                <div class="add-note-share share"></div>
                                <div class="label">SHARE</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body exhibitors-detail-body search-reactive">

            <div class="body_title">Booth</div>

            <div class="container-fluid pad-30">
                <div class="row mar-30">
                    <div class="col-xs-12 pad-30">
                        <a class="item item_small" {% if exhibitor.floor_plan %}href="{% url 'meeting_floorplan' meeting_information.slug exhibitor.floor_plan.id %}"{% endif %}>
                            <img src="{% static 'images/microsite/position/location.png' %}" /> {{ exhibitor.booth }}
                        </a>
                    </div>
                </div>
            </div>

            <div class="body_title">Company Information</div>

            <div class="container-fluid pad-30">
                <div class="row mar-30">
                    <div class="col-xs-12 pad-30">
                        <div class="item item_small">
                            {% if exhibitor.image %}
                                <p><img src="{% thumbnail exhibitor.image 300x300 %}" alt="{{ exhibitor }}"/></p>
                                <hr/>
                            {% endif %}
                            <p>{{ exhibitor.description|urlize|url_target_blank|safe|linebreaksbr }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block footer_script %}

<script type="text/javascript">
    $(document).ready(function(){

        $('.educational_option').click(function(e){
            e.preventDefault();
            $('.scientific_posters').fadeOut(function(){
                $('.educational_option').addClass('active');
                $('.scientific_option').removeClass('active');
                $('.educational_posters').fadeIn();
            });
        });

        $('.scientific_option').click(function(e){
            e.preventDefault();
            $('.educational_posters').fadeOut(function(){
                $('.scientific_option').addClass('active');
                $('.educational_option').removeClass('active');
                $('.scientific_posters').fadeIn();
            });
        });
    });
</script>

{% endblock %}