{% extends "base.html" %}
{% load static %}
{% block content %}
<style>
.firm_list_div {
min-height:225px;
}
</style>
<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-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
<div class="inner-banner-box">
<div class="inner-banner-text">
<h1>Firms</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Firms Section-->
<section class="firms featured-firms-section">
<div class="container">
<div class="row">
{% for firm_list in firm_data %}
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="firm-box1">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 firm_bx_img">
<div class="firm-box-img1"><img src="{% if firm_list.avatar %}{% static 'upload/' %}{{ firm_list.avatar }}{% else %}{% static 'images/user.jpg' %} {% endif %}" alt=""/></div>
</div>
<div class="col-lg-8 col-md-8 col-sm-8">
<div class="firm-right_text firm_list_div">
<h3><a href="{% url 'firm_details' firm_list.id %}">{{ firm_list.company_name }}</a></h3>
<p><i class="fa fa-map-marker fa-lg" aria-hidden="true"></i>{{ firm_list.company_address }}</p>
<hr>
<p>{{ firm_list.company_description|slice:":60" }} {% if firm_list.company_description|length > 60 %}<a href="{% url 'firm_details' firm_list.id %}">View More</a>{% endif %}</p>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% if firm_data %}
<div class="row pagination-section">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<nav aria-label="Page navigation">
<ul class="pagination">
{% if firm_data.has_previous %}
<li class="page-item"><a class="page-link previous-page" href="?page={{ firm_data.previous_page_number }}" tabindex="-1">
<img src="{% static 'images/left-arrow-blk.png' %}" alt=""/> Previous</a>
</li>
{% else %}
<!-- <li class="page-item disabled">-->
<!-- <img src="{% static 'images/left-arrow-blk.png' %}" alt=""/> Previous-->
<!-- </li>-->
{% endif %}
{% for page in firm_data.paginator.page_range %}
{% if page == firm_data.number %}
<li class="page-item active"><a class="page-links" href="?page={{page}}">{{page}}</a>
{% else %}
<li class="page-item"><a class="page-links" href="?page={{page}}">{{page}}</a>
{% endif %}
{% endfor %}
<!-- <li class="page-item"><a class="page-links" href="#">1</a></li>-->
<!-- <li class="page-item"><a class="page-links" href="#">2</a></li>-->
<!-- <li class="page-item"><a class="page-links" href="#">3</a></li>-->
{% if firm_data.has_next %}
<li class="page-item"> <a href="?page={{ firm_data.next_page_number }}">Next
<img src="{% static 'images/right-arrow-blk.png' %}" alt=""/></a>
</li>
{% else %}
<!-- <li class="page-item"> <a class="page-link next-page" href="#">Next-->
<!-- <img src="{% static 'images/right-arrow-blk.png' %}" alt=""/></a>-->
<!-- </li>-->
{% endif %}
</ul>
</nav>
</div>
</div>
{% else %}
<p class="text-center">No records found</p>
{% endif %}
</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>