{% load static %}
<div class="card border-0 px-sm-25">
    <div class="card-header px-0 border-0">
        <h6>Recent Seller</h6>
        <div class="card-extra">
            <ul class="card-tab-links nav-tabs nav" role="tablist">
                <li>
                    <a class="active" href="#t_selling-today222" data-bs-toggle="tab" id="t_selling-today222-tab" role="tab" aria-selected="true">Today</a>
                </li>
                <li>
                    <a href="#t_selling-week222" data-bs-toggle="tab" id="t_selling-week222-tab" role="tab" aria-selected="true">Week</a>
                </li>
                <li>
                    <a href="#t_selling-month333" data-bs-toggle="tab" id="t_selling-month333-tab" role="tab" aria-selected="true">Month</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="card-body p-0 mt-n10">
        <div class="tab-content">
            <div class="tab-pane fade active show" id="t_selling-today22" role="tabpanel" aria-labelledby="t_selling-today2-tab">
                <div class="selling-table-wrap selling-table-wrap--source">
                    <div class="table-responsive">
                        <table class="table table--default table-borderless">
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-primary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-1.png' %}" alt="img">
                                            </div>
                                            <span>Robert Clinton</span>
                                        </div>
                                    </td>
                                    <td>Samsung</td>
                                    <td>Smart Phone</td>
                                    <td>
                                        $38,536
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-primary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-2.png' %}" alt="img">
                                            </div>
                                            <span>Michael Johnson </span>
                                        </div>
                                    </td>
                                    <td>Asus</td>
                                    <td>Laptop</td>
                                    <td>
                                        $20,573
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-secondary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-3.png' %}" alt="img">
                                            </div>
                                            <span>Daniel White</span>
                                        </div>
                                    </td>
                                    <td>Google</td>
                                    <td>Watch</td>
                                    <td>
                                        $17,457
                                    </td>
                                    <td>Pending</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-success align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-4.png' %}" alt="img">
                                            </div>
                                            <span>Chris Barin </span>
                                        </div>
                                    </td>
                                    <td>Apple</td>
                                    <td>Computer</td>
                                    <td>
                                        $15,354
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-info align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-5.png' %}" alt="img">
                                            </div>
                                            <span>Daniel Pink</span>
                                        </div>
                                    </td>
                                    <td>Panasonic</td>
                                    <td>Sunglass</td>
                                    <td>
                                        $12,354
                                    </td>
                                    <td>Done</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="t_selling-week222" role="tabpanel" aria-labelledby="t_selling-week222-tab">
                <div class="selling-table-wrap selling-table-wrap--source">
                    <div class="table-responsive">
                        <table class="table table--default table-borderless">
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-primary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-1.png' %}" alt="img">
                                            </div>
                                            <span>Robert Clinton</span>
                                        </div>
                                    </td>
                                    <td>Samsung</td>
                                    <td>Smart Phone</td>
                                    <td>
                                        $38,536
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-primary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-2.png' %}" alt="img">
                                            </div>
                                            <span>Michael Johnson </span>
                                        </div>
                                    </td>
                                    <td>Asus</td>
                                    <td>Laptop</td>
                                    <td>
                                        $20,573
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-secondary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-3.png' %}" alt="img">
                                            </div>
                                            <span>Daniel White</span>
                                        </div>
                                    </td>
                                    <td>Google</td>
                                    <td>Watch</td>
                                    <td>
                                        $17,457
                                    </td>
                                    <td>Pending</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-success align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-4.png' %}" alt="img">
                                            </div>
                                            <span>Chris Barin </span>
                                        </div>
                                    </td>
                                    <td>Apple</td>
                                    <td>Computer</td>
                                    <td>
                                        $15,354
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-info align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-5.png' %}" alt="img">
                                            </div>
                                            <span>Daniel Pink</span>
                                        </div>
                                    </td>
                                    <td>Panasonic</td>
                                    <td>Sunglass</td>
                                    <td>
                                        $12,354
                                    </td>
                                    <td>Done</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="t_selling-month333" role="tabpanel" aria-labelledby="t_selling-month333-tab">
                <div class="selling-table-wrap selling-table-wrap--source">
                    <div class="table-responsive">
                        <table class="table table--default table-borderless">
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-primary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-1.png' %}" alt="img">
                                            </div>
                                            <span>Robert Clinton</span>
                                        </div>
                                    </td>
                                    <td>Samsung</td>
                                    <td>Smart Phone</td>
                                    <td>
                                        $38,536
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-primary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-2.png' %}" alt="img">
                                            </div>
                                            <span>Michael Johnson </span>
                                        </div>
                                    </td>
                                    <td>Asus</td>
                                    <td>Laptop</td>
                                    <td>
                                        $20,573
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-secondary align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-3.png' %}" alt="img">
                                            </div>
                                            <span>Daniel White</span>
                                        </div>
                                    </td>
                                    <td>Google</td>
                                    <td>Watch</td>
                                    <td>
                                        $17,457
                                    </td>
                                    <td>Pending</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-success align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-4.png' %}" alt="img">
                                            </div>
                                            <span>Chris Barin </span>
                                        </div>
                                    </td>
                                    <td>Apple</td>
                                    <td>Computer</td>
                                    <td>
                                        $15,354
                                    </td>
                                    <td>Done</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="selling-product-img d-flex align-items-center">
                                            <div class="selling-product-img-wrapper order-bg-opacity-info align-items-end">
                                                <img class=" img-fluid" src="{% static 'img/author/robert-5.png' %}" alt="img">
                                            </div>
                                            <span>Daniel Pink</span>
                                        </div>
                                    </td>
                                    <td>Panasonic</td>
                                    <td>Sunglass</td>
                                    <td>
                                        $12,354
                                    </td>
                                    <td>Done</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>