{% extends "base_generic.html" %}
{% load static %}



{% block nav-mission %}
<button class="w3-button w3-hover-none w3-bottombar navbutton" style="border-color:var(--colmenub)!important">third mission <i class="fa fa-caret-down"></i></button>
{% endblock %}

{% block content %}
{% block small %}


{% if spinoff_detail %}
	<h1>{{ spinoff_detail.title }}</h1>
	<div class='w3-row'>
        {% if spinoff_detail.image %}
            <div class="w3-half w3-container w3-left-align">
                <div class="container">
                    <img src="/{{ spinoff_detail.image }}" class="w3-padding-16" alt="" style="max-width:100%;max-height:300px;vertical-align: middle">
                    <div class="text-block"><small>&copy{{spinoff_detail.copyright}}</small></div>
                </div>
            </div>
        {% else %}
            {% if spinoff_detail.image_url %}
            <div class="w3-half w3-container w3-left-align ">
                <div class="container">
                    <img src="{{ spinoff_detail.image_url }}" class="w3-padding-16" alt="" style="max-width:100%;max-height:300px;vertical-align: middle">
                    <div class="text-block"><small>&copy{{spinoff_detail.copyright}}</small></div>
                </div>
            </div>
            {% endif%}
        {% endif%}
	</div>
    <div class="w3-container">
        <table>
            <hr style="width:100%"> </hr>
        </table> 
        </div>
		<div class="w3-container w3-left-align">
            <div class="w3-half">
                {% if spinoff_detail.date %}
                    <div class="w3-row">
                        <div class="w3-half">Founded at:</div>
                        <div class="w3-half">{{spinoff_detail.founded}}</div>
                    </div>
                {% endif %}
                {% if spinoff_detail.supported %}
                    <div class="w3-row">
                        <div class="w3-half">Supported by:</div>
                        <div class="w3-half">{{spinoff_detail.supported}}</div>
                    </div>
                {% endif %}
                {% if spinoff_detail.info_url %}
                    <div class="w3-row">
                        <div class="w3-half">Further details:</div>
                        <div class="w3-half"><a href="{{spinoff_detail.info_url}}">{{spinoff_detail.info_url}}</a></div>
                    </div>
                {% endif %}
                {% if spinoff_detail.legal_status %}
                <div class="w3-row">
                    <div class="w3-half">Legal status:</div>
                    <div class="w3-half">
                        {% if spinoff_detail.legal_status_url %}
                            <a href="{{spinoff_detail.legal_status_url}}">{{ spinoff_detail.legal_status }}</a>
                        {% else %}
                            {{ spinoff_detail.legal_status }} 
                        {% endif %}
                    </div>
                </div>
                {% endif %}
                {% if spinoff_detail.competent_district_court %}
                <div class="w3-row">
                    <div class="w3-half">Competent district court:</div>
                    <div class="w3-half">
                        {% if spinoff_detail.competent_district_court_url %}
                            <a href="{{spinoff_detail.competent_district_court_url}}">{{ spinoff_detail.competent_district_court }}</a>
                        {% else %}
                            {{ spinoff_detail.competent_district_court }}
                        {% endif %}
                    </div>
                </div>
                {% endif %}
                {% if spinoff_detail.trade_register_number %}
                <div class="w3-row">
                    <div class="w3-half">Trade register number:</div>
                    <div class="w3-half">
                        {% if spinoff_detail.trade_register_number_url %}
                            <a href="{{spinoff_detail.trade_register_number_url}}">{{ spinoff_detail.trade_register_number }}</a>
                        {% else %}
                            {{ spinoff_detail.trade_register_number }}
                        {% endif %}
                    </div>
                </div>
                {% endif %}
                {% if spinoff_detail.address %}
                <div class="w3-row">
                    <div class="w3-half">Address:</div>
                    <div class="w3-half">{{ spinoff_detail.address }}</div>
                </div>
                {% endif %}
            </div>
            <div class="w3-half">
                
            </div>
        </div>
        
        
		{% if spinoff_detail.description %}	
		<div class="w3-container">
				<table>
					<hr style="width:100%"> </hr>
				</table>
                <h4>Description</h4>
                <p align="justify">{{spinoff_detail.description|safe|linebreaksbr}}</p>
        </div>
		{% endif %}


        {% if spinoff_detail.member.all %} 
		<div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Working and collaborating member</h4>
            <!-- <h4>Group Leader</h4> -->
            <!--{% for groupcount in spinoff_detail.group_leader.all %}{% if not forloop.first %}, {% endif %}{{ groupcount }}{% endfor %}-->
            {% include "member_list.html" with former_shadow=0 status=0 height=150 member_list=spinoff_detail.member.all|dictsort:"status.order_index"%}
		</div>	
		{% endif %}
        {% if spinoff_detail.project.all %}
        <div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Collaborative projects</h4>
            {% include "project_list.html" with l=6 m=6 s=6 height=150 project_list=spinoff_detail.project.all %}
		</div>
        {% endif %}
        {% if spinoff_detail.group.all %} 
		<div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Collaborative groups</h4>
            <!-- <h4>Group Leader</h4> -->
            <!--{% for groupcount in spinoff_detail.group_leader.all %}{% if not forloop.first %}, {% endif %}{{ groupcount }}{% endfor %}-->
            {% include "group_list.html" with l=6 m=6 s=6 height=150 group_list=spinoff_detail.group.all %}
		</div>	
		{% endif %}
        {% if spinoff_detail.publication.all %}
        <div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Related publications</h4>
            {% include "publication_list.html" with l=6 m=6 s=6 height=150 publication_list=spinoff_detail.publication.all %}
		</div>
        {% endif %}
{% endif %}
{% endblock %}
{% endblock %}