{% extends 'admin/layouts/base.html.twig' %}
{% set active = 'app_admin_affiliate' %}
{% set breadcrumbs = [
    {
        'link': path('app_front_account'), 'title': 'Home'
    },
    {
        'title':'Affiliate Management',
    },
    {
        'title': 'Affiliate',
    }
]%}
{% block content %}
    <div class="row">
        <h1>Affiliate</h1>
        <div class="col-lg-4">
            <!-- Total affiliate -->
            <div class="card bg-teal text-white">
                <div class="card-body">
                    <div class="row">
                        <div class="col-2">
                            <i class="ph ph-users" style="font-size: 40px"></i>
                        </div>
                        <div class="col">
                            <h4>Total Affiliate</h4>
                            <h5>{{ numberOfAffiliate is not null ? numberOfAffiliate : 'N/A'}}</h5>
                        </div>
                    </div>
                </div>
                <div class="rounded-bottom overflow-hidden" id="server-load"></div>
            </div>
            <!-- /Total affiliate -->
        </div>

        <div class="col-lg-4">
            <!-- Total Commission -->
            <div class="card bg-pink text-white">
                <div class="card-body">
                    <div class="row">
                        <div class="col-2">
                            <i class="ph ph-chart-pie-slice" style="font-size: 40px"></i>
                        </div>
                        <div class="col">
                            <h4>Total Commission</h4>
                            <h5>{{ totalCommission is not null ? totalCommission|number_format(2,',','.') : 'N/A'}}<i class="ph ph-currency-eur" style="font-size: 25px"></i></h5>
                        </div>
                    </div>
                </div>
                <div class="rounded-bottom overflow-hidden" id="today-revenue"></div>
            </div>
            <!-- /Total Commission -->
        </div>

        <div class="col-lg-4">
            <!-- Total Revenue -->
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <div class="row">
                        <div class="col-2">
                            <i class="ph ph-chart-bar" style="font-size: 40px"></i>
                        </div>
                        <div class="col">
                            <h4>Total Sales</h4>
                            <h5>{{ totalRevenue is not null ? totalRevenue|number_format(2,',','.') : 'N/A'}}<i class="ph ph-currency-eur" style="font-size: 25px"></i></h5>
                        </div>
                    </div>
                </div>
                <div class="rounded-bottom overflow-hidden" id="server-load"></div>
            </div>
            <!-- /Total Revenue -->
        </div>

    </div>
    <div class="row">
        <!-- Left Section -->
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-secondary text-white border-bottom-0">
                    <h6 class="mb-0">Search</h6>
                </div>
                <div class="card-body">
                    <form action="{{ path('app_admin_affiliate') }}" method="get">
                        <div class="form-row col-12 col-sm-6 col-md-6 col-lg-8 col-xl-6"style="float:right;"  >
                            <div class="form-group mb-2 col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8" style="float:left;margin-right: 5px;">
                                <input type="text" class="form-control" name="search_value" id="search_value" placeholder="Search by Name / email / Phone No" value="{{ app.request.query.get('search_value') }}">
                            </div>
                            <button class="btn btn-primary" name="is_filter" type="submit" value="true">Search</button>
                            <a class="btn btn-secondary" href="{{ path('app_admin_affiliate') }}">Reset</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
</div>
    <div class="raw">
        <div class="card">
            <div class="table-responsive">
                <table class="table table-bordered table-striped text-center">
                    <thead>
                    <tr>
                        <th>Id</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Mobile Number</th>
                        <th>Country</th>
                        <th class="table-actions">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for user in users %}
                        {% include 'admin/affiliate/row.html.twig' %}
                    {% else %}
                        <tr class="w-100 text-center">
                            <td class="border-none" colspan="6">No Records found</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {{ include('helper/pagination_card_footer.html.twig', {'knp_result_set': users}) }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
{% endblock  %}