<div class="title-bar">
    <h4>INBOUND/CLOSER CALLS FOR THIS TIME PERIOD: (10000 record limit)</h4>
    <a href="#"><i class="fa fa-download" aria-hidden="true"></i></a>
</div>
<div class="card-body">
    <div class="my-secondary-table table-responsive">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">DAY/TIME</th>
                <th scope="col">LENGTH</th>
                <th scope="col">STATUS</th>
                <th scope="col">PHONE</th>
                <th scope="col">CAMPAIGN</th>
                <th scope="col">WAIT (S)</th>
                <th scope="col">LIST</th>
                <th scope="col">LEAD</th>
                <th scope="col">HANGUP REASON</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td colspan="10">No data available</td>
            </tr>
            </tbody>
        </table>

        <p class="text-right mr-3 mt-2">Total: <a href="#">000000:00:00</a></p>
        <p class="text-right mr-3 mt-2">Total Agent Seconds: <a href="#">000000:00:00</a></p>
    </div>
</div>