{% extends 'layouts/report.html.twig' %}
{% block title %}Targets{% endblock %}
{% block report_content %}
<div class="loader" style="display:none" >
<div class="d-flex justify-content-center loading">
<div class="spinner-border " role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-2"></div>
<div class="col-2">
<select id="js_traffic_type_filter" multiple data-actions-box="true" class="w-100 border" >
{% for trafficId,trafficName in trafficType %}
<option value="{{trafficId}}">{{trafficName}}</option>
{% endfor %}
</select>
</div>
<div class="col-3">
<select id="js_last_scan_status_filter" multiple data-actions-box="true" class="w-100 border">
{% for statusId,statusName in statusLabels %}
<option value="{{statusId}}">{{statusName}}</option>
{% endfor %}
</select>
</div>
<div class="col-2">
<select id="js-tags_filter" multiple data-actions-box="true" class="w-100 border" title="Choose a tag filter...">
{% for tagVal, tagLabel in tagTypes %}
<option value="{{tagVal}}">{{tagLabel}}</option>
{% endfor %}
</select>
</div>
<div class="col-3 height-40">
<div id="js_last_scan_date_filter" class="h-100 border px-1 py-2 cursor-pointer text-nowrap overflow-hidden">
<i class="fa fa-calendar"></i>
<span></span> <i class="fa fa-caret-down float-right"></i>
</div>
</div>
</div>
<table class="table table-striped display dt-responsive nowrap" id="reportTable" data-opsui-base-url="{{ opsui_base_url }}">
<thead>
<tr>
<th scope="col">Target ID</th>
<th scope="col">Affiliate Name</th>
<th scope="col">Campaign Name</th>
<th scope="col">Campaign ID</th>
<th scope="col">Campaign Status</th>
<th scope="col">Domain</th>
<th scope="col">Created</th>
<th scope="col">Last Scan</th>
<th scope="col">Last Scan Status</th>
<th scope="col">Tags</th>
<th scope="col">PLP Link</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
{{ encore_entry_script_tags('target-report')}}
{% endblock %}