71 lines
3.1 KiB
Twig
Executable File
71 lines
3.1 KiB
Twig
Executable File
{% extends "layouts/dashboard.twig" %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid">
|
|
<h1 class="h3 mb-4 text-gray-800">Dashboard do Afiliado</h1>
|
|
|
|
<div class="row">
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
|
|
Ganhos Totais</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">R$ {{ totalEarned|number_format(2, ',', '.') }}</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Earnings (Annual) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-success shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">
|
|
Comissões Pendentes</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{ pendingCommissions }}</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-clipboard-list fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 font-weight-bold text-primary">Seus Banners</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if banners is not empty %}
|
|
<div class="row">
|
|
{% for banner in banners %}
|
|
<div class="col-lg-4 col-md-6 mb-4">
|
|
<div class="card h-100">
|
|
<img class="card-img-top" src="{{ banner.image_url }}" alt="{{ banner.name }}">
|
|
<div class="card-body">
|
|
<h5 class="card-title">{{ banner.name }}</h5>
|
|
<p class="card-text">{{ banner.description }}</p>
|
|
<a href="/affiliates/banners/{{ banner.id }}/code" class="btn btn-primary btn-sm">Obter Código</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<p>Nenhum banner disponível no momento.</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |