{% extends 'layouts/sidebar_right.tpl' %}

{% set the_author = getAuthor(id = globals.request.author_id) %}

{% block PageHeader %}
	<div class="outer-author-box bged-page-header">
		{% if the_author.name %}
		<div class="author-box d-flex mb-5 pb-5 position-relative">
			{% if the_author.photo %}
			<div class="author-photo mr-3 mt-2">
				<img src="{{ the_author.photo }}" height="95" width="95" alt="">
			</div>
			{% endif %}
			<div class="">
				<h1 class="author-name fonted d-inline-block fancy-underline line-height-1">{{ the_author.name }}</h1>
				<!--<div class="author-profession">Journalist</div>-->
				<div class="author-description my-4 lead">{{ the_author.bio }}</div>
				<div class="author-social">
					<ul class="list-unstyled d-flex">
						{% if the_author.twitter %}
						<li class="tw mr-2">
							<a target="_blank" href="https://www.x.com/{{ the_author.twitter }}">{{ Slycons().getIcon('x-twitter', null, 24) }}</a>
						</li>
						{% endif %}
						{% if the_author.facebook %}
						<li class="fb mr-2">
							<a target="_blank" href="https://www.facebook.com/{{ the_author.facebook }}">{{ Slycons().getIcon('facebook', null, 24) }}</a>
						</li>
						{% endif %}
						{% if the_author.instagram %}
						<li class="in mr-2">
							<a target="_blank" href="https://www.instagram.com/{{ the_author.instagram }}">{{ Slycons().getIcon('instagram', null, 24) }}</a>
						</li>
						{% endif %}
						{% if the_author.linkedin %}
						<li class="lk mr-2">
							<a target="_blank" href="https://www.linkedin.com/in/{{ the_author.linkedin }}">{{ Slycons().getIcon('linkedin', null, 24) }}</a>
						</li>
						{% endif %}
					</ul>
				</div>
			</div>
		</div>
		{% endif %}
	</div>
{% endblock %}


{% block Content %}
	<!-- Mobile -->
	{{ getAdZone(zone='Msite_300x250') }}

	{% if the_author %}
		{% paginate getNews(limit = globals.default_author_news_limit_per_page, body_length = 150, paginate = true, author = globals.request.author_id) as pagination, _news %}
		<div class="content">
			<div class="title-fonted title-1 mb-5">{{ _ttx('news') }}</div>

			{{ options.text.PreNewsListContent }}
			<ul class="posts list-unstyled">
			{% for news in _news %}
				<li class="feed-item-wrapper slyvi-the-news-list-item">
					{% include 'include/block_news_row.tplp' with {'the_block_news_data': news} %}
				</li>
			{% endfor %}
			</ul>
			<!-- /.posts -->

			{% include('include/pagination.tplp') %}
		</div> <!-- /.content -->

	{% endif %}
{% endblock %}