{% load static %}

<div class="card border-0 px-25 h-100">
    <div class="card-header px-0 border-0">
        <h6>Source Of Revenue Generated</h6>
        <div class="dropdown dropleft">
            <a href="#" role="button" id="todo12" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{% static 'img/svg/more-horizontal.svg' %}" alt="more-horizontal" class="svg">
            </a>
            <div class="dropdown-menu" aria-labelledby="todo12">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
            </div>
        </div>
    </div>
    <div class="p-0 card-body">
        <div class="revenueSourceChart px-0">
            <div class="parentContainer position-relative">

                <div class="apexpie ms-md-n50">
                    <div class="apexPieToday"></div>
                </div>

            </div>
            <div class="chart-content__details">
                <div class="chart-content__single">
                    <span class="icon color-facebook">
                        <span class="uil uil-facebook-f"></span>
                    </span>
                    <span class="label">Facebook</span>
                    <span class="data">$4621</span>
                </div>
                <div class="chart-content__single">
                    <span class="icon color-twitter">
                        <span class="uil uil uil-twitter"></span>
                    </span>
                    <span class="label">twitter</span>
                    <span class="data">$3621</span>
                </div>
                <div class="chart-content__single">
                    <span class="icon color-secondary">
                        <span class="uil uil uil-google"></span>
                    </span>
                    <span class="label">google</span>
                    <span class="data">$8945</span>
                </div>
            </div>
        </div>
    </div>
</div>