{% include 'web/include_comman/header.html' %}

        <!-- Sidebar -->
        {% include 'web/include_comman/sidebar.html' with active_tab='report_active1' %}
        <!-- End of Sidebar -->

        <!-- Content Wrapper -->
        <div id="content-wrapper" class="d-flex flex-column">

            <!-- Main Content -->
            <div id="content">

                <!-- Topbar -->
                {% include 'web/include_comman/right_top.html' %}
                <!-- End of Topbar -->

                <!-- Begin Page Content -->
                <div class="container-fluid">
                    <div class="row">
                        <div class='col-lg-4'>
                            <form method="GET" class="d-none d-sm-inline-block mb-3 form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
                                <div class="input-group">
                                    <input type="text" name="search" class="form-control bg-light border-1 small" value="{{search}}" placeholder="Search for..."
                                        aria-label="Search" aria-describedby="basic-addon2">
        
                                    <div class="input-group-append mb-3">
                                        <button class="btn btn-primary" type="submit">
                                            <i class="fas fa-search fa-sm"></i>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-lg-2">
                        </div>
                        <div class="col-lg-6 float-right">
                            <form class="form-inline form-sm" >
                                <div class="form-group mb-2" method="GET">
                                  <input type="date" class="form-control input-sm" name="date_one">
                                </div>
                                <div class="form-group mx-sm-3 mb-2">
                                  <input type="date" class="form-control input-sm" name="date_two">
                                </div>
                                <button type="submit" class="btn btn-info btn-sm mb-2">Generate</button>
                              </form>
                            {% comment %} <a href="{% url 'web:export_users_csv' %}" class="btn btn-primary">Download Report</a> {% endcomment %}
                        </div>
                    </div>
                    <!-- Page Heading -->
                    {% comment %} <h1 class="h3 mb-2 text-gray-800">{{title}}</h1> {% endcomment %}
                    

                   
                
                    <!-- DataTales Example -->
                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <div class="row">
                                <div class="col-lg-6">
                                    <h6 class="m-0 font-weight-bold text-primary">Sells</h6>
                                </div>
                                {% comment %} <div class="col-lg-6">
                                    <a href="{% url 'web:sells_view' %}" class="btn btn-info mr-2 btn-sm float-right" role="button">Reset</a>
                                </div> {% endcomment %}
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-lg-6">
                                    {% comment %} <h6 class="m-0 font-weight-bold text-primary float-right">Total : {{total_ammount}}</h6> {% endcomment %}
                                </div>
                                <div class="col-lg-6">
                                    <h6 class="m-0 font-weight-bold text-primary float-right">Total : {{admin_earning_amt|floatformat:2}}</h6>
                                </div>
                            </div>
                        </div>
                        <div class="card-body" s>
                            {% include 'web/message.html' %}
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr style="font-size:13px; color:black;">
                                            <th>S.N.</th>
                                            <th>Magazine Name</th>
                                            <th>Publisher Name</th>
                                            <th>Commission %</th>
                                            <th>Publisher Amount</th>
                                            <th>Admin Amount</th>
                                            <th>Action</th>        
                                        </tr>
                                    </thead>
                                   
                                    <tbody>
                                        <tr data-toggle="collapse" data-target="#demo{{forloop.counter}}" data-parent="#myTable">
                                            <td>{{forloop.counter}}</td>
                                            <td>{{ purchase_info_group.magazine}}</td>
                                            <td>{{purchase_info_group.publisher}}</td>
                                            <td class="text-success">{{purchase_info_group.total_amount}}</td>
                                            <td class="text-info">{{purchase_info_group.commission}}</td>
                                            <td class="text-success">-</td>
                                            <td><i class="fa fa-eye" style="font-size:16px;color:grey;"></i></td>
                                        </tr>     
                                    </tbody>
                                </table>
                                <div class="pagination float-right">
                                    <span class="step-links">
                                        {% if purchase_infos.has_previous %}
                                            <a href="?page=1">&laquo; first</a>
                                            <a href="?page={{ purchase_infos.previous_page_number }}">previous</a>
                                        {% endif %}
                                
                                        <span class="current">
                                            Page {{ purchase_infos.number }} of {{ purchase_infos.paginator.num_pages }}.
                                        </span>
                                
                                        {% if purchase_infos.has_next %}
                                            <a href="?page={{ purchase_infos.next_page_number }}">next</a>
                                            <a href="?page={{ purchase_infos.paginator.num_pages }}">last &raquo;</a>
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% comment %} {% url 'web:delete_system_category_view' system_category.id %} {% endcomment %}
                </div>
                <!-- /.container-fluid -->

            </div>
           



            {% include 'web/include_comman/footer.html' %}