{% extends 'partials/base.html' %}

{% load specializtions_tags %}
{% load thumbnail %}


{% block content %}
    {% include 'partials/header.html' %}

    <div class="container mainScore" >
		<div class="row">
			<div class="col-lg-12">
				<p class="titleScore">Личный кабинет</p>
			</div>
			
			{% include 'partials/contractor_profile_tabs.html' %}
			
			<div class="buttonGP disTab">
				<div class="btn-group valProject2" role="group">
  					<a href="#" onclick="query('owner', ''); return false" class="btn btn-default">Все</a>
  					<a href="#" onclick="query('owner', 'private'); return false" class="btn btn-default">Личные</a>
  					<a href="#" onclick="query('owner', 'teams'); return false" class="btn btn-default">От именни группы</a>
				</div>
				
				<div class="btn-group valProject2" role="group">
  					<a href="#" onclick="query('archived', ''); return false" class="btn btn-default">
  						Открытые проекты
						<span><mark>0</mark> / <span>{{ active_project_count }}</span></span>
  					</a>
  					
  					<a href="#" onclick="query('archived', 'on'); return false" class="btn btn-default">
  						Архив
  						<span><mark></mark><span>{{ archived_project_count }}</span></span>
  					</a>
				</div>
			</div>
			
			<div class="projectsBlock disTab">
                {% for project in projects %}
                    <div class="projectPro clearfix">
                        <div class="col-lg-9 leftPro">
                            <a href="{% url 'projects:detail' project.pk %}">
                                <p class="titlePro">{{ project.name }}</p>
                            </a>
                            
                            <ul class="desPro">
                                <li>Объект "{{ project.realty.name }}"</li>
                            </ul>
                            
                            <p class="textPro">{{ project.text|linebreaksbr|truncatechars:300 }}</p>
                            
                            {% if TEMPLATE_DEBUG %}
                                <pre><!--
                                    --><b>State:</b> {{ project.state }}<br><!--
                                    --><br><!--
                                    --><b>Specialization:</b> {{ proj.specialization }}<br><!--
                                    --><br><!--
                                    --><b>Realty location:</b> {{ proj.realty.location }}<br><!--
                                    --><br><!--
                                    --><b>Constr. type:</b> {{ proj.realty.construction_type }}<br><!--
                                    --><br><!--
                                    --><b>Build. classif.:</b> {{ proj.realty.building_classification }}<br><!--
                                --></pre>
                            {% endif %}
                            
                            <ul class="listPro">
                                <li>{{ project.created }}</li>
                                <li>{{ project.hit_count.hits }}</li>
                                <li>{{ project.answers.count }}</li>
                                <li>{{ project.customer.username }}</li>
                            </ul>
                        </div>
                        
                        <div class="col-lg-3 rightPro">
                            <p class="cenaPro">
                                {{ project.budget }} <i class="fa fa-rub"></i>
                            </p>
                            
                            <ul>
                                {% if proj.secure_deal %}
                                    <li>Безопасная сделка</li>
                                {% endif %}

                                <li>
                                    {{ project.specialization.name }}
                                </li>
                                
                                <li>
                                    <form action="{% url 'projects:contractor-answer-archive' %}" method="POST" novalidate>
                                        {% csrf_token %}
                                        <input type="hidden" name="next" value="{{ request.path }}">
                                        <input type="hidden" name="project_pk" value="{{ project.pk }}">
                                        <input type="hidden" name="user_pk" value="{{ contractor.pk }}">
                                        <a href="#" onclick="$(this).closest('form').submit(); return false">Отказаться и переместить в архив</a>
                                    </form>
                                </li>
                            </ul>
                        </div>
                    </div>
                {% endfor %}
			</div>
            
            {% include 'partials/footer.html' %}
        </div>
    </div>
    
    <script>
        function query(paramName, paramVal) {
            var urlObj = new URI(window.location.href)
            paramVal === '' ? urlObj.removeQuery(paramName) : urlObj.setQuery(paramName, paramVal)
            window.location.href = urlObj.href()
        }
    </script>
{% endblock %}