{% extends "DAIManagementApp/base.html" %}
{% block content %}


<div class="app-content">
    <div class="side-app"> 
        <!-- PAGE-HEADER -->
        <div class="page-header">
            <div>
                <h1 class="page-title"> Campaigns </h1>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Campaigns </a></li>
                    <li class="breadcrumb-item active" aria-current="page">views Campaigns</li>
                </ol>
            </div> 
        </div>

        <div class="row"> 
            {% for campaign in campaigns %} 
            <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
                <form action="{% url 'load_excel' id_campaign=campaign.id_campaign  %}" method="POST" target="_blank" >
                    {% csrf_token %}
                    <div class="card">
                        <div class="card-body text-center">
                            <!-- <i class="fa fa-firefox text-primary fa-3x"></i> -->
                            <h2 class="mb-2 number-font">{{ campaign.name }} </h2>
                            <h6 class="mt-4 mb-2"> CPM : {{ campaign.cpm }}</h6>
                            
                                <p class="text-muted">Pacing :  {{ campaign.pacing }}
                                {% if campaign.pacing %}
                                    <br>Start :  {{ campaign.start_day }} <br> END :  {{ campaign.end_day }}
                                {% endif %}

                            </p>
                        <button class="btn btn-primary btn-icon text-white me-2"  name="edit_btn" value="edit type="submit">load</button>
                    </div>
                    </div>
                </form>
            </div>
            
            {% endfor%}
            
        </div>
    </div>
</div>

{% endblock content %}