{% extends "layouts/base.html" %}

{% load static %} 

{% block title %} Dashboard Advertisers {% endblock %}


{% block extra_css %}{% endblock extra_css %}

{% block breadcrumb %}
<div class="page-header">
    <h1 class="page-title"> Dashboard Advertisers </h1>
    <div>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'core:dashboard' %}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0);">Advertiser</a></li>
            <li class="breadcrumb-item active" aria-current="page">view</li>
        </ol>
    </div>
</div>
{% endblock %}

{% block content %}  
<div class="row">
    {% if brands %}
    {% for brand in brands %}
    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
        <a href="{% url 'agencies:views_advertiser' id_brand=brand.id_brand %}" >
			<div class="card">
				<div class="card-body text-center">
                    <img class="text-white mb-5 " style="height:50px;" src="{{ brand.logo }}"></img>
				    <h6 class="mt-4 mb-2">Total Adspots</h6>
					<h2 class="mb-2 number-font">{{ brand.total_adspots}}</h2>
					<p class="text-muted">{{ brand.name_brand }}</p>
				</div>
			</div>
        </a>
	</div>
    {% endfor%}
    {% else %}
        <div class="col-sm-12">
            <div class="alert alert-warning">
                No Advertisers found.
            </div>
        </div>
    {% endif %} 
</div>
{% endblock content %}