{% extends "base.html" %}
{% load static %}
{% block content %}
<main class="main-body">
<section class="inner-banner" style="background: url('{% static 'images/inner-banner.png' %}')">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="inner-banner-box">
<div class="inner-banner-text">
<h1>Firm Details</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<section class="professional-section firm-detail-section">
<div class="container">
{% for firm_detail in firm_details %}
<input type="hidden" name="location-input" id="location-input" value="{{ firm_detail.company_address }}">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="professional-img"><div id="map" style="width: 100%;height: 300px;"></div>
<h3>{{ firm_detail.company_name }}</h3>
<p>{{ firm_detail.company_address }}</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="abt-text">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<h2>Firm Description</h2>
<p>{{ firm_detail.company_description }}</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
{% if firm_detail.avatar %}
<div class="site-logo"> <img src="{% static 'upload/' %}{{ firm_detail.avatar }}" alt=""/></div>
{% endif %}
</div>
</div>
</div>
<div class="professional-dettails">
<h2>Products and Services</h2>
<p>{{ firm_detail.product_and_service_details }}</p>
<a href="{% url 'firm_inquiry' firm_detail.id %}" >Click for Inquiry <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> </div>
</div>
</div>
{% endfor %}
</div>
</section>
<section class="firm-profesional">
<div class="container">
<div class="row">
{% if professional_list %}
<div class="firm-head">
<h4>Our</h4>
<h2>Professionals</h2>
</div>
{% endif %}
{% for professionals in professional_list %}
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="firm-box">
<ul class="firm-main-list">
<li>
<div class="firm-img">
<img src="{% if professionals.avatar %}{% static 'upload/' %}{{ professionals.avatar }}{% else %}{% static 'images/user.jpg' %}{% endif %}" alt=""/>
</div>
</li>
<li>
<div class="firm-text">
<h3><a href="{% url 'professional_details' professionals.sp_id %}" >{{ professionals.first_name }}</a></h3>
{% if professionals.specialist_designation %}
<div class="firm-list">
<img src="{% static 'images/f-2.png' %}" alt=""/> <span>Designation: {{ professionals.specialist_designation }}</span>
</div>
{% endif %}
{% if professionals.specialist_details %}
<div class="firm-list">
<img src="{% static 'images/f-1.png' %}" alt=""/> <span style="display: inline !important;">Skills: {{ professionals.specialist_details|truncatewords:"30" }}</span>
</div>
{% endif %}
{% if professionals.specialist_specialities %}
<div class="firm-list">
<img src="{% static 'images/f-2.png' %}" alt=""/> <span style="display: inline !important;">Specialty: {{ professionals.specialist_specialities|truncatewords:"30" }}</span>
</div>
{% endif %}
</div>
</li>
</ul>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<div class="clearfix"></div>
<a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a> </main>
{% endblock %}
</body>
</html>