{% if sidebar != 'no' %}

	<sidebar class="sidebar fixed-left" v-pre id="sidebar">
		<nav id="sidebar-nav" class="sidebar-wrapper sidebar-nav">
			<div class="sidebar-content">
				<div class="sidebar-menu menu-list">
					<ul>
					{% if routeName starts with 'self_index' %}
						<li class="{{ routeName == 'self_index' ? 'active' }} mt-3">
							<a href="{{ path('self_index') }}"  data-tippy-content="home">
								<i class="fal fa-home-lg"></i>
								<span>Advertisers</span>
							</a>
						</li>
						{%  if is_granted('ROLE_BACKEND') %}
							<li class="{{ routeName == 'self_index_talent_desk' ? 'active' }} d-none mt-3">
								<a href="{{ path('self_index_talent_desk') }}" data-tippy-content="TalentDesk">
									<i class="fa fa-tachometer-alt"></i>
									<span>Talent Desk</span>
								</a>
							</li>
						{% endif %}
					{% elseif routeName starts with 'self_advertiser' %}

						{% if is_granted('ROLE_SELF') or is_granted('ROLE_ANALYTICS')  %}
							{% set proxy_url = "https://image.goldenbees.fr/images?w=400&h=400&transfo=fit&imgurl=" %}
							{% set static_path = advertiser.name|lower|replace({' ': ''})|replace({'à':'a', 'ê':'e', 'é':'e', 'è':'e'}) %}
							{% set backup = "&bkupimgurl=" %}
							{% set backup_url = "http://static.goldenbees.fr/publishers/backup.jpg" %}

							<li class="header-menu">
								<img src="{{ proxy_url }}{{ ('http://static.goldenbees.fr/advertisers/' ~ static_path ~'/logo.jpg')|url_encode }}{{ backup }}{{ backup_url|url_encode }}" alt="" width="36" class="img-fluid" style="border-radius: 50%">
								<span class="my-auto ml-3 font-700 text-capitalize">{{ advertiser.name }}</span>
							</li>
							
							{% if is_granted('ROLE_ANALYTICS') %}
								<li class="{{ routeName == 'self_advertiser_analytics' ? 'active' }}">
									<a href="{{ path('self_advertiser_analytics', { 'id': advertiser.id }) }}" data-tippy-inlinePositioning="true" data-tippy-placement="left" data-tippy-content="{{ 'Analytics'|trans }}">
										<i class="fal fa-chart-bar"></i>
										<span>{{ 'Analytics'|trans }}</span>
									</a>
								</li>
							{% endif %}
							
							<li class="cursor-pointer {{ routeName == 'self_advertiser_show' ? 'active' }}">
								<a href="{{ path('self_advertiser_show', {'id': advertiser.id}) }}" data-tippy-inlinePositioning="true" data-tippy-placement="left" data-tippy-content="{{ 'List of campaigns'|trans }}">
									<i class="fal fa-tasks"></i>
									<span>{{ 'Campaigns'|trans }}</span>
								</a>
							</li>

							<li class="cursor-pointer {{ routeName == 'self_advertiser_jobgroup_list' ? 'active' }}">
								<a href="{{ path('self_advertiser_jobgroup_list', {'id': advertiser.id}) }}" data-tippy-inlinePositioning="true" data-tippy-placement="left" data-tippy-content="{{ 'Jobs, job import and job groups'|trans }}">
									<i class="fal fa-layer-group"></i>
									<span>{{ 'Jobs'|trans }}</span>
								</a>
							</li>

{#							<li class="cursor-pointer d-none">#}
{#								<a href="{{ path('self_advertiser_tracking' ,{'id': advertiser.id}) }}">#}
{#									<i class="fal fa-analytics"></i>#}
{#									<span>Tracking</span>#}
{#								</a>#}
{#							</li>#}
						{% endif %}
						{% if is_granted('ROLE_DAF') %}
							{#                        <li><a href="{{ path('self_advertiser_daf_admin', {'id': advertiser.id}) }}">DAF</a></li>#}
						{% endif %}
					{% elseif routeName starts with 'self_campaign' %}
						<li><a href="{{ path('self_advertiser_show', {'id': campaign.idAdvertiser}) }}" class="active"><h5>{{ campaign.name }} <small><br>Campaign</small></h5></a></li>
						<li><a href="{{ path('self_campaign_edit', {'advertiser': campaign.idAdvertiser, 'campaign': campaign.id}) }}">Details</a></li>
						<li><a href="{{ path('self_campaign_report', {'advertiser': campaign.idAdvertiser, 'campaign': campaign.id}) }}">Report</a></li>
						<li><a href="{{ path('self_campaign_optimize', {'advertiser': campaign.idAdvertiser, 'campaign': campaign.id}) }}">Optimize</a></li>
						<li><a href="{{ path('self_advertiser_show', {'id': campaign.idAdvertiser}) }}">Back to campaign list</a></li>
					{% endif %}
					</ul>
				</div>

				<!-- sidebar-menu  -->
			</div>
		</nav>
		<div class="sidebar-footer pb-4">
			<div class="custom-control custom-switch d-flex justify-content-center mb-1">
				<input type="checkbox" class="custom-control-input" id="darkSwitch">
				<label class="custom-control-label small d-block mt-auto" for="darkSwitch">
					<span class="small">{{ 'Change theme color'|trans }}</span>
				</label>
			</div>
		</div>
	</sidebar>
{% endif %}